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
Shipping System Fonts to GitHub,com

Mark Otto explains why GitHub serves the fonts based on your operating system or device. - https://goo.gl/7W9tJK

#css
I wrote some code that automatically checks visualizations for non-colorblind safe colors. Here’s how it works

Earlier this week we released a new feature at Datawrapper that checks colors used in charts or maps for problems with colorblind readers. If problematic colors are found, a warning sign is shown that leads to a colorblind simulation view that helps our users find better colors. This blog post explains how the code works. Perhaps this can open a discussion for future improvement. I also hope that other tools will follow Darawrapper on this path towards more automated accessibility testing. - https://goo.gl/a64m1r

#d3js
5 Practical Ways To Share Code: From NPM to Lerna and Bit

Lerna helps you manage multiple packages stored in a single repository, while Bit lets you share code direct from any repository it’s already in. - https://goo.gl/vdRsGb

#nodejs
Infinite Scroll Techniques In React

Two methods of implementing infinite scroll in React, one from the ground up, another via the use of an existing library. - https://goo.gl/HsPmDA

#react
Coming to ES2018: Rest/Spread Properties

Dr. Axel wrote up some notes on the rest/spread property proposal back in 2016 but it’s now reached stage 4 and will be in ECMAScript 2018, so it’s worth revisiting. - https://goo.gl/LbJMwr

#javascript #es2018
How to Create a Fully Responsive Navbar with Flexbox

Per Harald Borgen shows how to create a navbar which adapts to various screen sizes using Flexbox. - https://goo.gl/dvPfwL

#css
How to Hand Code Scalable Vector Graphics (SVG)

You can export to SVG from drawing tools, but building graphics in a structured, code-based way has its own appeal, and with SVG being supported in every browser, it’s worth trying for your small icons and visual touches. - https://goo.gl/EzwUvz

#svg
Evolving Patterns in React

A look at some of the patterns that are emerging in the React ecosystem. These patterns improve readability, code clarity, and push your code towards composition and reusability. -
https://goo.gl/m4SNyD

#react
Running a Scalable, Reliable GraphQL Endpoint with Serverless

GraphQL is a novel query language that lets you provide rich data services from a single endpoint. Rigging up such an endpoint with the Serverless framework, Lambda, and DynamoDB is covered in this thorough tutorial. - https://goo.gl/a3Q1Ne

#graphQL
Building a Progressive Quiz App with Vue, Vuex, and Firestore

In this tutorial you will learn how to use these technologies together, to create a progressive quiz app. - https://goo.gl/MzjoLc

#vue
Understanding Media Queries in HTML Email

As well as helping you target mobile email clients, unpredictable support for modern Web tech on desktop and webmail clients makes media queries useful there too. - https://goo.gl/NzETMJ

#css #email
Creating Reusable Transitions in Vue

Creating transitions in Vue is fun and easy, but you have to do it again and again in each project. What if we could build reusable transitions and do it without hassle? - https://goo.gl/uMHv3e

#vue