Скрипты и советы | 18 мая 2021
Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании Маклауд, Разработка веб-сайтов, CSS, Совершенный код, css, разработка сайтов, верстка, vds, vps, дешевый vps, быстрый vds,
Сегодня я хочу рассказать вам о нескольких CSS-свойствах и значениях, которые редко упоминаются в специальной литературе, но, на мой вгляд, представляют определенный интерес с точки зрения скорости и качества разработки веб-интерфейсов.
Многие свойства, о которых пойдет речь, являются экспериментальными. Большинство из них поддерживаются всеми современными браузерами, однако, если вы решите использовать какое-либо из названных свойств в продакшне, не поленитесь зайти на Can I use и уточнить поддержку (недавно сильно расстроился, обнаружив, что Safari не поддерживает атрибут loading="lazy").
Там, где можно обойтись сниппетом, я ограничусь кодом. Там, где потребуется визуализация, будет приведена ссылка на песочницу.
Я не стал делать примеры слишком красивыми, чтобы не затенять рассматриваемые свойства другими стилями.
Итак, вы готовы к нашему небольшому путешествию в удивительный и почти безграничный мир CSS? Тогда вперед.
Здесь вы найдете полное визуальное руководство по Grid и Flexbox.
Данная техника позволяет выравнивать элементы по горизонтали и вертикали при помощи всего лишь двух строк кода.
Читать дальше →Источник: Уроки CSS на Хабрахабре
Перевод «Understanding CSS Grid: Creating A Grid Container» Рейчел Эндрю Хотя технология CSS Grid стала поддерживаться...
ПодробнееСуществует много CSS-свойств, о которых некоторые дизайнеры просто не знают. Или — знают, но забывают использовать эти...
ПодробнееПеременные CSS (также известные как настраиваемые свойства) поддерживаются браузерами почти 4 года. Мне нравится...
ПодробнееРазработчики W3C сделали box-shadow очень гибким свойством. Благодаря этому, можно получать весьма весьма интересные...
ПодробнееПри разработке интерфейсов я уделяю значительное время работе со стилями, написанными на LESS или SCSS. И часто я...
ПодробнееПоддержка браузерами того или иного CSS свойства до сих пор остаётся одной из основных проблем веб-вёрстки, так как...
Подробнее