Author: Максим Усачев

29
Авг
2019

Смогут ли React-хуки заменить компоненты высшего порядка (HOC)?

Перевод статьи Do React Hooks Replace Higher Order Components (HOCs)? с сайта medium.com для css-live.ru, автор — Эрик Эллиотт «Мандаринка» — снимок Малкольма Карлоу (CC-BY-2.0) Как только API React-хуков вышел, стало появляться много вопросов о том, сможет ли он заменить…
ДАЛЕЕ

26
Авг
2019

Смогут ли React-хуки заменить Redux?

Перевод статьи Do React Hooks Replace Redux? с сайта medium.com для css-live.ru, автор — Эрик Эллиотт Вкратце: хуки хороши, но Redux они не заменят «Мандаринка» — снимок Малкольма Карлоу (CC-BY-2.0) Как только API React-хуков вышел, стало появляться много вопросов о…
ДАЛЕЕ

08
Авг
2019

Пользовательские CSS-атрибуты как механизм передачи данных из JavaScript в CSS

Нововведения в CSS стали понемногу размывать границы между ним и JavaScript. CSS был статичным языком, отвечающим за определение цветов и внешний вид, а не за интерактивность. Размеры в процентах помогали в какой-то мере подстраиваться под окружение, но реагировать на изменения было прерогативой JavaScript.

10
Ноя
2018

Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 2)

Перевод статьи Improve Your Debugging Skills with Chrome DevTools (Part 2) с сайта telerik.com для css-live.ru, автор — Питер Милчев В этой статье мы рассмотрим продвинутые функции отладчика Chrome, закрепив навыки, полученные в первой части. Вы научились проверять сгенерированный HTML…
ДАЛЕЕ

21
Окт
2018

Прокачиваем навыки отладки с помощью инструментов разработчика Chrome (часть 1)

Перевод статьи Improve Your Debugging Skills with Chrome DevTools с сайта telerik.com для css-live.ru, автор — Питер Милчев В этой статье мы рассмотрим полезные приёмы и советы по использованию отладчика Chrome, которые помогут легче разобраться с любыми загвоздками в разработке…
ДАЛЕЕ

24
Сен
2018

Почему семантический HTML важен, и как TypeScript помогает это понять

Перевод статьи Understanding why Semantic HTML is important, as told by TypeScript с сайта medium.com для css-live.ru, автор — Мэнди Майкл HTML не просто скелет наших сайтов, он также крайне важен для того, чтобы сайты вели себя как полагалось на…
ДАЛЕЕ

25
Авг
2018

Решено с помощью CSS! Логическая стилизация на основе числа элементов

Перевод статьи Solved with CSS! Logical Styling Based on the Number of Given Elements с сайта css-tricks.com для CSS-live.ru, автор — Юна Кравец Эта статья третья из серии про мощь CSS. Все статьи серии: Часть 1: раскрашивание SVG фонов Часть 2:…
ДАЛЕЕ

31
Июл
2018

Введение в API MutationObserver из JavaScript

Перевод статьи An introduction to the JavaScript MutationObserver API с сайта benfrain.com, автор — Бен Фрейн. Недавно мне довелось немного поиграть с JavaScript-овым API MutationObserver и я был приятно шокирован. Я уже наметил те места, где я, наверное, мог бы сделать код чище с…
ДАЛЕЕ

19
Июл
2018

Как создавать Vue-компоненты, словно профи

Перевод статьи How To Build Vue Components Like A Pro ? с сайта blog.bitsrc.io для css-live.ru, автор — Rajat S Vue — один из самых быстро растущих фреймворков в современном мире. Представленный как «интуитивный, быстрый и компонентный» инструмент на базе…
ДАЛЕЕ

01
Июл
2018

Устойчивый, декларативный, контекстный (новый взгляд на сильные стороны CSS)

Перевод статьи Resilient, Declarative, Contextual с сайта keithjgrant.com для css-live.ru, автор — Кит Грант Я долго размышлял о том, из чего складывается философия CSS. Одни вроде бы «понимают» её, а другие нет. Мне всегда казалось, что если бы можно было…
ДАЛЕЕ

23
Мар
2018

Аддитивная анимация с помощью Web Animations API

Перевод статьи Additive Animation with the Web Animations API с сайта css-tricks.com для CSS-live.ru, автор — Дэн Уилсон Эти возможности пока что не поддерживаются ни одним стабильным браузером. Однако, всё, о чем я сейчас расскажу, уже есть в Firefox Nightly, и ключевые…
ДАЛЕЕ

09
Фев
2018

Ссылки против кнопок в современных веб-приложениях

Перевод статьи Links vs. Buttons in Modern Web Applications с сайта marcysutton.com для CSS-live.ru, автор — Марси Саттон Github: ссылки или кнопки? Одна из вечных тем во фронтенд-доступности — неразбериха между ссылками и кнопками. Ну, HTML-элементы, которые открывают ссылки в…
ДАЛЕЕ

