Всем привет!
Наткнулся на прикольную статью от одного токсичного автора - в ней он предлагает вариант "адаптивного" шрифта для различной ширины экрана на чистом CSS с использованием em.
#css
Наткнулся на прикольную статью от одного токсичного автора - в ней он предлагает вариант "адаптивного" шрифта для различной ширины экрана на чистом CSS с использованием em.
#css
Webformyself
«Адаптивный» размер шрифта с использованием чистого CSS
Как настроить адаптивный размер шрифта на чистом CSS. Математика в виде минимума и максимума. Отличие от других реализаций. Демонстрация
Нестандартное мышление с CSS Grid - перевод статьи Энди Барефут, в которой он показывает, какие крутые штуки он создаёт
#css
#css
Webformyself
Нестандартное мышление с CSS Grid
Необычный дизайн макета не из блоков с помощью с CSS Grid. Пошаговая инструкция настройки изображения
Всем привет!
Наткнулся на свежие актуальные мини-уроки по CSS - рекомендую не очень опытным коллегам или ещё обучающимся.
👉Подробнее
#css
Наткнулся на свежие актуальные мини-уроки по CSS - рекомендую не очень опытным коллегам или ещё обучающимся.
👉Подробнее
#css
YouTube
CSS3
В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, пози...
Всем привет!
Изображения, это первое, что начинают оптимизировать на странице, для увеличения скорости загрузки.
Автор статьи Максимальная оптимизация загрузки изображений для Интернета в 2021 году приводит 8 методов для оптимизации изображений.
ЗЫ Я недавно делал подобную оптимизацию, что моментально поднимает рейтинг страницы в Google PageSpeed Insights
#css
Изображения, это первое, что начинают оптимизировать на странице, для увеличения скорости загрузки.
Автор статьи Максимальная оптимизация загрузки изображений для Интернета в 2021 году приводит 8 методов для оптимизации изображений.
ЗЫ Я недавно делал подобную оптимизацию, что моментально поднимает рейтинг страницы в Google PageSpeed Insights
#css
Webformyself
Максимальная оптимизация загрузки изображений для Интернета в 2021 году
Обзор 8 способов оптимизации загрузки изображений для Интернета в 2021 году. Css, javascript, html, кеширование, рендеринг
Не могу не поделиться таким CSS clip-part генератором, который мне сегодня скинул коллега в нашем чате.
Рекомендую 👍
#css
Рекомендую 👍
#css
Всем привет!
Наткнулся на интересную статью, в которой автор разбирает различные методики подключения шрифтов к вашему проекту. Уверен, некоторые из них вас удивят))
👉Подробнее
#css
Наткнулся на интересную статью, в которой автор разбирает различные методики подключения шрифтов к вашему проекту. Уверен, некоторые из них вас удивят))
👉Подробнее
#css
Webformyself
Лучшие стратегии загрузки шрифтов и способы их реализации
Сравнение способов загрузки шрифтов: выбираем лучшую стратегию. fout, foft, foit и другие
Всем привет!
Вот и пролетела моя неделя "отдыха" - завтра первый рабочий день. Не успел прочесть все что планировал, но отдыхать тоже иногда нужно))
ЗЫ Хотел поделиться классной подборкой 👉 css генераторов, сам многими пользуюсь, особенно clip-path - экономят кучу времени.
И рекомендую всем - используйте CSS всегда, когда можно - не спешите тащить js, картинки и тд.
#css
Вот и пролетела моя неделя "отдыха" - завтра первый рабочий день. Не успел прочесть все что планировал, но отдыхать тоже иногда нужно))
ЗЫ Хотел поделиться классной подборкой 👉 css генераторов, сам многими пользуюсь, особенно clip-path - экономят кучу времени.
И рекомендую всем - используйте CSS всегда, когда можно - не спешите тащить js, картинки и тд.
#css
Хабр
Какие CSS-генераторы можно использовать в 2021 году
CSS генераторы экономят время и сокращают количество ошибок в коде. Они позволяют автоматизировать многие задачи, которые опытным верстальщикам или фронтендерам уже кажутся скучными. В то же время,...
Всем привет!
Хорошая статья о CSS-in-Js. Я не люб этот подход, но сейчас работаю с ui библиотекой и приходится править стили именно этим способом, такое публичное api у готовых компонентов(((
#css
Хорошая статья о CSS-in-Js. Я не люб этот подход, но сейчас работаю с ui библиотекой и приходится править стили именно этим способом, такое публичное api у готовых компонентов(((
#css
Хабр
Сравнение производительности CSS и CSS-in-JS в реальном мире
Технология CSS-in-JS заняла прочное место среди инструментов фронтенд-разработки. И возникает ощущение, что CSS-in-JS-тренд в ближайшем будущем лишь усилится. Ос...
Всем привет!
Сижу готовлюсь к собеседованиям на новые проекты и наткнулся на хорошую статью никто не знает CSS.
Рекомендую
#css
Сижу готовлюсь к собеседованиям на новые проекты и наткнулся на хорошую статью никто не знает CSS.
Рекомендую
#css
CSS-LIVE
Никто не знает CSS: специфичность — не весь каскад
Что такое на самом деле «каскад» в CSS. Разбираемся в новейшей спецификации того, как CSS выбирает единственное значение из многих для каждого свойства, учитывая их происхождение, важность, область видимости, специфичность и порядок в коде. И как этим управлять.
Всем привет!
Вчера столкнулся с проблемой, которую, как оказалось, даже в крупных компаниях допускают - высотка блока в 100vh на мобильных устройствах.
Да, она работает не так, как хотелось бы и уже изобрели кучу хаков для этого - поделюсь несколькими)
1. C js + innerHeight
2. -webkit-fill-available
Сам не проверял(((
3. Не мог избавиться от vh поэтому поставил костыль и вычел высоту меню браузера
Но сразу скажу, если есть возможность, делайте сразу по нормальному, вот 👉пример
#css
Вчера столкнулся с проблемой, которую, как оказалось, даже в крупных компаниях допускают - высотка блока в 100vh на мобильных устройствах.
Да, она работает не так, как хотелось бы и уже изобрели кучу хаков для этого - поделюсь несколькими)
1. C js + innerHeight
2. -webkit-fill-available
Сам не проверял(((
3. Не мог избавиться от vh поэтому поставил костыль и вычел высоту меню браузера
Но сразу скажу, если есть возможность, делайте сразу по нормальному, вот 👉пример
#css
CSS-Tricks
The trick to viewport units on mobile | CSS-Tricks
Viewport units have always been controversial and some of that is because of how mobile browsers have made things more complicated by having their own