HTML/CSS

Информирование о использовании Сookie
Все чаще на сайтах появляются диалоги «Мы используем cookie-файлы...», зачем это делают? Cookies, IP-адреса относятся к...
8636
+10
Сброс стилей (CSS reset)
Цель сброса стилей состоит в том, чтобы уменьшить разность отступов, размеров шрифтов заголовков и т.д. заданных по умолчанию в разных браузерах.
38967
+1
Наведение курсора на ячейки, строки, колонки таблицы
Несколько способов как сделать выделение ячеек и рамок таблицы при наведении курсора. Во всех примерах верстка таблиц...
14244
+2
Яндекс карты не прямоугольной формы
Пример, как сделать Яндекс карту не прямоугольной формы т.е. наложить изображение (маску) по верх карты со сохранением...
5000
-2
Слайдер bxSlider на всю ширину сайта
Пример верстки слайдера на плагине bxSlider, который растягивается на всю ширину сайта, оставляя по центру...
4442
-1
Не стандартный СSS градиент
Подборка необычных градиентов CSS3 показывающая все возможности linear-gradient.
7089
+2
Фон под текстом
С фоном у текста есть проблема – у элемента с display: inline при переносах текста не работают отступы (padding) по бокам. Исправить это можно следующими способами.
55522
+4
Настройка плеера YouTube
Список параметров для настройки функций плеера YouTube, полное описание в документации на developers.google.com.
22403
+6
Кнопки прокрутки страницы вверх и вниз jQuery
Несколько примеров как сделать кнопки прокрутки страницы вверх и вниз. Для скроллинга используется jQuery функция...
22632
+3
Стилизация Radio Button
Несколько примеров изменения вида радио кнопок на чистом CSS. Единственное неудобство метода в том, что приходится указывать уникальные id.
112533
+20
Размеры Iframe
Если у указать width 100%, то он растянется на всю ширину родителя, но height 100% так не работает.
17085
+1
Галерея из плиток заполняющая всю ширину
Сделать галерею которая заполнит все пространство фотографиями разного размера можно с помощью jQuery плагина...
6629
+1
Стили для нумерованных списков ol
Несколько примеров как задать стили у нумерации списков с применением счетчика counter и псевдоэлемтов :before и...
25166
+12
PHP функции для checked и selected
Две мини функции которые облегчают выделения полей select, radio и checkbox до и после отправки форм.
13015
+2
Блоки со стрелками (часть 1)
Добавить стрелки к блоку можно с помощью псевдо-элемента :before.
19351
+2
Блоки со стрелками (часть 2)
В продолжении первой части, примеры как добавить стрелки к блоку с рамкой. Используются оба псевдо-элемента :before и :after.
3991
0
Ведущие нули у ol
Свойство list-style-type: decimal-leading-zero добавит ведущие нули к нумерации списка.
4389
+1
Ссылки на мессенджеры с сайта
HTML ссылки для открытия чата и других функций популярных мессенджеров.
16816
+13
Отдача файлов на скачивание в браузере
С появлением атрибута download у ссылок, появилась возможность указать браузеру что файл в href нужно сохранить на...
35916
0
Аккордеон jQuery UI
jQuery UI Accordion функциональный плагин аккордеона. Рассмотрим примеры использования.
16742
+6
Появление элемента в области просмотра браузера
Отследить появление блока при скроллинге можно с помощью события onscroll, вычисляя его положение методами jquery...
32989
+14
Manifest.json
Файл манифеста содержит информацию об иконках, цветовой теме, ориентации экрана, начальном URL и т.д.
4957
+1
CSS стили выделенного текста
::selection или ::-moz-selection – псевдоэлемент, который отвечает за стили выделяемой области текста.
4913
+1
Полупрозрачный градиент поверх картинки
Такой эффект можно сделать с помощью :before у родительского элемента. Поверх изображения помещается абсолютный блок с...
42509
+4
Сборник CSS градиентов
Подборка 23-х фонов с линейным и радиальным градиентом.
52424
+9
Адаптивные блоки YouTube
Видео YouTube вставляется через iframe, но он не адаптивен по высоте. Если задать width="100%", то он растянется на всю ширину родителя, но для высоты hight="100%" не работает.
5042
+3
Адаптивное выравнивание изображений на всю ширину браузера
Простой пример как адаптивно выстроить несколько изображений на всю ширину окна браузера.
8292
+1
Плавное появление страниц сайта
Эффект плавного появления страницы хорошо подходит для рекламных сайтов и лэндингов. Сделать его можно с помощью CSS...
10587
0
Ускорение загрузки Яндекс Карт
Несколько рекомендаций как увеличить скорость загрузки API Яндекс.Карт 2.0.
20638
+9
Горизонтальное меню justify
В отличии предыдущего меню, где есть отступы у каждого элемента, часто возникает задача сделать резиновое меню без них. Пункты меню должно идти с одинаковыми интервалами и без отступов по бокам.
6129
0