Архив рубрики «HTML5 + CSS3»

Отличные видеоуроки по CSS3: Flexbox

31.01.2017

Flexbox позволяет сделать очень много интересных вещей в нашей верстке, которые раньше давались большой кровью или попросту были невозможно. Современный «верстальщик» просто обязан владеть этими знаниями.
(далее…)

CSS3: Описание Flexbox

14.07.2016

Flexible Box — это мощный механизм построения гибких лейаутов.
(далее…)

CSS: Как отобразить первых N элементов списка

18.03.2015

Сделать это можно так:

li {
display: none;
}
li:nth-child(-n+3) {
display:block;
}

(далее…)

Viewport для мобильных устройств

05.03.2015

Если вы не очень разбираетесь в viewport и оптимизации сайта под мобильные устройства, либо у вас нет особых пожеланий — установите такой meta-тег у себя на сайте в разделе <head>…</head>:

<meta
name="viewport"
content="width=device-width,initial-scale=1,user-scalable=no"
/>

(далее…)

Теперь уже и браузер научили разговаривать

13.02.2015

(далее…)

Chrome: Как посмотреть/очистить кэш веб-приложения

25.09.2014

Если Ваше веб-приложение содержит манифест
(далее…)

IE10 не поддерживает условных комментариев (Conditional Comments)

03.12.2013

Разработчики Internet Explorer посчитали свой браузер в 10й версии таковым, который достаточно хорошо поддерживает стандарты и решили убрать возможность указывать стили только для IE10 с помощью условных комментариев (Conditional Comments).
(далее…)

Как в AngularJS использовать реальные URL-адреса вместо hash (якорей, после «#»)

08.07.2013

AngularJS действительно позволят избавится от хэша в адресной строке, и эмулировать настоящие переходы по страницам с помощью новоиспеченных возможностей javascript в браузере history.pushState().
(далее…)

CSS: Почему ограничение длины текста с троеточием (text-overflow: ellipsis) может не работать корректно

05.07.2013

У CSS есть замечательное свойство text-overflow со значением ellipsis которое позволяет ограничивать длину текста добавляя три точки если текст не помещается полностью. Это позволяет добиться эстетичного эффекта и не ломать дизайн.
Но иногда бывает, что это свойство не срабатывает как бы на хотелось.
В чем же может быть причина?
(далее…)

HTML5, JavaScript: Динамическая подмена URL без перезагрузки страницы

03.12.2012

HTML5 предусматривает возможность динамической подмены адреса страниц без их перезагрузки с помощью JavaScript. Это может быть необходимо для корректного отслеживания состояния динамических страниц.
(далее…)