Frontend разработчик
11.7K subscribers
1.76K photos
489 videos
44 files
2.7K links
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.

По всем вопросам @evgenycarter

РКН clck.ru/3KoFrk
加入频道
CSS фишки

Бургер меню на чистом HTML и CSS в 2020
Аккордеон меню на чистом html и css в 2020 году
3D-эффект переворота формы авторизации
Контролируем наследование в SASS с помощью Parent selector и переменных
Часто ли вы задумываетесь о наследовании имен селекторов работая с SASS? Используя одну замечательную технику вы сможете значительно упростить себе жизнь и уменьшить количество кода, особенно если вы используете БЭМ.

https://the-evening-code.com/posts/inheritance-control-in-sass
Три примера, когда не стоит использовать стрелочные функции JavaScript

https://nuancesprog.ru/p/9592/
Запускаем асинхронные запросы в NodeJS параллельно
Node.js - это однопоточная среда для выполнения JavaScript на стороне сервера. Если весь код выполняется в одном потоке, то как тогда Node.js справляется с нагрузкой и поддерживает производительность? Решением является неблокирующий асинхронный ввод-вывод.

https://the-evening-code.com/posts/handling-asynchronous-operations-in-parallel-in-nodejs
Делаем PWA больше похожим на приложение

https://web.dev/app-like-pwas
villus — Небольшой и быстрый клиент GraphQL для Vue.js

https://github.com/logaretm/villus
CSS Layout шпаргалка, которая поможет вам быстро настроить популярные макеты пользовательского интерфейса и страниц

https://github.com/phuoc-ng/csslayout
Визуализация данных и цветовая доступность

https://uxdesign.cc/data-visualization-for-color-accessibility-8a30ce25d90b
8 распространенных ошибок JavaScript, которых следует избегать

https://medium.com/javascript-in-plain-english/8-common-javascript-mistakes-that-you-should-avoid-bbbfe1fb9539
Несколько полезных Vue.js трюков

https://itnext.io/a-few-handy-vue-js-tricks-832703cff426
Как работать с элементами множественного выбора в vanilla JS

https://gomakethings.com/how-to-work-with-multiselect-elements-in-vanilla-js/
Калькулятор сделан в виде html таблиц, стили созданы на SCSS, а сама логика на ванильном JS


https://codepen.io/ykadosh/pen/OJNNQOz
Нативное форматирование чисел в JavaScript

https://elijahmanor.com/blog/format-js-numbers
This media is not supported in your browser
VIEW IN TELEGRAM
Переключатели в виде пиццы checkbox
Для создания разметки автор использует Haml. Стили написаны на SCSS. При переключении происходит CSS анимация.

https://codepen.io/cobra_winfrey/pen/xXvdbE