Сервис для составления CSS-анимации

С помощью этого сервиса вы без труда сможете создать необходимую вам CSS-анимацию. Выбирайте из готовых пресетов или придумайте свой вариант в удобном меню. А готовый вариант можно сразу скопировать в HTML, React или Vue.

Подробнее: ссылка

Изучаем возможности нового CSS-правила

@property — это новое правило в CSS, которое предоставляет разработчикам создавать настраиваемые CSS-свойства, отказавшись от JavaScript с его registerProperty().

Правда пока что эта возможность присутствует только в Google Chrome и браузерах на базе Chromium, но лучше заранее научиться работать с перспективными инструментами.

Подробнее: ссылка

10 вопросов начального уровня по React на собеседовании

Подробнее: ссылка

Цветовые функции в CSS. Мечты сбываются: смешивание, прозрачность, контраст

Подробнее: ссылка

Введение в TypeScript для начинающих

Если вам нравится JavaScript, но не хватает типизированности, то TS как раз для вас. В этой статье вы узнаете основные различия TypeScript и JavaScript, а также изучите основы TypeScript:

Подробнее: ссылка

Что нового ожидать в ES2021

В июне 2021 года намечен выход ES2021 или ES12. Вот некоторые функции, которые предположительно внесет технический комитет 39 (TC39) в ESMAScript:

· Метод String.prototype.replaceAll

· Метод Promise.any

· Слабые ссылки (WeakRef) и финализатор

· Операторы логического присваивания

· Разделение чисел на разряды

Подробнее: ссылка

Neuralink показала обезьяну, которая играет в пинг-понг силой мысли

Компания Илона Маска Neuralink продемонстрировала работу своего интерфейса «мозг-компьютер» на обезьяне, которая играла в Pong на компьютере. Благодаря вживленному импланту N1 Link с 1024 электродами 9-летняя макака по имени Пейджер смогла перемещать объекты на мониторе при помощи курсора.

Подробнее: ссылка

Команда Deno, альтернативы Node.js, объявила о создании Deno Company.

Соавтор проекта Райан Дал рассказал, что полученные инвестиции позволят нанять постоянных разработчиков для работы над Deno, но проект останется опенсорсным и полностью бесплатным.

Подробнее: ссылка

Умная квартира на JavaScript.

От светодиода до распознавания лица в камере домофона

Подробнее: ссылка

Шпаргалка по переходу с jQuery на ванильный JavaScript

Подробнее: ссылка

5 плохих CSS практик

Подробнее: ссылка

10 малоизвестных возможностей браузера Google Chrome

У многих программных продуктов есть любопытные функции, о которых порой не догадываются даже самые опытные пользователи. «Хром» в данном случае не является исключением и таит в себе немало интересных особенностей. Каких именно — об этом в новом выпуске нашей софтверной рубрики

Подробнее: ссылка

Как создать временную шкалу с помощью чистого CSS

Подробнее: ссылка

Пишем фронтенд-компоненты на ванильном JS

В наши дни вокруг фронтенд-фреймворков (React, Angular, Vue) много шумихи. Поразмышляем, какую проблему они решают и для чего могут быть полезны.

Подробнее: ссылка

Какие CSS-генераторы можно использовать в 2021 году

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

Схема работы таких генераторов проста: достаточно ввести через простой визуальный интерфейс нужные вам параметры и на выходе получить готовые CSS-стили. Далее полученный код нужно скопировать и добавить в свой проект.

Известный full-stack разработчик Марко Денич предлагает свою подборку лучших CSS-генераторов. Возможно, о каких-то из них вы не знали, и, познакомившись с ними сейчас, начнёте использовать в работе.

Подробнее: ссылка

В Microsoft Edge тестируется новый режим производительности с иным принципом работы «спящих» вкладок

Microsoft приступила к тестированию нового режима производительности в браузере Edge. Пока что он доступен только части пользователей новейшей тестовой сборки Edge Canary, тогда как другие могут активировать экспериментальный режим с помощью специального флага.

Подробнее: ссылка

Основы управления памятью в JavaScript: как это работает и какие проблемы могут возникнуть

Большинство разработчиков редко задумываются о том, как реализовано управление памятью в JavaScript. Движок обычно делает все за программиста, так что последнему нет смысла размышлять о принципах функционирования механизма управлением памятью.

Подробнее: ссылка

Почему стоит использовать тег <picture> вместо <img>

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

Подробнее: ссылка

Примеры применения переменных CSS на практике

Подробнее: ссылка

Удобное создание красивых графиков с Chart.js

Chart.js — популярная библиотека JavaScript, которая позволяет очень быстро и удобно создавать различные графики и диаграммы на сайте, используя Canvas.

Подробнее: ссылка