7 основных понятий CSS Grid Layout с примерами

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

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

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

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

Время свергнуть JPEG. Джон Снейерс сравнивает существующие кодеки и кодеки следующего поколения, среди которых JPEG XL, по качеству и скорости сжатия, ограничениям, поддержке анимаций и другим фичам.

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

15 методов работы с HTML-элементами в JS про которые вы могли не знать

При работе с DOM в JavaScript обычно используют такие методы, как .querySelector(), .createElement и связанные с ними. Но в JavaScript существует множество различных вариантов и методов для взаимодействия с HTML.

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

Зависимости JavaScript: Все, что вы когда-либо хотели знать, но боялись спросить

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

☕️ 7 советов изучающему Vue.js новичку

Vue.js – один из самых популярных фреймворков для фронтенд-разработки и один из самых простых в изучении. Рассказываем, на что нужно обратить внимание желающим освоить его с нуля новичкам.

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

Сервис для составления 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-генераторов. Возможно, о каких-то из них вы не знали, и, познакомившись с ними сейчас, начнёте использовать в работе.

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