Blog. Just Blog

Быстрый поиск

Введите фрагмент названия статьи для поиска

Как отследить потерю фокуса вкладки в браузере

23.04.2017 | Категория: Web-мастеру и не только | Автор: ManHunter

Как отследить потерю фокуса вкладки в браузере

В современных браузерах есть очень полезный инструмент - Page Visibility API. Он позволяет узнать, когда вкладка с веб-страницей видна пользователю, а когда пользователь находится на другой странице. Через Page Visibility API можно установить обработчик для реагирования на изменение состояния видимости. Для чего это надо? Например, если сайт открыт на мобильных устройствах, то при переходе на другую вкладку есть смысл отключить ненужные сетевые запросы, всякие спецэффекты, динамическое обновление контента и прочие ресурсоемкие операции. В веб-приложениях, например, можно сделать автоматическое сохранение незаполненной формы при переходе на другую вкладку. На моем сайте при потере фокуса вкладки активируется опция "камуфляж".

Читать статью целиком »
Просмотров: 688 | Комментариев: 0

Сервисы картинок-placeholder'ов для сайтов

21.01.2017 | Категория: Web-мастеру и не только | Автор: ManHunter

Сервисы картинок-placeholder'ов для сайтов

Вот и обещанная статья об онлайн-сервисах, предоставляющих картинки-пустышки для размещения на сайтах. Повторюсь, для чего это надо. В процессе разработки сайтов могут потребоваться изображения нейтральной или какой-то конкретной тематики, чтобы наполнить макет и показать его заказчику. Чтобы не тратить время на поиск картинок в интернете и не заниматься их последующей нарезкой в графических редакторах, удобнее воспользоваться готовыми онлайн-сервисами.

Читать статью целиком »
Просмотров: 1027 | Комментариев: 1

Стилизация нумерованных списков с помощью CSS

23.11.2016 | Категория: Web-мастеру и не только | Автор: ManHunter

Стилизация нумерованных списков с помощью CSS

Продолжаем тему стилизации различных HTML-элементов. Сегодня это будут нумерованные списки. Если вы захотите изменить отображение цифр перед строками в нумерованном списке, то обнаружите, что сделать это при помощи CSS невозможно. Но также невозможно объяснить заказчикам, почему дизайнер нарисовал в фотошопе красивый список, а повторить его на web-странице в таком же виде не получается. Решение этой проблемы есть, и даже не одно.

Читать статью целиком »
Просмотров: 1167 | Комментариев: 0

Placeholder для изображений на JavaScript

12.11.2016 | Категория: Web-мастеру и не только | Автор: ManHunter

Placeholder для изображений на JavaScript

При разработке сайтов одна из главных задач - правильное размещение контента, в том числе и изображений. Но часто случается ситуация, когда заказчик еще не предоставил материал, а что-то показать ему уже надо. В таких случаях используют "рыбы", или, если по-английски, "placeholder". Для текстового контента это классический "Lorem ipsum..." или какие-нибудь программные генераторы. Для графического контента есть различные онлайновые сервисы, которые предоставляют картинки-placeholder'ы (про них будет отдельная статья). А я решил сделать динамический генератор картинок-пустышек на JavaScript.

Читать статью целиком »
Просмотров: 790 | Комментариев: 0

Аккордеон на CSS3

17.10.2016 | Категория: Web-мастеру и не только | Автор: ManHunter

Аккордеон на CSS3

Так называемый аккордеон, или вариант раскрывающегося горизонтального или вертикального меню, очень популярный элемент при оформлении сайтов. Существует огромное количество вариантов реализации, с использованием скриптов, стилей и разных HTML-элементов в качестве управляющих конструкций. Представляю вам мой вариант аккордеона на чистом CSS3, но не удивлюсь, если такой вариант уже где-то был.

Читать статью целиком »
Просмотров: 962 | Комментариев: 3

prev 01 02 03 04 05 06 next
Наверх
Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2017
При использовании материалов ссылка на сайт обязательна
Время генерации: 0.08 сек. / MySQL: 3 (0.021 сек.) / Память: 4.5 Mb
Наверх