Основное

Дайджест свежих материалов из мира фронтенда за последнюю неделю №370 (17 — 23 июня 2019)

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

[Перевод] Почему мы предпочитаем CSS(--variable) переменным SASS($variable)?

С момента релиза CodyHouse Framework, пару месяцев назад, многие пользователи спрашивали нас, почему мы выбрали переменные CSS вместо переменных SASS, хотя мы используем SASS в этой среде. В этой статье я расскажу о преимуществах использования пользовательских свойств и о том, почему они стали...

[Перевод] Анонс новой версии Styled Components v5: Звериный оскал

Мы очень рады анонсировать новую пятую версию styled-components! Новая версия полностью обратно совместима с предыдущей при условии использования React^16.8. Бету пятой версии можно попробовать уже сейчас: npm install styled-components@beta Нужна версия React, поддерживающая React.hooks, т.е....

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

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

Как я отлавливал стили :before для фокус-элемента

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

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

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

С чего начать изучать веб-разработку в 2019 году или HTML Academy VS Codecademy VS FreeCodeCamp

Привет, Хабр! Хочу поделиться своими мыслями о самых популярных площадках для изучения веб-разработки HTML Academy, Codecademy, FreeCodeCamp (мне бы хотелось прочитать подобную статью, когда я только начинала учиться веб-разработке самостоятельно). *Данный обзор является моим субъективным видением...

[Перевод] Создаём максимально недоступный сайт с идеальной оценкой Lighthouse

Встроенный инструмент тестирования Google Lighthouse оценивает доступность (accessibility) сайтов по шкале от 0 до 100. Похвально стремиться к максимальной читаемости контента, но оценка 100 не означает, что сайт идеально доступен. Для доказательства я провёл небольшой эксперимент. Всегда приятно...

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

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

Используем псевдокласс :not() на примере задачи «Выделение активной строки таблицы на чистом CSS»

Несколько дней назад мой друг попросил помочь с решением задачи, которая была на его собеседовании. Интервьюер дал ему следующий фрагмент кода: tbody:hover tr { opacity: 0.24;} Также добавил: “Сейчас, при наведении на таблицу, все строки становятся блеклыми. А требуется сделать так, чтобы строка,...

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

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

[Перевод] CSS Subgrid новости

Несколько недель назад, я выступала на Frontend NE в Ньюкасле и большую часть выступления объясняла, что за особенности будут в CSS Grid Subgrid из Grid Level 2. Не имея реализации данного свойства(в браузерах), я смоделировала кучу демок, используя DevTools, для того выступления. По пути в San...

Архив сайта

Реклама на сайте http://gudmoda.ru первый магазин fred perry в Москве.