10 Visual Studio Code трюков для увеличения продуктивности

В статье перечислены удобные шорткаты для быстрых правок нескольких строк кода, переключение в Zen Mode(убирает лишнее с экрана, оставляя только код) и другие.

#vsc #ide

К статье(eng)

Самые популярные работы на CodePen за 2020

#css #animations #javascript

Codepen

Clean Code Javascript

Адаптация для JavaScript принципов разработки программного обеспечения из книги Роберта Мартина “Чистый код”.

#uncle_bob

К репозиторию(eng)
К репозиторию(rus)

Josh W. Comeau: “Оберните текст вокруг прозрачных файлов .png с помощью shape-outside 😮”

.me {
float: left;
shape-outside: url(/image/path.png);
/ Add some spacing: /
transform: translateX(-16px);
}

#css

Twitter

Codepen

Отчет о состоянии CSS

— Bootstrap уже не интересен, но используют многие
— Большой интерес к Tailwind Css
— Css-in-JS хотят использовать все больше разработчиков
— CSS modules - стабильно пользуется популярностью

#css

К отчету(eng)

Код на React и TypeScript, который работает быстро. Доклад Яндекса

#react #typescript

К докладу

Taiga UI — библиотека компонентов под Angular, которую вам стоит попробовать

#angular #architecture

К статье

Josh W. Comeau: “Значение CSS currentColor - это ссылка на текущий цвет текста (будь то явное ИЛИ унаследованное!).”

Это позволяет нам передать цвет шрифта элемента любому другому свойству, принимающему цвет (граница, тень блока…).

Twitter

Codepen

Jhey: “Не используйте CSS scroll-behavior: smooth!”

“Только если вы не делаете это так:

html:focus-within {
scroll-behavior: smooth;
}

Анимированная прокрутка якоря без нарушения функции поиска!

Без JavaScript

Только CSS”

Twitter

Замеры производительности разных Javascript циклов

В статье производятся замеры циклов: for, for in, for of, forEach, map, while, do while

#javascript

К статье(eng)

Искусство командной строки

В репозитории собраны рекомендации и описание возможностей командной строки.

#cli

К репозиторию(eng)

К репозиторию(rus)

Репозиторий с набором инструментов, библиотек и ресурсов для frontend разработчиков

#javascript #packages

К репозиторию(eng)

Практическое введение во внедрение зависимостей (Dependency Injection)

#javascript #DI

К статье(rus)

Шпаргалка по FlexBox в 2021 году || CSS 2021

В статье собраны все возможности флексбокс с визуализацией отработки

#css

К статье(eng)

Оформление содержимого <use> в SVG с помощью CSS

Подробная статья об оформлении содержимого в элементе SVG <use> и преодолении связанных с этим проблем.

#svg

К статье(rus)

Шпаргалка по React на 2021 📄 (+ примеры из реального мира)

В статье собрана полная, но краткая информация по React, для быстрого поиска и вспоминания нужной информации

#react

К статье(eng)