Архив рубрики «HTML»

Плавное прокручивание страницы на 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

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

(далее…)

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

05.03.2015

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

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

(далее…)

IE8 в режиме IE7

12.12.2013


<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

(далее…)

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

03.12.2013

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

HTML5: голосовой ввод текста одним атрибутом

14.10.2012

Должно быть вы уже не раз встречали поля для ввода текста с иконкой микрофончика, нажав на которую можно надиктовать текст в микрофон для его распознания и ввода.

Применить такую возможность на своих сайтах очень просто.
(далее…)

Выпадающее меню по клику средствами CSS

27.05.2012

CSS позволяет реализовать выпадающее меню по клику без JavaScript. Сделать это можно c помощью CSS псевдоклассов :focus, :active, :hover и некоторых маленьких хитростей.
(далее…)

CSS: Выравниваение блока с неизвестной шириной по центру

24.05.2012

Общеизвестный прием при выравнивании DIV-а с известной шириной по центру заключается в том, чтобы задать выравниваемому блоку:

marin: 0 auto;

Но это совсем не работает в случае с блоком у которого неизвестна ширина.
(далее…)

HTML5: Кросбраузерная поддержка новых тегов

09.08.2011

В планах HTML5: сделать исходный код более семантичным, в следствии чего были созданы такие теги как <header />, <footer />, <article />, <nav />, <aside />, <section />, <hgroup />.
Но, использование их уже сейчас может вызвать затруднения, связанные с тем, что старые браузеры не знают таких тегов.
В этом посте мы рассмотрим как заставить все браузеры работать с новыми html5-тегами.
(далее…)

Определяем, установлен ли Flash Player

11.07.2011

Чтобы узнать доступен ли Flash-плеер в браузере пользователя, можно воспользоваться такой функцией:
(далее…)