65 CSS Timelines
Collection of free HTML and CSS timeline code examples: responsive, simple, vertical, horizontal, etc. Update of June 2018 collection. 3 new items.
Collection of free HTML and CSS timeline code examples: responsive, simple, vertical, horizontal, etc. Update of June 2018 collection. 3 new items.
Smart animations with custom properties
Маттиа Асторино показывает, как избежать дублирования кода и управлять анимациями в CSS по-новому
Маттиа Асторино показывает, как избежать дублирования кода и управлять анимациями в CSS по-новому
«Грабим» с помощью Node.js
«Сграбить» — программно получить данные из интернета. С ростом объёмов данных «грабёж» становится всё более распространённым явлением, и для упрощения процесса возникло множество мощных сервисов. К сожалению, большинство из них довольно дорогие, имеют ограничения или обладают какими-либо недостатками. Вместо использования сторонних сервисов можно самостоятельно написать мощный граббер на Node.js, который одновременно будет очень гибким и абсолютно бесплатным.
«Сграбить» — программно получить данные из интернета. С ростом объёмов данных «грабёж» становится всё более распространённым явлением, и для упрощения процесса возникло множество мощных сервисов. К сожалению, большинство из них довольно дорогие, имеют ограничения или обладают какими-либо недостатками. Вместо использования сторонних сервисов можно самостоятельно написать мощный граббер на Node.js, который одновременно будет очень гибким и абсолютно бесплатным.
Machine Learning For The Web
ml5.js aims to make machine learning approachable for a broad audience of artists, creative coders, and students. The library provides access to machine learning algorithms and models in the browser, building on top of TensorFlow.js with no other external dependencies.
ml5.js aims to make machine learning approachable for a broad audience of artists, creative coders, and students. The library provides access to machine learning algorithms and models in the browser, building on top of TensorFlow.js with no other external dependencies.
Доступность сайта: 6 быстрых проверок
Автоматизированное тестирование доступности Lighthouse - отличная вещь, но не проверяет все, что должно быть проверено. Кое-что придется доделывать руками.
Вот вам маленький список обязательных тестов:
‼️ Наличие альтернативных описаний у изображений и их соответствие картинке
‼️ Адекватное и понятное отображение страницы БЕЗ стилей
‼️ Валидность HTML-кода
‼️ Логичная структура документа (уровни заголовков, семантические элементы)
‼️ Проверка в монохромном режиме - цвет не должен быть единственным носителем важной информации
‼️ Полная доступность с клавиатуры
Автоматизированное тестирование доступности Lighthouse - отличная вещь, но не проверяет все, что должно быть проверено. Кое-что придется доделывать руками.
Вот вам маленький список обязательных тестов:
‼️ Наличие альтернативных описаний у изображений и их соответствие картинке
‼️ Адекватное и понятное отображение страницы БЕЗ стилей
‼️ Валидность HTML-кода
‼️ Логичная структура документа (уровни заголовков, семантические элементы)
‼️ Проверка в монохромном режиме - цвет не должен быть единственным носителем важной информации
‼️ Полная доступность с клавиатуры
Большое руководство по Svelte
Svelte - фреймворк с уникальным подходом к сборке веб-приложений. Даже если вы никогда про него не слышали, руководство вам все подробно расскажет.
Svelte - фреймворк с уникальным подходом к сборке веб-приложений. Даже если вы никогда про него не слышали, руководство вам все подробно расскажет.
Как кастомизировать Ant Design
Как кастомизировать Ant Design используя React & Webpack…
Потерянная иструкция
Как кастомизировать Ant Design используя React & Webpack…
Потерянная иструкция
DeepL Translator
Use the free DeepL Translator to translate your texts with the best machine translation available, powered by DeepL’s world-leading neural network technology. Currently supported languages are English, German, French, Spanish, Portuguese, Italian, Dutch, Polish, and Russian.
Use the free DeepL Translator to translate your texts with the best machine translation available, powered by DeepL’s world-leading neural network technology. Currently supported languages are English, German, French, Spanish, Portuguese, Italian, Dutch, Polish, and Russian.
Структуры данных для фронтендеров
В основе многих популярных библиотек и фреймворков лежат вещи, которые фронтендеру вроде и не надо знать. Почему...
В основе многих популярных библиотек и фреймворков лежат вещи, которые фронтендеру вроде и не надо знать. Почему...
Веб в 2020 году
Перевод статьи The Web in 2020: Extensibility and Interoperability с сайта css-tricks.com для css-live.ru, автор — Юна Кравец. В последние годы мы наблюдали, как быстро развиваются и меняются веб-технологии. В 2020 году основными трендами сообщества веб-разработчиков вполне предсказуемо станут расширяемость и совместимость. Давайте рассмотрим их подробнее. Расширяемость Расширяемость определяется тем, насколько гибко мы можем приспособить ту или иную технологию для решения своих задач. За последние несколько лет мы построили компонентно-ориентированный веб - как в разработке (компоненты React! компоненты Vue! компоненты Svelte! веб-компоненты!), так и в дизайне (дизайн-системы!). Интересно, как форма определяется содержанием, да? Теперь мы пытаемся сделать так, чтобы эта компонентная система выглядела более уникальной. Расширяемость в сети позволяет нам проектировать платформу под наши собственные задачи и экспериментировать с результатами...
Перевод статьи The Web in 2020: Extensibility and Interoperability с сайта css-tricks.com для css-live.ru, автор — Юна Кравец. В последние годы мы наблюдали, как быстро развиваются и меняются веб-технологии. В 2020 году основными трендами сообщества веб-разработчиков вполне предсказуемо станут расширяемость и совместимость. Давайте рассмотрим их подробнее. Расширяемость Расширяемость определяется тем, насколько гибко мы можем приспособить ту или иную технологию для решения своих задач. За последние несколько лет мы построили компонентно-ориентированный веб - как в разработке (компоненты React! компоненты Vue! компоненты Svelte! веб-компоненты!), так и в дизайне (дизайн-системы!). Интересно, как форма определяется содержанием, да? Теперь мы пытаемся сделать так, чтобы эта компонентная система выглядела более уникальной. Расширяемость в сети позволяет нам проектировать платформу под наши собственные задачи и экспериментировать с результатами...
Разбираемся с настройкой Webpack
В статье описан базовый пример, того как настроить проект с использованием webpack с нуля, и показаны различные аспекты его конфигурирования.
В статье описан базовый пример, того как настроить проект с использованием webpack с нуля, и показаны различные аспекты его конфигурирования.