HTML/CSS

Отследить появление блока при скроллинге можно с помощью события onscroll, вычисляя его положение методами jquery...

Файл манифеста содержит информацию об иконках, цветовой теме, ориентации экрана, начальном URL и т.д.

::selection или ::-moz-selection – псевдоэлемент, который отвечает за стили выделяемой области текста.

Такой эффект можно сделать с помощью :before у родительского элемента. Поверх изображения помещается абсолютный блок с...

Подборка 23-х фонов с линейным и радиальным градиентом.

Видео YouTube вставляется через iframe, но он не адаптивен по высоте. Если задать width="100%", то он растянется на всю ширину родителя, но для высоты hight="100%" не работает.

Простой пример как адаптивно выстроить несколько изображений на всю ширину окна браузера.

Эффект плавного появления страницы хорошо подходит для рекламных сайтов и лэндингов. Сделать его можно с помощью CSS...

Несколько рекомендаций как увеличить скорость загрузки API Яндекс.Карт 2.0.

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

Метод добавления рамки к отдельным ячейкам, столбцам и строкам таблиц. К ячейке таблицы добавляются position: relative...

Пример, как вывести Яндекс карту на всю ширину сайта + плавающий блок с контактной информацией.

Пример горизонтального меню для лэндингов, в котором реализовано...

Для модальных окон есть множество плагинов такие, как fancybox, Twitter Bootstrap и т.д. Но бывают случаи когда нет...

Примеры как на jQuery и показывать скрывать определенный текст по клику на ссылку или кнопку.

Приемы как сделать шахматную сетку на псевдо-свойстве :nth-child().

Селект с множественным выбором (select multiple) весьма не удобен, при выборе часто забываешь нажимать сtrl и все сбрасывается. В место него можно использовать чекбоксы в выпадающем списке.

Градиент в цвет шрифта можно добавить с помощью CSS свойства background-clip: text, которое окрашивает текст в цвет или изображение указанного в background-image.

Сборник горизонтальных линий с тегом hr разных видов и стилей.

Еще один способ сделать эффект смешивания градиента и изображения, основан на свойстве background-blend-mode. Минус...

Favicon – иконка сайта, выводится во вкладке браузера и поисковой выдаче Яндекса.

Подчеркивание текста можно сделать с помощью нескольких свойств CSS - background-image, background-size и...

Цвет карты можно изменить начиная с версии 2.0 с помощью CCS фильтров, применив их к элементу .ymaps-layers-pane

В больших формах, с несколькими кнопками «Отправить/сохранить» есть одна проблема – после ее отправки браузер обновит...

Сборник CSS стилей с эффектом фильтров Инстаграма.

Несколько примеров как добавить CSS-свойства к HTML странице.

Микроразметка используется для превью страницы, которое формируется при публикации ссылки в социальных сетях. Поддерживается в Facebook, VK, Однокласниках. Яндекс и гугл использует Open Graph в...

Разметка вставляется в head каждой страницы сайта и используется для расширенного описания ссылки, вставленной в твит.

Несколько примеров как подключить JS скрипты к web страницам и некоторые тонкости.

Обзор html мата-тегов для браузеров Safari на платформах Mac OS X и iOS.