FrontEnd Development
30.9K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
JetBrains Open Sources Its 'Ring UI' Web UI Components
Over 50 React controls built and used at JetBrains - https://goo.gl/vJG8dV

#react #components
StackBlitz: An Online VS Code IDE for Angular + React Dev
Get the VS Code experience in your browser. - https://goo.gl/TMnQij

#vscode #online
Presenting the d3.loom chart - A new plugin to create butterfly, fan-like, axe shaped charts
I’d like to “formally” introduce and explain a new (and my first) d3 plugin to create a chart that I’ve started calling “the loom”...The loom layout is meant to create a chart with a group of entities in the center and different group of entities on the outside. They are connected by strings where the thickness of the string on the outside represents the connection (i.e. value) of the inner and outer entity... -
https://goo.gl/yi4hXp

#d3js
How I built a wind map with WebGL
I have an unflattering confession to make: for the last few years working at Mapbox, I avoided direct OpenGL/WebGL programming like a plague. For one reason: the OpenGL API and terminology deeply terrified me... -
https://goo.gl/JeE5yr

#webGL
Geographic - D3's approach to rendering geographic information
This chapter looks at D3’s approach to rendering geographic information...D3’s approach differs to so called raster methods such as Leaflet and Google Maps. - https://goo.gl/EpeLX2

#d3js #geo
How to Launch Android Emulators and iOS Simulators From the Command Line
TJ VanToll shows how he set up command line commands to launch the iOS and Android simulators to simplify the workflow when building a mobile app. - https://goo.gl/B5TtfJ

#mobile #emulator
10 Guidelines to Improve Your Web Accessibility
Some guidelines to improve the accessibility of your site from color choices through to helpful tools and HTML element choices. -
https://goo.gl/Hkzzhw

#webAccessibility
Panning and Zooming with D3v4
All that’s necessary for panning and zooming is a translation [tx, ty] and a scale factor k. When a zoom transform is applied to an element at position [x0, y0], its new position becomes [tx + k × x0, ty + k × y0]. That’s it. Everything else is just sugar and spice on top of this simple transform...The major difference between zooming in D3v3 and D3v4 is that the behavior (dealing with events) and the transforms (positioning elements) are more separated. In v3, they used to be part of the behavior whereas, in v4, they’re part of the element on which the behavior is called...To illustrate, let’s plot 4 points. The rest of this post will only deal with data in one dimension... - https://goo.gl/aPwY5R

#d3js #zooming #panning
Production Ready Microservices In Action
A practical guide for cloud native Microservice development. -
https://goo.gl/cgtWVk

#microservice