Я работал над проектом, который имел этот аккуратный зазубренный край вдоль нижней части изображения баннера.

По сравнению с прошлыми, современные браузеры стали действительно эффективными для рендеринга запутанной сети HTML, CSS и JavaScript-кода, который предоставляет типичная веб-страница. Требуется всего миллисекунды, чтобы преобразовать код который мы создаем в то, что люди могут использовать.

Создание красивых анимаций - одна из самых сложных задач для разработчика Frontend. Решением этой проблемы является использование некоторой супер простой в использовании библиотеки, такой как MoJS. В этой статье мы узнаем, как использовать MoJS с React для создания супер классных анимаций.

Бывают случаи, когда сложно решить, следует ли использовать для макетов flexbox или CSS-grid. До определенного момента они оба взаимозаменяемы.

Возможно, лучшее и самое короткое определение разницы между Flexbox и CSS grid: Flexbox для одномерного макета. Строка ИЛИ столбец. Grid для двухмерного макета. Строки и столбцы.

Я работал над восстановлением моего сайта. Я нашел этот удивительный шрифт Wotfard во время просмотра сайта Josh W Comeau.  

В прошлом году боги дизайна решили, что темные моды станут новым трендом. «Светлые цвета для лохов», - смеялись они, попивая мятный чай на своих электро-велосипедах или что-то в этом роде.

И поэтому каждая операционная система, приложение и даже некоторые веб-сайты внезапно должны были работать в темном режиме. К счастью, это совпало с широкой поддержкой пользовательских свойств CSS и введением нового медиазапроса prefers-color-scheme.

В современной веб-разработке многие разработчики предпочитают создавать пользовательский интерфейс веб-сайта на основе компонентов. Это также поддерживается всеми современными фреймворками. Понимание того, как работают компоненты и как их использовать, является большим шагом в изучении Angular.

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

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

Одним из решений, которое необходимо сделать frontend разработчику при создании веб-сайта, является метод включения изображения. Это может быть HTML img , или изображение через фоны CSS, или, может быть, SVG image . Выбор правильной техники важен и может сыграть огромную роль в производительности и доступности.