HTML/CSS

Как обновить iframe
Перезагрузить iframe на странице можно с помощью JS или jQuery следующими методами.
11122
+3
Мета-тег viewport
Изначально мета-тег viewport появился в мобильной версии Safari, далее его подхвати остальные разработчики и мобильных браузеров, хотя он не является частью стандарта W3C.
5645
+3
Как вместить большие таблицы на страницы сайта
Чтобы вместить большую таблицу, достаточно обернуть её в и добавить несколько CSS стилей, чтобы появился горизонтальный...
14503
+7
Показать/скрыть пароль
Чтобы включить отображение пароля в поле password нужно заменить атрибут type="password" на type="text", сделать это можно на jQuery или чистом JS.
56589
+18
Буквица CSS
Буквица, или инициал – первая буква главы или раздела, выделяется цветом и шрифтом. В CSS есть несколько способов задать стили первой букве...
4666
+1
Schema.org – пример разметки статьи
Разметка «Article» является обобщающим форматом статей, на её основе введены более уточнённые разметки (новости и...
6751
+3
Стили для вложенных нумерованных списков ol
В продолжении темы нумерованных списков ol, пример стилизации и вывода нумерации вложенных элементов.
5945
0
Выравнивание блока по центру родителя
Примеры, как поместить элемент в центр родителя с помощью absolute, flexbox и grid layout.
16832
+3
Автовысота textarea
Автоизменение высоты textarea можно сделать следующим способом...
6566
+3
Как запретить выделение текста на сайте через CSS
Выделение текста в меню, кнопках и других элементах управления лучше запретить т.к. при нескольких кликах он выделяется...
9685
0
Выравнивание блоков на всю ширину (justify)
Как в горизонтальным меню, метод с justify и after 100% можно использовать для выравнивания других элементов в одну...
7123
0
Быстрый поиск с выводом результатов
Виджет на JQuery и AJAX, который покажет результаты поиска непосредственно при вводе в текстовое поле.
20978
+5
Стандарты HTML-документов
Версия HTML указывается в теге !DOCTYPE, значения могут быть следующими:
2535
+1
Видео c YouTube в качестве фона сайта
Пара примеров как сделать блок с адаптивным видео в качестве фона на основе видеоплеера HTML5, YouTube и JQuery.
10386
+5
Модальные окна на Fancybox 2
Fancybox 2 не только плагин галерей, но и модальных окон, рассмотрим подробнее.
15801
+5
Как отключить тег br
Зачастую в мобильных версиях сайта перенос текста тегом br только мешает, исключить его влияние можно несколькими способами.
5511
0
Выделение ячеек таблицы по клику
В продолжении статей о рамках у ячеек таблицы, сделаем их появление по клику с помощью JQuery.
10371
+3
Меню-подсказка на затемненном фоне
Пример реализации всплывающей подсказки или меню с затемнением фона на jQuery и CSS, в верстке использованы блок со...
3900
0
Главное меню для мобильной версии сайта
Не очень сложное раскрывающееся меню для мобильной версии сайта на JQuery.
33000
+10
Восстановление стилей текста после CSS reset
При вёрстки сайта «сброс стилей» помогает и уменьшает объем кода, но когда дело доходит до оформления текстов...
2278
0
Номер телефона на сайте
В последнее время нельзя пренебрегать кликабельными номерами телефонов т.к. количество клиентов, использующих мобильные телефоны превысило десктопы.
63985
+9
Колоночные шаблоны
Отцентрованные шаблоны для десктопной версии с фиксированной шириной 960px и прижатым подвалом. Хорошо подходят для лэндингов т.к. есть возможность сделать разноцветные блоки на всю ширину окна.
5062
+3
Верстка рейтинга в виде звезд
Вёрстка контролов оценки и показа рейтинга без изображений и JS.
65501
+30
Прижать футер к низу окна браузера
Простой способ прижать footer к низу окна при малой высоте контента. HTML-верстка следующая...
2986
0
Schema.org – пример разметки блога
Разметка «BlogPosting» является наследником «Article» и говорит о том, что представленная информация представляет собой...
5877
+4
Перечёркивание текста по диагонали
Несколько примеров как зачеркнуть текст по диагонали с помощью псевдоэлементов CSS :before и :after.
8872
+4
Перечёркнутый текст
Первыми тегами для зачёркнутого текста были strike и s. C приходом HTML 4 их использование стало осуждается, а в HTML 5 их вовсе запретили.
29964
0
Плавное увеличение фонового изображения
В CSS3 появилось свойство animation, с помощью которого можно задать элементу скорость и параметры изменения других...
5633
+2
CSS display table
CSS-свойство display table и другие, делают вывод группы элементов подобно таблице, но с ограничением – объединения ячеек colspan и rowspan не поддерживаются.
23818
+3
Shema.org хлебные крошки
«Хлебные крошки» или «навигационная цепочка» – это список ссылок, которые показывают вложенность страницы на сайте.
4492
+6