Статьи по css
Материалы по css
RSS для CSS|
|
Когда нужно вставить видео на сайт, хочется поверх него показать кнопку Play. Видео вставляем не с Youtube, а при помощи тега <video> 
|
|
|
Прикольная красивость для лендинга, когда при наведении мышью или тапом по экрану смартфона блок разворачивается на обратную сторону, где могут быть подробности описаны. Красиво делать как оформление для фоток спикеров или ведущих программы мероприятия.
|
|
|
По-умолчанию navbar показывает пункты меню с выравниванием по левому краю. Но обычно там же в левом углу у людей есть логотип сайта. И иногда меню очень хочется отстранить по-правее от логотипа. Вот как просто это сделать.
|
|
|
На одностраничных лендингах красиво сделать плавный переезд при нажатии на пункт меню. Вот как просто это делается в Bootstrap
|
|
|
Бывает форму поиска негде впихнуть в дизайне шапки сайта. Нужно выделить поле для ввода запроса поиска, но если этим поиском не часто пользуются, то хочется сэкономить место. Хорошим решением будет, не убирать совсем форму поиска, а оставить иконку значка поиска, при клике по которой выдвигается всё поле для введения запроса.
|
|
|
При вёрстке требуется часто выравнять блок div по горизонтали посередине внутри другого div.
|
|
|
В каких-нибудь готовых css фреймворках бывают непонятные неожиданности. Меняешь дизайн, а отступы не убираются, и всё вроде проверил, а всё равно отступ остаётся
|
|
|
placeholder - это атрибут в html5, который выводит текст внутри поля input, и этот текст исчезает, когда пользователь начинает там писать свой текст. Это нужно, например, в форме поиска, чтобы убрать текст подсказки внутри неё при клике по ней.
|
|
|
Как выровнять картинку посередине в Bootstrap.
|
|
|
Делаем подмену текста при наведении мышью.
|
Календарь