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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №456 (22 — 28 февраля 2021)

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №455 (15 — 21 февраля 2021)

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

Сердце, не познавшее боли разочарования, не знало и радости полёта

© The Host (Stephenie Meyer) На этот пост меня вдохновила недавняя заметка Александра Pogman25 про боль фронтендеров и непростую историю любви и ненависти между фронтами и дизайнерами интерфейсов. История стара как мир, и основная причина боли действительно в отсутствии диалога и нежелании или...

18 февраля 2021 0 28 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании Quarkly, Веб-дизайн, Разработка веб-сайтов, CSS, HTML, фронтенд, вёрстка, web-дизайн, figma, css, ui, ux, frontend, дизайн, nocode,

5 подходов к стилизации React-компонентов на примере одного приложения

Доброго времени суток, друзья! Сегодня я хочу поговорить с вами о стилизации в React. Почему данный вопрос является актуальным? Почему в React существуют разные подходы к работе со стилями? Когда дело касается разметки (HTML), то React предоставляет в наше распоряжение JSX (JavaScript и XML). JSX...

16 февраля 2021 0 36 Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, JavaScript, Программирование, ReactJS, javascript, программирование, разработка, react, reactjs, react.js, css, style, styles, стили, стилизация, styled-components, styled components,

Дайджест свежих материалов из мира фронтенда за последнюю неделю №454 (8 — 14 февраля 2021)

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

[Перевод] Пришло время попрощаться с единицей измерения px

Если вы занимаетесь дизайном сайтов или их разработкой — не используйте абсолютные единицы измерения. А именно — px, in, mm, cm, pt и pc. Это, в дизайне, так же плохо в плане доступности и отзывчивости контента, как использование таблиц в сфере создания макетов страниц. Если взглянуть на все...

14 февраля 2021 0 26 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании RUVDS.com, Разработка веб-сайтов, CSS, Дизайн, дизайн,

Боль фронтов, или что нам нужно от дизайнеров

Пройдя путь от верстальщика-стажёра до сеньора фронтенд-разработчика, я работал в разных командах и с разными дизайнерами. От проекта к проекту были похожие проблемы: взаимное недоверие или даже предвзятое отношение между фронтендщиками и дизайнерами, непонимание макета или дизайн-системы,...

12 февраля 2021 0 49 Уроки CSS на Хабрахабре, habrahabr.ru, Веб-дизайн, Разработка веб-сайтов, CSS, HTML, фронтенд, вёрстка, web-дизайн, советы, figma, css, frontend, дизайн,

Дайджест свежих материалов из мира фронтенда за последнюю неделю №453 (1 — 7 февраля 2021)

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

[Перевод] Минимальный размер контента в CSS grid

Иногда, когда вы пишете компонент, то вдруг замечаете странную полосу горизонтальной прокрутки. Снова и снова вы пытаетесь исправить положение, только чтобы позже понять, что причина в чём-то другом. Сколько раз так было? В этой статье я растолкую хитрую проблему, которая может стоить часов проб и...

3 февраля 2021 0 43 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании SkillFactory, Разработка веб-сайтов, CSS, skillfactory, css, css grid layout, web-разработка,

Дайджест свежих материалов из мира фронтенда за последнюю неделю №452 (25 — 31 января 2021)

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

[Перевод] Как понять свойство clip-path в CSS

В те далёкие времена, когда я впервые столкнулся со свойством CSS clip-path, мне потребовалось больше времени, чем я ожидал, и я изо всех сил старался запомнить, как работает свойство. Не знаю точно, почему так получилось, но, может быть, потому, что я не пользовался им часто? Во всяком случае, я...

29 января 2021 0 44 Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании SkillFactory, Разработка веб-сайтов, CSS, Программирование, Лайфхаки для гиков, skillfactory, css, clip-path, программирование, web-разработка, веб-дизайн,

Что такое @font-face на самом деле

После очередного увиденного: font-weight: normal; font-family: BrutalType-Bold, sans-serif; я понял, что что-то не так в датском королевстве. Давайте попробуем разобраться, что такое @font-face на самом деле. Разобраться...