04
Фев
2018

Вникаем в механизмы Redux, делая своё хранилище (Store)

Перевод статьи Finally understand Redux by building your own Store с сайта toddmotto.com для CSS-live.ru, автор — Тодд Мотто Redux — интересный паттерн, нехитрый по своей сути, но почему же его порой так тяжело понять? В этой статье мы рассмотрим…
ДАЛЕЕ

03
Июн
2016

Понимание семантики

Перевод статьи Understanding semantics с сайта tink.uk, опубликовано на css-live.ru с разрешения автора — Леони Уотсон. Слово «семантический» уже слилось с веб-разработкой. Мы произносим «семантический код» и «семантика» элемента, но что это значит на самом деле и почему так важно? Слово семантика происходит от французского…
ДАЛЕЕ

22
Окт
2015

Легкая организация контента с HTML5

Перевод статьи Easy content organisation with HTML5  с сайта paciellogroup.com, опубликовано на css-live.ru с разрешения автора — Стива Фолкнера. Чаще всего дизайнеры и веб-разработчики делят страницы на крупные области контента (будем называть их регионами). Поиск по картинкам на запрос «типовая структура страницы в HTML5» выдает множество…
ДАЛЕЕ

25
Май
2015

Когда <button> не лучший выбор (она медленнее создается, отображается и с трудом стилизуется)

Перевод статьи When <button> isn’t the best choice (it’s slow to create and render and problematic to style) с сайта benfrain.com, автор — Бен Фрейн. Элемент <button> значительно медленнее при создании в JavaScript, он медленнее отображается в браузере и крайне трудно стилизуется кроссбраузерно. Несмотря…
ДАЛЕЕ

22
Май
2015

Трансформации для SVG-элементов

Перевод статьи Transforms on SVG Elements с сайта css-tricks.com, автор — Ана Тудор. Перед вами гостевой пост Аны Тудор. Ана всегда проделывает грандиозную работу, погружаясь в математику, стоящуя за тем, что мы можем делать графически в вебе. В данном случае,…
ДАЛЕЕ

28
Фев
2015

Создание аудиоплеера при помощи HTML5. Часть 3: микроданные и внешний вид

Перевод статьи Making An Audio Player With HTML5, Part 3: Microdata and Skinning с сайта demosthenes.info, c разрешения автора — Дадли Стори. В первых двух статьях этого цикла я представил концепцию и код для собственного аудиоплеера. Прототип, который сконструирован к…
ДАЛЕЕ

05
Дек
2014

Карманное руководство по написанию SVG. Глава 6

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел. Введение Глава 1. Организация документа Глава 2. Базовые фигуры и контуры Глава 3. Рабочая область Глава 4. Заливки и обводки Глава 5. Элемент <text> Глава 6. Продвинутые…
ДАЛЕЕ

29
Ноя
2014

Карманное руководство по написанию SVG. Глава 5

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел. Введение Глава 1. Организация документа Глава 2. Базовые фигуры и контуры Глава 3. Рабочая область Глава 4. Заливки и обводки Глава 5. Элемент <text> Глава 6. Продвинутые…
ДАЛЕЕ

21
Ноя
2014

Карманное руководство по написанию SVG. Глава 4

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел. Введение Глава 1. Организация документа Глава 2. Базовые фигуры и контуры Глава 3. Рабочая область Глава 4. Заливки и обводки Глава 5. Элемент <text> Глава 6. Продвинутые…
ДАЛЕЕ

15
Ноя
2014

Карманное руководство по написанию SVG. Глава 3

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел. Введение Глава 1. Организация документа Глава 2. Базовые фигуры и контуры Глава 3. Рабочая область Глава 4. Заливки и обводки Глава 5. Элемент <text> Глава 6. Продвинутые…
ДАЛЕЕ

08
Ноя
2014

Карманное руководство по написанию SVG. Глава 2

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел. Введение Глава 1. Организация документа Глава 2. Базовые фигуры и контуры Глава 3. Рабочая область Глава 4. Заливки и обводки Глава 5. Элемент <text> Глава 6. Продвинутые…
ДАЛЕЕ

02
Ноя
2014

Карманное руководство по написанию SVG. Глава 1

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел. Введение Глава 1. Организация документа Глава 2. Базовые фигуры и контуры Глава 3. Рабочая область Глава 4. Заливки и обводки Глава 5. Элемент <text> Глава 6. Продвинутые…
ДАЛЕЕ

02
Ноя
2014

Карманное руководство по написанию SVG. Введение

Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел. Введение Глава 1. Организация документа Глава 2. Базовые фигуры и контуры Глава 3. Рабочая область Глава 4. Заливки и обводки Глава 5. Элемент <text> Глава 6. Продвинутые…
ДАЛЕЕ