Скрипты и советы

Дайджест свежих материалов из мира фронтенда за последнюю неделю №502 (10 — 16 января 2022)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →...

16 января 2022 0 7 Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, JavaScript, HTML, дайджест, фронтенд, css, js, es6, vue, react, angular, html5, браузеры, ссылки,

Как победить scroll в javascript

Привет, Хабр! В этой статье я хочу поделиться с вами головной болью, с которой я сталкивался при работе со скроллом и различными путями решения данных проблем. Я считаю, что в итоге получилось достаточно неплохое руководство для начинающих разработчиков, также включающее в себя ряд полезностей и...

12 января 2022 0 17 Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, HTML, ReactJS, скролл, javascript, css, таблица, сдвиг, scroll, оптимизация, переменные css, кастомизация,

[Перевод] Создание красивых градиентов на CSS

Вот линейный градиент на CSS, идущий от чисто жёлтого до чисто синего цвета: Заметили, что в центре он становится бледным и грязным? Это явление Эрик Кеннеди назвал «мёртвой зоной серого». Если вы тщательно не выбираете цвета для своих градиентов, то в ваших градиентах на CSS часто возникает такая...

12 января 2022 0 21 Уроки CSS на Хабрахабре, habrahabr.ru, CSS, Работа с векторной графикой, Графический дизайн, Дизайн, css, цветовые пространства, цветовая модель, rgb, hsl, hcl, lab, линейная интерполяция, градиенты,

Дайджест свежих материалов из мира фронтенда за последнюю неделю №501 (2 — 9 января 2022)

9 января 2022 0 26 Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, JavaScript, HTML, дайджест, фронтенд, css, js, es6, vue, react, angular, html5, браузеры, ссылки,

Дайджест свежих материалов из мира фронтенда за последнюю неделю №500 (27 декабря 2021 — 2 января 2022)

2 января 2022 0 25 Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, JavaScript, HTML, дайджест, фронтенд, css, js, es6, vue, react, angular, html5, браузеры, ссылки,

Дайджест свежих материалов из мира фронтенда за последнюю неделю №499 (20 — 26 декабря 2021)

26 декабря 2021 0 29 Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, JavaScript, HTML, дайджест, фронтенд, css, js, es6, vue, react, angular, html5, браузеры, ссылки,

Дайджест свежих материалов из мира фронтенда за последнюю неделю №498 (13 — 19 декабря 2021)

20 декабря 2021 0 35 Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, JavaScript, HTML, дайджест, фронтенд, css, js, es6, vue, react, angular, html5, браузеры, ссылки,

[Перевод] Вёрстка в 2022. Часть 2: Практика

Ситуация получилась следующая. Компания переделывала сайт и сказал, что необходимо сделать его максимально гибким, чтобы, во-первых, можно было дизайн обновлять просто, во-вторых, сделать ещё несколько подразделов на базе готового функционала (вроде как SaaS фишка для заказчиков). Читать далее...

18 декабря 2021 0 42 Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, Совершенный код, scss, javascript, css, web-разработка,

[Перевод] Вёрстка в 2022. Часть 1: Теория

"Разработчик – это человек, который переводит мысли заказчика на язык машины" @mikita_du Идея статьи появилась год назад, думал назвать «Вёрстка в 2021», но как-то затянулось… Весной 2021 года Microsoft объявила, что с 15 июня 2022 года прекращается поддержка IE11 (да, не для всех версий Win 10, но...

18 декабря 2021 0 38 Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, Совершенный код, web-разработка, scss, css, javascript,

Дайджест свежих материалов из мира фронтенда за последнюю неделю №497 (6 — 12 декабря 2021)

13 декабря 2021 0 38 Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, JavaScript, HTML, дайджест, фронтенд, css, js, es6, vue, react, angular, html5, браузеры, ссылки,

[Перевод] Конфетти и CSS-матрёшка в дизайн-системе StackOverflow

В дизайне StackOverflow используются праздничные модальные окна, поэтому команда SO разработала удобный способ отображения конфетти. Первым решением был простой статический SVG с конфетти на заднем плане. Позже команда обнаружила 12 разных статических конфетти по всему коду и поняла, что нужен...

9 декабря 2021 0 40 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании SkillFactory, Разработка веб-сайтов, CSS, Программирование, Графический дизайн, skillfactory, css, веб, svg, дизайн, codepen, матрёшка, решения, stackoverflow, модальные окна,

Добавление пользовательской темы для фронтэнд-приложений

Привет, Хабр! Меня зовут Павел, я фронтэнд-архитектор в компании Itransition. Вот уже более 8 лет я работаю во фронтэнде. В течении этого времени мне довелось поработать с приложениями, как полностью основанными на бэкенд технологиях, так и с классическими сайтами, написанными с использованием...