Самый простой способ вертикального центрирования контента в макете блока: на заметку фронтенд-разработчику

Поиграть можно здесь

➡️ @tips_frontend

Пример базовой анимации для маркеров/номеров HTML-списка с помощью псевдоэлемента ::marker

Поиграть можно здесь

➡️ @tips_frontend

Простой способ использования свойства gap для макета flexbox

➡️ @tips_frontend

Network => Overview: простой способ фильтрации запросов по времени в Chrome Dev Tools

➡️ @tips_frontend

Подготовка к фронтенд-собесу: архитектурная часть

YouTube-блог, в котором разбираются ключевые принципы архитектуры систем на примере популярных приложений: Notion, Google Calendar/Sheet и другие.

📺 Смотреть

➡️ @tips_frontend

Совет по CSS 👆

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

➡️ @tips_frontend

Совет по HTML 🔝

Для улучшения UX, результатов поисковых систем и доступности используйте элемент <time> для отображения даты, времени или продолжительности на веб-страницах

➡️ @tips_frontend

CSS-свойство shape-outside в действии: на заметку фронтенд-разработчику

👉 Поиграть можно здесь

➡️ @tips_frontend

20 методов сокращения JavaScript для повышения эффективности

Сокращение кода — это компромисс между производительностью и удобочитаемостью.

Читайте подробнее

➡️ @tips_frontend

Одно правило CSS для отображения * у всех обязательных меток полей: на заметку фронтенд-разработчику

↘️ Поиграть можно здесь

➡️ @tips_frontend

Быстрый способ доступа к результату последнего выражения в консоли Chrome: на заметку фронтенд-разработчику

➡️ @tips_frontend

Простой способ анимации иконки при нажатии/фокусе: на заметку фронтенд-разработчику

➡️ @tips_frontend

HTML-элемент <dialog> в действии, или Как просто создать модальное окно

Поиграть можно здесь

➡️ @tips_frontend

CSS sticky в действии, или Как прикрепить заголовок таблицы

Поиграть можно здесь

➡️ @tips_frontend

15 полезных сайтов, которые упростят вашу работу и не только: подборка для фронтенд-разработчика 🔥

✹ Визуализация регулярных выражений JavaScript
✹ Документация для разработчиков: онлайн + офлайн
✹ cdnjs: поиск библиотек с открытым исходным кодом
✹ Фотосток с огромной коллекцией изображений
✹ Интеллектуальное сжатие WebP, PNG и JPEG
✹ Удаление фона изображения
✹ Создание красивых изображений с исходным кодом
✹ Подбор палитры цветов для разработки дизайна
✹ Тестирование и демонстрация сниппетов на основе HTML, CSS и JavaScript
✹ Иконки с открытым исходным кодом
✹ Проверка совместимости CSS и JavaScript в различных популярных браузерах
✹ Создание файла README
✹ Проверка производительности сайта
✹ Редактирование фотографий
✹ Подборка иллюстраций без лицензии

➡️ @tips_frontend

В CSS можно сделать attribute selector регистронезависимым: на заметку фронтенд-разработчику

➡️ @tips_frontend

➡️ @tips_frontend

3D-карта товара 🖥🖥🖥

Сохраняй в избранное, пригодится

➡️ @tips_frontend

800 с лишним вопросов и ответов для собеседования по SQL-серверу

➡️ @tips_frontend

Linux Полное руководство

➡️ @tips_frontend

JavaScript Ultimate CheatSheet

➡️ @tips_frontend