Компрессия данных в настольной версии Google Chrome при помощи Data Compression Proxy

Как известно, в мобильной версии Google Chrome для ускорения загрузки веб-страниц и уменьшения объема передаваемых данных используется технология сжатия трафика на лету. На десктопой же версии этого браузера данной функции нет, но её можно «включить», используя специальное расширение. Как включить компрессию трафика в Google Chrome Установите расширение Data Compression Proxy, оно направит весь ваш трафик …

Подробнее

howler.js – современная Javascript библиотека для воспроизведения аудио

Обложка к записи howler.js – современная Javascript библиотека для воспроизведения аудио

howler.js — это аудио библиотека для современного веба, которая по умолчанию использует Web Audio API, а в случае его отсутствия использует HTML5 Audio. Возможности howler.js Использует по умолчанию Web Audio API Фолбэк к HTML5 Audio Поддерживает множество файловых форматов Автоматическое кэшировнаие для Web Audio API Кэширование для HTML5 Audio Включение/отключение звука, регулировка звука Воспроизведение несколько …

Подробнее

Исправляем css hover эффект на тач-устройствах

При создании каскадного меню сайта, реализованного при помощи ненумерованного списка, с вложенным тегом <ul>, которое должно было появляться при наведении на родительский <li>, столкнулся с тем, что псевдокласс hover дико переглючивает на iPad, отчего меню совсем перестает работать.

Берегите глаза с помощью f.lux

f.lux — небольшая, кроссплатформенная (Windows, Linux, Mac OS, iOS) программа, которая изменяет цветовой профиль экрана в зависимости от времени суток, делая работу за компьютером более комфортной и оберегая Ваше зрение. Известно, что ночью глаза устают меньше всего от тёплых цветовых тонов (3400 К), а днём — от холодных (6500 К), так как они более соответствуют …

Подробнее

Исправляем «прыгающий скролл» на чистом CSS

Когда вы центрируете веб-страницу на CSS при помощи margin: 0 auto, появляется один очень неприятный баг: сайт скачет при переходе между короткой и длинной страницами.

Это происходит потому что на короткой странице вертикальный скроллбар скрыт, а на длинной он появляется.

Wikidirectory — энциклопедия сайтов

Wikidirectory — уникальный в своем роде проект, который посвящен описанию сайтов, это словно Википедия, однако главным материалом являются сайты пользователей. Проект дает Вам уникальную возможность описать свой интернет ресурс в качественной энциклопедии сайтов. Многие путают наш сайт с каталогом. Однако они сильно ошибаются. Добавив Ваш сайт в энциклопедию вы получите не только качественную обратную ссылку, …

Подробнее

Бесплатная книга «Сюрреализм на JavaScript» Алексея Бахирева

В книге содержатся различные рекомендации, советы и идеи касательно разработки сложного фронтенда на JavaScript. Рассматривается архитектура игровых движков и проблемы создания веб-игр и веб-приложений. Так же в книге приведено множество рекомендаций касательно верстки интерфейсов под различные устройства и особенностей разработки на JavaScript под различные платформы. Книгу можно читать онлайн или скачать в JSON (100 Kb), …

Подробнее

Защита админки WordPress от перебора паролей

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

Паттерн Quick Return при помощи headroom.js

Борясь с нехваткой вертикального пространства, дизайнеры интерфейсов Google Android придумали новый паттерн Quick Return (быстрый возврат).

Принцип работы данного паттерна предельно прост: при скроллинге вниз верхняя панель приложения скрывается, при скроллинге вверх — вновь показывается.

Карта Google Maps внутри модального окна Twitter Bootstrap

Если вы когда-нибудь пробовали встроить карту Google Maps внутрь модального окна Twitter Bootstrap, то, наверняка, сталкивались с такой проблемой: при открытии карты отображается лишь маленький ее кусочек. При изменении размеров окна браузера (например, открытии консоли) — карта растягивается на всю ширину модального окна.

Как отловить пользователей расширения AdBlock

Для того, чтобы определить, что у пользователя установлено расширение для блокировки рекламы AdBlock или AdBlock Plus, достаточно в код страницы включить вызов скрипта, который бы попадал под специальные паттерны для определения рекламных блоков (например, <div> с классом .banner).

Коллекция CSS прелоадеров

Веб разработчик Люк Хаас создал креативную коллекцию крутящихся прелоадеров, анимированных при помощи CSS3. Каждый «волчок» коллекции состоит всего из одного блока

с классом .loader и текстом «Loading…». Текст задан для экранных читалок и обратной совместимости со старыми версиями браузеров, не поддерживающих CSS3.