Ежедневные архивы: 17.05.2019

Google рассказал, на чем стоит сосредоточиться вебмастерам

От автора: для повышения позиций сайта в поисковой выдаче вебмастеру стоит сосредоточиться на контенте, быстродействии и метаданных. По мнению Google, именно эти факторы являются ключевыми. В первом ролике из серии SEO Mythbusting представитель Google перечислил три основных фактора, улучшение и оптимизация которых позволит вывести сайт на лидирующие позиции в выдаче. По мнению Мартина Сплита, такими факторами являются: качественный контент, быстродействие ...

Читать далее »

Миллиард способов того, как использовать SVG

От автора: ранее мы рассмотрели, что такое SVG-изображения и почему они отлично подходят для использования в веб-приложениях / на сайтах. В этой статье мы рассмотрим различные способы того, как использовать SVG в браузерах. Данными методами мы располагаем в HTML, CSS и JavaScript. Это будет небыстро, так что возьмите немного содовой (или другой предпочтительный напиток) и поехали. Много кода впереди В ...

Читать далее »

Селектор :has() станет доступен для оформления?

Родительский селектор, т.е. возможность стилизовать элементы в зависимости от их содержимого — давняя, но пока несбыточная мечта многих верстальщиков. Предложения такого селектора, в том или ином виде, бродят по черновикам W3C с начала двухтысячных. Но он получается очень ресурсоемким и медленным. Поэтому в черновике модуля CSS-селекторов 4 уровня изначально селекторы делились по «профилям»: «живой», отражающий состояние интерфейса в реальном времени и ...

Читать далее »

Вам просто нужно знать эти свойства, чтобы полюбить CSS

От автора: позиционирование CSS и HTML может быть настоящей головной болью, когда вы новичок в разработке веб-интерфейса. Но в этом посте я собираюсь научить вас тому, как решить большинство проблем позиционирования. Вам нужно знать только эти 3 свойства CSS. Я разработчик с более чем 3-летним опытом работы. Когда я учился, я думал то же, что думаете сейчас вы. Потом я ...

Читать далее »

Относительные размеры с помощью единиц EM

От автора: сочетание адаптивного дизайна и большего количества систем, основанных на компонентах, означает, что когда мы пишем CSS для элемента, есть большая вероятность того, что мы абсолютно не знаем, где он будет использоваться. Из-за этого мне нравится то, что внешний контекст может контролировать размер и цвет шрифта, а остальное делает каскад. Этот подход абсолютно хорош, но он может создать некоторые ...

Читать далее »

Прогрессивное улучшение шрифтов на сайте

От автора: недавно я имел честь поучаствовать в качестве приглашенного эксперта в работе Рабочей группы W3C по веб-шрифтам. Ранее группа отвечала за предоставление нам стандартов форматов шрифтов WOFF и WOFF2, и ее устав был расширен для работы над чем-то новым: решение проблемы производительности при загрузке шрифтов на сайт. Это действительно важная задача, особенно в связи с появлением переменных шрифтов. Я ...

Читать далее »