#js #tools #english
D3.js — очень популярный фреймворк для визуализации данных.
Думаю, хорошему фронтендеру очень полезно его освоить.
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.
https://medium.com/javascript-in-plain-english/how-to-make-stunning-data-visualizations-with-d3-js-93a588600b45
D3.js — очень популярный фреймворк для визуализации данных.
Думаю, хорошему фронтендеру очень полезно его освоить.
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.
https://medium.com/javascript-in-plain-english/how-to-make-stunning-data-visualizations-with-d3-js-93a588600b45
Medium
How to Make Stunning Data Visualizations With D3.js
Displaying hierarchical data sets as interactive treemaps
#backend #js #deno #tools
В последнее время все про Deno начали говорить.
https://www.youtube.com/watch?v=_cGOQbJehBQ&feature=youtu.be
В последнее время все про Deno начали говорить.
https://www.youtube.com/watch?v=_cGOQbJehBQ&feature=youtu.be
YouTube
Пробуем Deno на примере простейшего сервера и React SSR
Внимание! Канал заморожен, все видео по-умолчанию диприкейтед. Смотрите на свой страх и риск :)
---
На днях вышел релиз Deno 1.0. Что же, давайте посмотрим как и что можно написать на Deno, какие в нём особенности, можно ли решить с его помощью классические…
---
На днях вышел релиз Deno 1.0. Что же, давайте посмотрим как и что можно написать на Deno, какие в нём особенности, можно ли решить с его помощью классические…
#frontend #tools
Браузер заточенный специально для отладки адаптивности. Может пригодится!
https://manojvivek.github.io/responsively-app/
Браузер заточенный специально для отладки адаптивности. Может пригодится!
https://manojvivek.github.io/responsively-app/
#tools
Сборник популярных опенсорс-проектов на разных языках (шанс поучаствовать?)
https://github.com/lk-geimfari/awesomo
Сборник популярных опенсорс-проектов на разных языках (шанс поучаствовать?)
https://github.com/lk-geimfari/awesomo
GitHub
GitHub - lk-geimfari/awesomo: Cool open source projects. Choose your project and get involved in Open Source development now.
Cool open source projects. Choose your project and get involved in Open Source development now. - lk-geimfari/awesomo
Интеграция Typescript в существующее VueJS приложение
Три шага для внедрения типизированного JS в ваш проект!
Читать: https://prglb.ru/1r9em
#frameworks #vue #typescript #tools
Три шага для внедрения типизированного JS в ваш проект!
Читать: https://prglb.ru/1r9em
#frameworks #vue #typescript #tools
Medium
Adding Typescript to your existing VueJS 2.6+ app
Improve the Javascript code of your VueJS app with Typescript and its super powers!
#js #tools #russian
Веб-воркеры, сервис-вокеры и ворклеты — в чем сила, брат?
Воркеры выполняют работу вне основного потока JS-программы и могут не только помочь ускорить ваши скрипты, но и добавить в них много новых интересных возможностей. Жаль, поддерживаются пока не везде...
https://medium.com/@victorkukshinov/%D0%B2%D0%B5%D0%B1-%D0%B2%D0%BE%D1%80%D0%BA%D0%B5%D1%80%D1%8B-%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81-%D0%B2%D0%BE%D1%80%D0%BA%D0%B5%D1%80%D1%8B-%D0%B8-%D0%B2%D0%BE%D1%80%D0%BA%D0%BB%D0%B5%D1%82%D1%8B-1e2f561312fd
Веб-воркеры, сервис-вокеры и ворклеты — в чем сила, брат?
Воркеры выполняют работу вне основного потока JS-программы и могут не только помочь ускорить ваши скрипты, но и добавить в них много новых интересных возможностей. Жаль, поддерживаются пока не везде...
https://medium.com/@victorkukshinov/%D0%B2%D0%B5%D0%B1-%D0%B2%D0%BE%D1%80%D0%BA%D0%B5%D1%80%D1%8B-%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81-%D0%B2%D0%BE%D1%80%D0%BA%D0%B5%D1%80%D1%8B-%D0%B8-%D0%B2%D0%BE%D1%80%D0%BA%D0%BB%D0%B5%D1%82%D1%8B-1e2f561312fd
Medium
Веб-воркеры, сервис-воркеры и ворклеты
Перевод «Web workers vs Service workers vs Worklets»
SVG-редакторы в браузере
Одна из самых крутых вещей в SVG заключается в том, что несмотря на всю мощность этого инструмента, он остается понятным и легко редактируемым.
Есть множество инструментов для работы с SVG, в том числе браузерные:
👉 editor.method.ac
👉 SVG edit
👉 Vector Paint
👉 Drawing SVG
👉 Vecteezy Editor
👉 Vectr
👉 Janvas
👉 Boxy SVG
👉 RollApp
Подробный список с описаниями: https://prglb.ru/5gefr
#tools #svg
Одна из самых крутых вещей в SVG заключается в том, что несмотря на всю мощность этого инструмента, он остается понятным и легко редактируемым.
Есть множество инструментов для работы с SVG, в том числе браузерные:
👉 editor.method.ac
👉 SVG edit
👉 Vector Paint
👉 Drawing SVG
👉 Vecteezy Editor
👉 Vectr
👉 Janvas
👉 Boxy SVG
👉 RollApp
Подробный список с описаниями: https://prglb.ru/5gefr
#tools #svg
Паттерны реактивности в 2020 году
Большое исследование моделей реактивности в современном фронтенде: https://prglb.ru/3jugh
#frameworks #tools #reactivity #frontend #bestpractices
Большое исследование моделей реактивности в современном фронтенде: https://prglb.ru/3jugh
#frameworks #tools #reactivity #frontend #bestpractices
Руководство по работе с SVG
Огромный гайд по работе с векторной графикой в Adobe Illustrator, Sketch и Figma.
https://prglb.ru/4wn1v
#svg #tools
Огромный гайд по работе с векторной графикой в Adobe Illustrator, Sketch и Figma.
https://prglb.ru/4wn1v
#svg #tools
Mousetrap.js
Легкая библиотека для привязки сочетания клавиш. Поддерживает множество действий и разные раскладки.
На github: https://prglb.ru/3mbx7
#tools #library
Легкая библиотека для привязки сочетания клавиш. Поддерживает множество действий и разные раскладки.
На github: https://prglb.ru/3mbx7
#tools #library
Mo.js
JS-библиотека для создания motion графики на JavaScript. Предоставляет полный контроль над анимацией и множество встроенных компонентов.
Ссылка: https://prglb.ru/35orb
#tools #library #animation
JS-библиотека для создания motion графики на JavaScript. Предоставляет полный контроль над анимацией и множество встроенных компонентов.
Ссылка: https://prglb.ru/35orb
#tools #library #animation
mojs.github.io
mo.js
The official website for mojs
Обзор инструментов JavaScript и TypeScript
Огромная подборка полезных инструментов и сервисов, разделенных по категориям. Срочно в закладки!
https://prglb.ru/my5a
#tools
Огромная подборка полезных инструментов и сервисов, разделенных по категориям. Срочно в закладки!
https://prglb.ru/my5a
#tools
Полезные инструменты для разработки на Vue.js
Малоизвестные, но очень полезные библиотеки: https://proglib.io/w/1b121902
#vue #tools
Малоизвестные, но очень полезные библиотеки: https://proglib.io/w/1b121902
#vue #tools
Smashing Magazine
Useful Tools In Vue.js Web Development — Smashing Magazine
There are some tools that developers that are just getting started with Vue or sometimes, have experience building with Vue sometimes do not know exist to make development in Vue a lot easier. In this article, we’re going to look at a few of these libraries…
Построение микрофронтендов на Vue
Разбор vue-плагина, который упрощает настройку микрофронтенд-архитектуры: https://proglib.io/w/fafe7d1f
#microfrontends #vue #tools
Разбор vue-плагина, который упрощает настройку микрофронтенд-архитектуры: https://proglib.io/w/fafe7d1f
#microfrontends #vue #tools
Что такое Vite: руководство по современному супербыстрому инструменту
Vite - это новое поколение инструментов для разработки фронтенда. Он очень быстрый и не зависит от фреймворка. Разбираемся, может ли он заменить CRA и webpack: https://proglib.io/w/5114eb57
#tools
Vite - это новое поколение инструментов для разработки фронтенда. Он очень быстрый и не зависит от фреймворка. Разбираемся, может ли он заменить CRA и webpack: https://proglib.io/w/5114eb57
#tools
