Пропустить навигацию

Highe® — Веб и стандарты


Предварительная загрузка изображений

15.03.08

Недавно пришлось работать над сайтом с довольно «тяжелыми» изображениями. Чтобы занять пустое пространство на момент загрузки, в фон поставил обычный ajax спиннер, который после загрузки фонового изображения вполне корректно закрывается им.

Пример

Принцип прост, в родительский элемент фоном ставится спиннер, в дочерний с прозрачным цветом фона — фоновое изображение.

Комментарии

  1. Хм, все гениельное просто :)

    А зачем там div#wrapper?


    — Андрей    Jun 19, 03:35 PM    #
  2. Скорее всего автоматом кусок вытянул с сайта :)


    higher    Jun 19, 06:54 PM    #

 

 

В архив


CSS Styleguide — улучшение читабельности кода

Перевод статьи Improving Code Readability With CSS Styleguides с рекоммендациями по организации СSS файлов и написанию стильгайдов.

дальше →

Media-запросы

Media-запросы это расширение CSS3 для различных media-типов, позволяющее контролировать отображение документа в зависимости от устройства

дальше →

Стандартный режим, режим обратной совместимости и DOCTYPE

Еще раз хочу вернуться к данным режимам, их выбору, переключению и DOCTYPE

дальше →

Полезные CSS хаки

Несколько хаков, которые могут пригодиться

дальше →

Все статьи

бизнес, браузеры, веб-стандарты, верстка, дизайн, мобильные устройства, редакторы, фотогалерея, alistapart, css, css3, email, javascript, photoshop, png, progressive enhancement, svg, textmate, textpattern, usability, validation, vml

Полезные ссылки

23.09.08

  • Using jQuery for Background Image Animations
  • jParallax
  • Test your color IQ
  • 80 Large Background Websites
  • 20 Free Page Analysis Tools