#web
Drag & Drop для элементов с помощью ванильного JavaScript и HTML
Многие привыкли юзать библиотеки для 'сложных' элементов UI. Плохая практика, если конечно вы не клепаете прототип на скорую руку.
Посмотрите, как просто это сделать при помощи Drag and Drop API
https://alligator.io/js/drag-and-drop-vanilla-js/
#react
Лучшие практики для модульного тестирования в React 16
https://eng.uber.com/best-practices-for-react-v16/
Лучшие практики для модульного тестирования в React 16
https://eng.uber.com/best-practices-for-react-v16/
#css
Можете ли вы вращать курсор в CSS?
Если кратко, то нет. Но если с небольшим хаком - то да) Подробнее, в статье по ссылке.
https://css-tricks.com/can-you-rotate-the-cursor-in-css/
Можете ли вы вращать курсор в CSS?
Если кратко, то нет. Но если с небольшим хаком - то да) Подробнее, в статье по ссылке.
https://css-tricks.com/can-you-rotate-the-cursor-in-css/
#video
Новые и экспериментальные CSS инструменты в Firefox
https://www.youtube.com/watch?v=lHBE0mIDTHk
Новые и экспериментальные CSS инструменты в Firefox
https://www.youtube.com/watch?v=lHBE0mIDTHk
YouTube
New & Experimental CSS Tools in Firefox
The Firefox DevTools team has been hard at work on a new set of HTML/CSS tools that address everything from the latest layout specs to age-old frustrations of building the web. We’ll go behind the scenes of seven new tools and take a peek at some far-flung…
Знакомство с glitch - удаленным рабочим местом, с возможностью писать код и запускать проекты в консоли.
https://blog.maddevs.io/introduction-to-glitch-7e286f1df1c6
https://blog.maddevs.io/introduction-to-glitch-7e286f1df1c6
Medium
Знакомство с glitch.com 🥳 🤟🏻
Моя история взаимодействия с glitch.com началась не так давно, но за это короткое время, я успел полюбить 🥰 этот классно придуманный…
#web
Как использовать Async / Await в цепочках промисов
https://medium.com/better-programming/how-to-use-async-and-await-to-chain-promises-4180e2c1a374
FrontEndDev
Знакомство с glitch - удаленным рабочим местом, с возможностью писать код и запускать проекты в консоли. https://blog.maddevs.io/introduction-to-glitch-7e286f1df1c6
Вот кстати вторая часть, для тех кого заинтересовал glitch. Деплой ваших приложений на сервис.
https://blog.maddevs.io/node-js-apps-deploy-to-glitch-fa00598c219
https://blog.maddevs.io/node-js-apps-deploy-to-glitch-fa00598c219
Medium
Поставка на glitch.com 🥳 вашего node.js веб-приложения 🤟🏻 (Часть 2)
И так — это вторая часть моего взаимодействия с Glitch.com и в этой части пойдет речь уже о способах деплоя, как о стандартном, так и о не…
#react
Документация и предпросмотр ReactJS компонентов с JSDoc
https://medium.com/@wojciechkrysiak/document-reactjs-components-with-preview-by-using-jsdoc-70d39d2cc777
#js
8 привычек, которых следует избегать при разработке на Javascript
https://medium.com/javascript-in-plain-english/8-habits-you-should-avoid-when-developing-with-javascript-a39a5ca2fae6
8 привычек, которых следует избегать при разработке на Javascript
https://medium.com/javascript-in-plain-english/8-habits-you-should-avoid-when-developing-with-javascript-a39a5ca2fae6
Medium
8 habits you should avoid when developing with Javascript
Better leave these bad habits today than tomorrow
#web
Как оптимизировать ваше приложение JavaScript с помощью сервис воркеров
https://www.freecodecamp.org/news/optimize-your-javascript-app-by-using-service-workers/
Как оптимизировать ваше приложение JavaScript с помощью сервис воркеров
https://www.freecodecamp.org/news/optimize-your-javascript-app-by-using-service-workers/
#ts
Миграция с JavaScript на TypeScript на реальном React проекте
https://drublic.de/blog/from-js-to-typescript/
#web
Webpack Boilerplate — минимальный Webpack 4 бойлерплейт с Sass, ESLint, Hot Module Replacement и оптимизацией development/production
https://github.com/taniarascia/webpack-boilerplate
Webpack Boilerplate — минимальный Webpack 4 бойлерплейт с Sass, ESLint, Hot Module Replacement и оптимизацией development/production
https://github.com/taniarascia/webpack-boilerplate
GitHub
GitHub - taniarascia/webpack-boilerplate: 📦 A sensible webpack 5 boilerplate.
📦 A sensible webpack 5 boilerplate. Contribute to taniarascia/webpack-boilerplate development by creating an account on GitHub.
Мой любимый CSS хак.
Как пара строк на css помогают при разработке, обозначая границы слоев и контента.
https://dev.to/gajus/my-favorite-css-hack-32g3
Как пара строк на css помогают при разработке, обозначая границы слоев и контента.
https://dev.to/gajus/my-favorite-css-hack-32g3
DEV Community
My favorite CSS hack
Using x-ray goggles to see boundaries of all layout elements.
Должен ли сайт работать без JavaScript?
https://css-tricks.com/should-a-website-work-without-javascript/
https://css-tricks.com/should-a-website-work-without-javascript/
CSS-Tricks
Should a website work without JavaScript? | CSS-Tricks
The JS Party podcast just had a fun episode where they debated this classic question by splitting into two groups of two. Each group was assigned a "side" of
Model-Based тестирование в React с помощью конечных автоматов
https://css-tricks.com/model-based-testing-in-react-with-state-machines/
https://css-tricks.com/model-based-testing-in-react-with-state-machines/
CSS-Tricks
Model-Based Testing in React with State Machines | CSS-Tricks
Testing applications is crucially important to ensuring that the code is error-free and the logic requirements are met. However, writing tests manually is
Инклюзивные компоненты: переключатель темы
https://medium.com/web-standards/theme-switcher-a6e3c12d5d75
https://medium.com/web-standards/theme-switcher-a6e3c12d5d75
Medium
Инклюзивные компоненты: переключатель темы
Перевод статьи «A Theme Switcher» Хейдона Пиккеринга.