Реактивный ... CSS!

Чего, чего??? А такое бывает? Это мои первые мысли, когда я увидел перевод статьи от Adam Crockett

👉Подробнее

#css

Всем привет!

Последнее время постоянно в требованиях стоит создание кастомных полос прокрутки.
Если вы ещё не делали, попробуйте - я уже не представляю скролл без них.
Простая инструкция - создаём полосу прокрутки на CSS

#css

Всем привет!

Одна из востребованных задач в верстке - фиксация header (у меня в текущем проекте еще и footer фиксируется в некоторых компонентах).
Если вы еще не делали это при помощи Grid - эта статья вам в помощь! 👍

#css #grid

Коллекция примеров оформления ссылок + можно кодом воспользоваться.
Рекомендую👍
#css

Clip-path - как использовать обрезку в CSS.

👉Подробнее

#css

Всем привет!

Наткнулся на интересную статью, в которой автор заставил меня задуматься, о вертикальной составляющей в адаптивном дизайне. А то я, как и многие, обычно только ширину учитываю.

👉Отзывчивый веб-дизайн и учёт высоты окна браузера

#css

Всем привет!
Наткнулся на прикольную статью от одного токсичного автора - в ней он предлагает вариант "адаптивного" шрифта для различной ширины экрана на чистом CSS с использованием em.

#css

Нестандартное мышление с CSS Grid - перевод статьи Энди Барефут, в которой он показывает, какие крутые штуки он создаёт

#css

Всем привет!

Наткнулся на свежие актуальные мини-уроки по CSS - рекомендую не очень опытным коллегам или ещё обучающимся.

👉Подробнее

#css

Всем привет!

Изображения, это первое, что начинают оптимизировать на странице, для увеличения скорости загрузки.
Автор статьи Максимальная оптимизация загрузки изображений для Интернета в 2021 году приводит 8 методов для оптимизации изображений.
ЗЫ Я недавно делал подобную оптимизацию, что моментально поднимает рейтинг страницы в Google PageSpeed Insights

#css

Не могу не поделиться таким CSS clip-part генератором, который мне сегодня скинул коллега в нашем чате.
Рекомендую 👍

#css

Всем привет!
Не могу сказать, что полностью согласен с автором статьи, но в общем направление верное. Да и комментарии попадаются полезные.

#css

Всем привет!

Мне нравится мощь CSS Grid, да и поддержка браузерами уже позволяет сегодня использовать данную технологию во многих проектах.
Кто не в курсе - в Chrome DevTools уже можно отлаживать, с недавних пор)))
👉 Подробнее

#css

Всем привет!

Наткнулся на интересную статью, в которой автор разбирает различные методики подключения шрифтов к вашему проекту. Уверен, некоторые из них вас удивят))

👉Подробнее

#css

Всем привет!

Вот и пролетела моя неделя "отдыха" - завтра первый рабочий день. Не успел прочесть все что планировал, но отдыхать тоже иногда нужно))
ЗЫ Хотел поделиться классной подборкой 👉 css генераторов, сам многими пользуюсь, особенно clip-path - экономят кучу времени.
И рекомендую всем - используйте CSS всегда, когда можно - не спешите тащить js, картинки и тд.

#css

Всем привет!

Хорошая статья о CSS-in-Js. Я не люб этот подход, но сейчас работаю с ui библиотекой и приходится править стили именно этим способом, такое публичное api у готовых компонентов(((

#css

Всем привет!
Сижу готовлюсь к собеседованиям на новые проекты и наткнулся на хорошую статью никто не знает CSS.
Рекомендую

#css

Всем привет!

Вчера столкнулся с проблемой, которую, как оказалось, даже в крупных компаниях допускают - высотка блока в 100vh на мобильных устройствах.
Да, она работает не так, как хотелось бы и уже изобрели кучу хаков для этого - поделюсь несколькими)
1. C js + innerHeight
2. -webkit-fill-available
Сам не проверял(((
3. Не мог избавиться от vh поэтому поставил костыль и вычел высоту меню браузера

Но сразу скажу, если есть возможность, делайте сразу по нормальному, вот 👉пример

#css