Какой будет толщина обводки
Anonymous Quiz
14%
со всех сторон 10px
8%
со всех сторон 20px
77%
сверху и снизу 20px, по бокам 10px
Плохие привычки от которых пора отказаться
Вы жалуетесь на сложность css или js, думаете что можете реализовать всё используя только html+css, считаете tailwind ужасным или считаете его спасением фронтенда? Тогда эта статья для вас.
Ироничная статья о вредных привычках которыми страдают многие фронтендеры, с полезными советами для избавления от них.
Вы жалуетесь на сложность css или js, думаете что можете реализовать всё используя только html+css, считаете tailwind ужасным или считаете его спасением фронтенда? Тогда эта статья для вас.
Ироничная статья о вредных привычках которыми страдают многие фронтендеры, с полезными советами для избавления от них.
JS | Доступ и управление css переменными
Объединение мощи js и css может сильно облегчить создание сложных манипуляций с макетом, когда использовать только css невозможно, а реализация на js получается раздутой из-за неудобного управления стилями и разметкой.
В статье разобран комплексный подход - используя скрипты в css переменные записываются координаты курсора и элемент следует за мышью уже с помощью css.
Объединение мощи js и css может сильно облегчить создание сложных манипуляций с макетом, когда использовать только css невозможно, а реализация на js получается раздутой из-за неудобного управления стилями и разметкой.
В статье разобран комплексный подход - используя скрипты в css переменные записываются координаты курсора и элемент следует за мышью уже с помощью css.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | SmolCSS - просто не значит плохо
SmolCSS - это коллекция небольших CSS-фрагментов которая служит как кратким справочником, так и напоминанием о том, насколько простым и мощным стал CSS.
Коллекция содержит сетку на flex и grid, автоматическое центрирование, умные отступы, респонсивную галерею и многое другое и всё это без использования скриптов.
Все элементы снабжены ссылками на CodePen.
SmolCSS - это коллекция небольших CSS-фрагментов которая служит как кратким справочником, так и напоминанием о том, насколько простым и мощным стал CSS.
Коллекция содержит сетку на flex и grid, автоматическое центрирование, умные отступы, респонсивную галерею и многое другое и всё это без использования скриптов.
Все элементы снабжены ссылками на CodePen.
HTML | Автотесты, теперь и для разметки
При разрастании проекта становится сложно отслеживать как изменения в одном блоке могут отразиться на разметке других страниц или при смене темы или состояния сайта, в этом случае на помощь приходит регрессивное тестирование - автоматическое создание и сравнение скриншотов сайта, или отдельных блоков.
Подробнее в статье.
При разрастании проекта становится сложно отслеживать как изменения в одном блоке могут отразиться на разметке других страниц или при смене темы или состояния сайта, в этом случае на помощь приходит регрессивное тестирование - автоматическое создание и сравнение скриншотов сайта, или отдельных блоков.
Подробнее в статье.
как будет выглядеть блок с классом box
Anonymous Quiz
27%
Серый круг
29%
Серый круг с черной обводкой
36%
Серый круг с синей обводкой
9%
Сервый квадрат с синей обводкой
This media is not supported in your browser
VIEW IN TELEGRAM
JS | Таймер на сайт, легко и удобно
Сервис e-timer.ru - это бесплатный онлайн генератор таймера обратного отсчета для сайта.
Множество настроек отображения позволяют оформить его в нужном стиле, работает на jQuery.
Сервис e-timer.ru - это бесплатный онлайн генератор таймера обратного отсчета для сайта.
Множество настроек отображения позволяют оформить его в нужном стиле, работает на jQuery.
👍1
Почему вы всё еще не используете PWA?
Прогрессивные веб-приложения (PWA) незаметно захватывают мир веб-приложений, превращение вашего веб-приложения в PWA может дать множество преимуществ и поможет пользователям быть более интерактивными и вовлеченными в ваше приложение.
О том как превратить ваш сайт в PWA за несколько шагов расскажет статья.
Прогрессивные веб-приложения (PWA) незаметно захватывают мир веб-приложений, превращение вашего веб-приложения в PWA может дать множество преимуществ и поможет пользователям быть более интерактивными и вовлеченными в ваше приложение.
О том как превратить ваш сайт в PWA за несколько шагов расскажет статья.
PHP | Какая функция преобразовывает массив в строку с GET параметрами?
Anonymous Quiz
25%
query_string
24%
http_build_query
29%
get_params
23%
http_query_string