Плавная прокрутка при помощи scroll-behavior

В ночных сборках Firefox Nightly и Google Chrome появилась поддержка эксперименатального CSS-свойства scroll-behavior, которое предназначено для задания плавной прокрутки внутри любого элемента.

BuddyPress 2.2 Бета 1 теперь доступен для тестирования

В минувшие выходные ведущий проекта BuddyPress Джон Джеймс Джейкоби объявил, что 2.2 бета 1 готов к тестированию. Предстоящий релиз разрабатывается с сентября прошлого года. Кампания Якоби в течение шести месяцев разработки BuddyPress, bbPress и GlotPress была полностью профинансирована в середине декабря, что позволило ему тратить больше времени на проект в 2015 году. До сих пор, …

Подробнее

PHP: получение уникальных значений многомерного массива

Появилась необходимость удалить из многомерного PHP-массива все дубликаты. На ум сразу пришла функция array_unique, которая отлично работает с одномерными массивами. Но применить её «в лоб» не вышло.

«Дедовский» способ кастомизации чекбоксов и радиокнопок на CSS

Теме кастомизации стандартных контроллов (радиокнопок и чекбоксов) посвящено огромное количество статей, но все они сводятся к подключению ненужных jQuery-плагинов, роль которых — полная замена нативных checkbox и radio на смесь непонятных структур HTML и JavaScript.

Отлавливаем ошибки JavaScript с помощью Google Analytics

Настоящие гики своего дела используют Google Analytics не только как инструмент статистики, но и как средство для отслеживания JavaScript ошибок с помощью пользовательских событий.

Компрессия данных в настольной версии 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, появляется один очень неприятный баг: сайт скачет при переходе между короткой и длинной страницами.

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