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

Admin: @andrey2019
Download Telegram
Email Accessibility in Action

Rémi Parmentier shares four tips to improve email accessibility, illustrated with videos. - https://goo.gl/pL71H6

#css
An Overview of JavaScript Testing in 2018

A thorough, opinionated guide to catching up with the key terms, tools, and approaches to testing with JavaScript in 2018. - https://goo.gl/Hh1smb

#javaScript #testing
React Native Pros and Cons

This article takes a look at the advantages of React Native, why it’s so popular, and some potential drawbacks you might want to consider. - https://goo.gl/PPrSpM

#reactNative
Developing Games with React, Redux, and SVG

A meaty first step in a series on creating a game built around the mechanic of React and Redux controlling SVG elements. - https://goo.gl/nUYcxc

#react
Build a Download Button Full of Micro Interactions

Luis Manuel shows how to build a download button full of micro-interactions using CSS, SVG, and JavaScript. - https://goo.gl/nMnkgL

#css
A Guide to Writing Dockerfiles for Node Webapps

A step-by-step guide to writing optimized Dockerfiles for Node apps to assist in both development and deployment. - https://goo.gl/XRujqz

#nodejs #docker
Making SVG icon libraries for React apps

Nicolas Gallagher describes how to make a package of React components from a library of SVG icons. - https://goo.gl/GCksL5

#react #svg
CSS Grid Layout — Crossed Sections

Rafaela Ferro gives an introduction to CSS Grid and its potential with a practical example - https://goo.gl/rmG8j3

#css #grid
A Look at the State of Progressive Images and User Perception

We all want images to load fast: “Choosing the right image format, optimizing the quality and using responsive images are important tasks, but what can we do beyond that?” - https://goo.gl/cdsQgF

#frontEnd #images
How to Model the Behavior of Redux Apps with Statecharts

“describing states & the events that transition from one state into another is a well studied concept” and statecharts provide a way to visually represent this. - https://goo.gl/L6B7hz

#react #redux
GraphQL as an API Gateway to Microservices

In this post, you can explore something you might not have thought of before: employing GraphQL on your API gateway! Read on for the details - https://goo.gl/t74xES

#nodejs #graphQL
React vs Vue

Both React and Vue have gained a lot of attention and interest from the developer’s community for the past 3 years. - https://goo.gl/NVyUZ6

#react #vue
Drawing Better Looking Curves

I’ve recently been learning about how to draw smoother curves that look more appealing…A common technique in professional CAD and font design software is to use a visualisation technique called a curvature comb to see how sharp or flat a curve is along its path…Here’s an example of a curvature comb being used in Fontlab VI to smooth out bumpy spots in a font…To explain how this works, let’s explore how Bézier curves work using SVG and D3… -
https://goo.gl/79AUTX

#d3js
HEAD: A List of Things That Go In The 'head' Element

Meta tags, link tags, Twitter card info, browser-specific directives, and more. - https://goo.gl/QYkvGL

#html