HTML/CSS

Рамка у отдельных ячеек таблицы
Метод добавления рамки к отдельным ячейкам, столбцам и строкам таблиц. К ячейке таблицы добавляются position: relative...
9063
0
Верстка блока контактов с картой
Пример, как вывести Яндекс карту на всю ширину сайта + плавающий блок с контактной информацией.
12921
-2
Фиксированное горизонтальное меню с активными пунктами
Пример горизонтального меню для лэндингов, в котором реализовано...
9507
+5
Модальное окно на затемненном фоне
Для модальных окон есть множество плагинов такие, как fancybox, Twitter Bootstrap и т.д. Но бывают случаи когда нет...
50999
+21
Показать/скрыть блок текста на jQuery
Примеры как на jQuery и показывать скрывать определенный текст по клику на ссылку или кнопку.
56335
+14
Шахматное поле на CSS
Приемы как сделать шахматную сетку на псевдо-свойстве :nth-child().
20424
0
Селект с чекбоксами
Селект с множественным выбором (select multiple) весьма не удобен, при выборе часто забываешь нажимать сtrl и все сбрасывается. В место него можно использовать чекбоксы в выпадающем списке.
25216
+6
Текст с градиентом
Градиент в цвет шрифта можно добавить с помощью CSS свойства background-clip: text, которое окрашивает текст в цвет или изображение указанного в background-image.
27586
+7
СSS стили для горизонтальных линий
Сборник горизонтальных линий с тегом hr разных видов и стилей.
78089
+9
Наложение градиента на изображение
Еще один способ сделать эффект смешивания градиента и изображения, основан на свойстве background-blend-mode. Минус...
4655
0
Favicon
Favicon – иконка сайта, выводится во вкладке браузера и поисковой выдаче Яндекса.
5904
0
Подчеркивание текста линией с градиентом
Подчеркивание текста можно сделать с помощью нескольких свойств CSS - background-image, background-size и...
6677
+1
Изменение цвета Яндекс карт
Цвет карты можно изменить начиная с версии 2.0 с помощью CCS фильтров, применив их к элементу .ymaps-layers-pane
45331
+5
После отправки формы сохранить позицию скролла
В больших формах, с несколькими кнопками «Отправить/сохранить» есть одна проблема – после ее отправки браузер обновит...
7943
+3
Фильтры Instagram на CSS
Сборник CSS стилей с эффектом фильтров Инстаграма.
4888
+1
Добавление CSS стилей на страницу
Несколько примеров как добавить CSS-свойства к HTML странице.
3300
+2
Open Graph
Микроразметка используется для превью страницы, которое формируется при публикации ссылки в социальных сетях. Поддерживается в Facebook, VK, Однокласниках. Яндекс и гугл использует Open Graph в...
3611
+2
Разметка страниц для Twitter (Twitter Cards)
Разметка вставляется в head каждой страницы сайта и используется для расширенного описания ссылки, вставленной в твит.
6210
0
Подключение и выполнение JavaScript на странице
Несколько примеров как подключить JS скрипты к web страницам и некоторые тонкости.
5077
0
Мета-теги HTML для Apple Safari
Обзор html мата-тегов для браузеров Safari на платформах Mac OS X и iOS.
9995
+3
Кривое подчёркивание ссылок в Google Chrome
Начиная с версии 64 Chrome начал добавлять разрывы в подчеркивании у ссылок, связано это с введением нового CSS...
3966
+2
Ускорение загрузки изображений и скриптов
Современные браузеры имеют поддержку предварительной загрузки ресурсов, указав в head страницы теги link с их адресами...
11804
+2
Стиль и размер ReCaptcha
Оригинальный размер капчи составляет 304x78px и чаще всего она не помещается в габариты форм сайта. Исправить это можно следующими способами:
17520
+3
Мета-теги для Internet Explorer и Windows
Мета-теги в head страницы, которые влияют на работу и функции Internet Explorer, Edge и Windows.
9693
+2
Табы/вкладки на jQuery
Сделать табы на jQuery очень просто, сделаем HTML разметку и добавим к нему JS код...
22553
+8
Описание мета-тегов
В статье представлены все самые встречающеюся мета-теги с примерами и пояснениями их использования.
14484
+3
Автоматическое изменение высоты iframe по его содержимому
Иногда требуется разместить iframe на странице сайта содержащий раскрывающийся списки, слайдеры, т.е. высота фрейма...
10170
-2
Как сделать полосатую таблицу на HTML, CSS, JS, PHP
Сборник методов как сделать HTML таблицу «полосатой» или, как её еще называют «таблица с зеброй».
15697
0
Как сделать интерактивную схему на SVG + jQuery
В данном примере описано как сделать интерактивную схему магазинов на основе векторной графики SVG и jQuery.
34949
+18
Плавное изменение background
Такой эффект можно легко сделать через CSS свойство transition например для кнопок, меню и т.д.
44121
+1