Категория/статья |
Demo |
Оценок |
Средняя |
Сайтостроение (12)
|
Закругляем углы блока с помощью JavaScript. Niftycube.
|
demo
|
4 |
3.75 |
Решение тестового задания для верстальщика от ЯНДЕКСА
|
demo
|
62 |
1.65 |
Понимание Twitter Bootstrap 3
|
demo
|
0 |
- |
Как создать сайт с параллакс-скроллингом
|
demo
|
0 |
- |
CSS (129)
|
Светящиеся закладки CSS3
|
demo
|
4 |
4.75 |
Закругленные углы CSS3
|
demo
|
3 |
1 |
Два метода создать равные по высоте колонки. 1-й метод на CSS, 2-й на jQuery.
|
demo
|
0 |
- |
Две колонки на всю ширину окна браузера с помощью CSS
|
demo
|
0 |
- |
Создаем равные по высоте колонки. Методы на основе изображения и блоков
|
demo
|
0 |
- |
Делаем угловой блок при помощи свойства CSS3 transform
|
demo
|
6 |
1.67 |
Создаем Minimum Margin. Минимальное поле.
|
demo
|
8 |
2.75 |
Изящная поисковая CSS3 форма
|
demo
|
2 |
2.5 |
Кроссбраузерные прозрачные колонки
|
demo
|
0 |
- |
Выпадающее меню на CSS
|
demo
|
4 |
5 |
Как сделать трехмерный элемент без изображений, используя только CSS3
|
demo
|
3 |
3.67 |
Анимированное CSS3 горизонтальное навигационное меню
|
demo
|
2 |
5 |
Центрируем по вертикали в заголовке горизонтальную линию
|
demo
|
4 |
3.25 |
Как прижать футер к низу страницы
|
demo
|
0 |
- |
Горизонтальное выдвижное меню CSS
|
demo
|
24 |
2.33 |
Логотип меняет свой вид при скроллинге страницы
|
demo
|
2 |
5 |
CSS3 lavalamp меню
|
demo
|
4 |
5 |
Создание центрированной горизонтальной навигации
|
demo
|
1 |
5 |
Вертикальный заголовок
|
demo
|
2 |
2 |
Псевдокласс hover. «Все Кроме».
|
demo
|
3 |
5 |
CSS3 градиенты
|
demo
|
9 |
3.89 |
Четыре отличных CSS техники для ссылок
|
demo
|
2 |
5 |
Создание border (границ) у тега body
|
demo
|
4 |
0.5 |
Создаем красивые тени с помощью свойства CSS3 box-shadow
|
demo
|
15 |
3.8 |
CSS3 @font-face или как использовать любой шрифт на сайте
|
demo
|
4 |
3.5 |
HTML5 и CSS3 форма обратной связи в виде конверта
|
demo
|
7 |
4.14 |
Разговорные облака на CSS3
|
demo
|
4 |
2 |
CSS лента с треугольниками по краям
|
demo
|
11 |
4.64 |
Отрицательное поле (margin) и верстка в три колонки
|
demo
|
2 |
5 |
Свойство CSS Float. Плавающие элементы. Преодолеваем проблемы.
|
demo
|
5 |
5 |
Красивая CSS форма
|
demo
|
15 |
3.53 |
Свойство overflow и плавающие (float) блоки
|
demo
|
3 |
5 |
CSS тень у блока
|
demo
|
0 |
- |
Красивое горизонтальное меню на css3
|
demo
|
13 |
4.69 |
Оформляем форму поиска при помощи CSS3
|
demo
|
11 |
4.73 |
CSS Центрирование в неизвестности
|
demo
|
1 |
5 |
CSS 100% высота
|
demo
|
25 |
4.16 |
Знакомство со свойством CSS vertical-align
|
demo
|
1 |
5 |
Разметка для резинового по ширине макета
|
demo
|
4 |
4.5 |
Стили для нумерации CSS
|
demo
|
1 |
-1 |
Резиновые макеты (разметка) для вашего сайта
|
demo
|
3 |
1 |
Меняем слова с помощью CSS анимации
|
demo
|
1 |
-1 |
Центрируем несколько блочных элементов (DIV) при помощи CSS
|
demo
|
1 |
5 |
Простая модульная сетка
|
demo
|
2 |
2 |
Закругляем углы таблицы
|
demo
|
7 |
5 |
Вещи, которые вы можете делать с checkbox hack
|
demo
|
1 |
5 |
Адаптивное меню
|
demo
|
2 |
5 |
Отзывчивый веб-дизайн: макеты и медиа-запросы
|
demo
|
8 |
4.75 |
Перестаем использовать overflow:hidden в качестве clearfix хака
|
demo
|
1 |
5 |
Единицы измерения длины в CSS
|
demo
|
4 |
3 |
Звездный рейтинг на CSS
|
demo
|
70 |
4.16 |
Центрируем элемент на CSS, высота и ширина которого заданы в процентах
|
demo
|
2 |
2 |
Полное руководство по использованию отрицательных полей margin в CSS
|
demo
|
1 |
5 |
Проценты для высоты или вертикальных свойств в CSS
|
demo
|
2 |
2 |
Отзывчивое меню на css и jQuery
|
demo
|
0 |
- |
Выпадающий блок из блока с overflow hidden
|
demo
|
0 |
- |
Адаптивное меню на всю ширину родительского контейнера
|
demo
|
0 |
- |
Смещенный label играет роль placeholder для элементов input и textarea
|
demo
|
5 |
1.8 |
Отзывчивая таблица на CSS
|
demo
|
0 |
- |
Twitter Bootstrap 3 – javascript компоненты
|
demo
|
0 |
- |
HTML (21)
|
Тег details
|
demo
|
7 |
5 |
Атрибут HTML5 download
|
demo
|
0 |
- |
PHP (30)
|
PHP контактная форма плюс jQuery валидация
|
demo
|
43 |
-0.07 |
Инструменты (24)
|
Отладка JavaScript
|
demo
|
3 |
4.67 |
jQuery (79)
|
JQuery скроллинг
|
demo
|
14 |
3.57 |
Автоматическое изменение высоты у элемента textarea
|
demo
|
5 |
3.4 |
Раздвижной блок на CSS и JQUERY
|
demo
|
5 |
5 |
Создаем таймер обратного отсчета на jQuery
|
demo
|
4 |
1 |
Блок, выпадающий при скроллинге страницы
|
demo
|
7 |
5 |
Шкала прогресса для формы
|
demo
|
1 |
-1 |
Как сделать строку таблицы ссылкой
|
demo
|
5 |
5 |
Простая всплывающая и плавающая подсказка на jQuery
|
demo
|
3 |
3.67 |
jQuery упорядоченный список. Оформляем и реализуем счетчик
|
demo
|
2 |
5 |
Вкладки на jQuery
|
demo
|
1 |
5 |
Как сделать слайдер изображений на jQuery
|
demo
|
11 |
3.82 |
Сообщение (уведомление) на CSS3 и jQuery
|
demo
|
4 |
4 |
Слайд-шоу на jQuery
|
demo
|
1 |
5 |
Jquery анимированное вертикальное меню
|
demo
|
1 |
-1 |
Гармошка на jQuery
|
demo
|
9 |
3.44 |
Эффект лестницы для навигации (плагин jQuery)
|
demo
|
0 |
- |
Как создать вкладки с историей браузера и поддержкой URL
|
demo
|
2 |
5 |
Анимация для hover-эффекта
|
demo
|
3 |
3.67 |
Простой jQuery плагин
|
demo
|
4 |
2 |
Скроллинг к элементу страницы с помощью jQuery
|
demo
|
12 |
4.5 |
Создание анимированного логотипа на jQuery
|
demo
|
5 |
1.8 |
Скрываем и выводим лишний текст - плагин jQuery
|
demo
|
7 |
3 |
Простые подсказки на CSS3 и jQuery
|
demo
|
1 |
5 |
Стилизуем checkbox при помощи jQuery плагина
|
demo
|
4 |
4 |
Как создать пагинацию (нумерация страниц) на jQuery
|
demo
|
7 |
3.71 |
Lava lamp меню на jquery
|
demo
|
0 |
- |
Оформляем красиво тег SELECT при помощи jQuery
|
demo
|
7 |
4.14 |
Плагин bxSlider
|
demo
|
17 |
3.82 |
Простое, основанное на jQuery, выпадающее меню
|
demo
|
4 |
2 |
Скроллинг страницы и плавающая боковая колонка
|
demo
|
6 |
5 |
jQuery галерея
|
demo
|
4 |
3.5 |
Возможность быстро, завуалировано покинуть сайт
|
demo
|
2 |
5 |
Плагин FancyBox
|
demo
|
5 |
4.6 |
Координаты мыши jQuery
|
demo
|
8 |
4.25 |
jScrollPane стилизуем скроллбар как в MAC OS
|
demo
|
4 |
2 |
Оформляем обычное поле для отправки файла (input type=file) при помощи jquery, css3 и PHP
|
demo
|
5 |
1.6 |
Простое модальное окно на jQuery
|
demo
|
2 |
5 |
Автоматическое оглавление на jQuery
|
demo
|
1 |
4 |
Ajax добавить и удалить данные из базы данных, используя jQuery и PHP
|
demo
|
100 |
0.47 |
Ajax слайдер (jQuery и PHP)
|
demo
|
22 |
0.55 |
Создаем прокручиваемый блок с динамическим контентом на AJAX
|
demo
|
7 |
1.86 |
jquery.autoellipsis jQuery плагин для автоматического добавления многоточия к выбранным элементам
|
demo
|
1 |
5 |
Плагин jquery validation
|
demo
|
6 |
4 |
Ajax запрос методом GET с примерами
|
demo
|
0 |
- |
Метод jQuery getJSON
|
demo
|
1 |
-1 |
Ajax запрос методом POST, пример с использованием json_encode
|
demo
|
3 |
3 |
Динамическая (ajax) загрузка контента с jcarousel
|
demo
|
1 |
-1 |
Создаем выпадающее меню с использованием плагина jquery superfish
|
demo
|
1 |
5 |
Слайдер, у которого область прокрутки слайдов занимает всю ширину окна браузера
|
demo
|
0 |
- |
Как создать интерактивный график, используя CSS3 и jQuery
|
demo
|
4 |
4.75 |
Создание javascript слайдера на Twitter Bootstrap 3
|
demo
|
0 |
- |