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

Плавное прокручивание страницы на CSS

02.12.2019

Современные браузеры позволяют прокручивать страницу плавно, изпользуя ссылку-якось средствамми CSS, без JavaScript.
Похоже, не работает только в IE.

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

<a href="#mainText">прокрутить</a>
...
<p id="mainText">текст</p>

вся магия тут:

html {
scroll-behavior: smooth;
}

Круглый индикатор загрузки (Circle Progress Bar) на CSS

02.12.2019

Выглядит примерно так:

(далее…)

Отличные видеоуроки по 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().
(далее…)