Сайтостроение \ Статьи по сайтостроению

Получить больше с переменными шрифтами

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Некоторые вещи, которые вы должны знать при работе с единицами измерения

От автора: Дэвид Чейнин написал обобщенную статью с кратким изложением проблемы, связанной с установкой значения height элемента в 100vh в мобильных браузерах и последующим размещением чего-то внизу.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Предварительная загрузка шрифтов: когда это имеет смысл

От автора: в прошлом, при загрузке пользовательских шрифтов мы не могли избежать вспышки нестилизованного текста (FOUT) — доли секунды, когда веб-сайт загружается, и используется замещающий шрифт, пока не загрузится ваш пользовательский.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Предварительная загрузка шрифтов: почему я делаю это, даже когда не следовало бы

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Использование rel=preconnect для повышения производительности

От автора: добавление в <link> информации rel=preconnect сообщает браузер о том, что ваша страница намеревается установить соединение с другим доменом и что вы хотите, чтобы процесс начался как можно скорее. Ресурсы будут загружаться быстрее, потому что процесс установки будет уже завершен к тому времени, когда браузер запросит их.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Создание с нуля HTML-шаблона электронного письма

От автора: лучший способ понять любой процесс — это выполнить его с нуля. Сегодня мы собираемся сделать это для дизайна электронного письма, создав HTML шаблон письма с нуля.

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

7 основных трендов CSS в 2019 году

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

7 советов по оптимизации CSS для уменьшения времени загрузки страницы

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

Продолжить чтение

Сайтостроение \ Статьи по сайтостроению

Подход к BEM как к философии пользовательского интерфейса, а не соглашению об именах CSS

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

Продолжить чтение