Современные браузеры позволяют прокручивать страницу плавно, изпользуя ссылку-якось средствамми CSS, без JavaScript.
Похоже, не работает только в IE.
Сделать это можно так:
<a href="#mainText">прокрутить</a>
...
<p id="mainText">текст</p>
вся магия тут:
html {
scroll-behavior: smooth;
}
Выглядит примерно так:
(далее…)
Если вы не очень разбираетесь в viewport и оптимизации сайта под мобильные устройства, либо у вас нет особых пожеланий — установите такой meta-тег у себя на сайте в разделе <head>…</head>:
<meta
name="viewport"
content="width=device-width,initial-scale=1,user-scalable=no"
/>
(далее…)
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
(далее…)
Разработчики Internet Explorer посчитали свой браузер в 10й версии таковым, который достаточно хорошо поддерживает стандарты и решили убрать возможность указывать стили только для IE10 с помощью условных комментариев (Conditional Comments).
(далее…)
Должно быть вы уже не раз встречали поля для ввода текста с иконкой микрофончика, нажав на которую можно надиктовать текст в микрофон для его распознания и ввода.
Применить такую возможность на своих сайтах очень просто.
(далее…)
CSS позволяет реализовать выпадающее меню по клику без JavaScript. Сделать это можно c помощью CSS псевдоклассов :focus, :active, :hover и некоторых маленьких хитростей.
(далее…)
Общеизвестный прием при выравнивании DIV-а с известной шириной по центру заключается в том, чтобы задать выравниваемому блоку:
marin: 0 auto;
Но это совсем не работает в случае с блоком у которого неизвестна ширина.
(далее…)
В планах HTML5: сделать исходный код более семантичным, в следствии чего были созданы такие теги как <header />, <footer />, <article />, <nav />, <aside />, <section />, <hgroup />.
Но, использование их уже сейчас может вызвать затруднения, связанные с тем, что старые браузеры не знают таких тегов.
В этом посте мы рассмотрим как заставить все браузеры работать с новыми html5-тегами.
(далее…)
Чтобы узнать доступен ли Flash-плеер в браузере пользователя, можно воспользоваться такой функцией:
(далее…)