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
3 Methods to Actually Remember What You Learn in Coding Tutorials

Learn these three effective strategies on how to make the content stick by spending some time working with the code, and transforming it in a meaningful way. - http://amp.gs/atQH

#javascript
Managing Long-Running Tasks with Web Workers

Getting around UI-blocking tasks with this technique can unlock your app’s performance and give the users the experience they expect. Let Web Workers take care of your slow running scripts in the background. - http://amp.gs/amVo

#react
Vue.js Functional Components

Another article by Frederik Dietz, this time about functional components. A great technique to know, though keep in mind that the template-first approach to functional components will be obsolete in Vue 3.0. You might want to focus on learning how to use functional components with JSX though! - http://amp.gs/amMh

#vue
Additive Animations in CSS

Daniel C. Wilson demonstrates how to use two simultaneous animations in CSS that modify the same property with the composite option. - http://amp.gs/aZu3

#css
Introducing the Async Cookie Store API (in Chrome 87)

A look at a new API that exposes cookies to service workers and provides an async alternative to document.cookie that also lets you react to cookie changes in real time. - http://amp.gs/apRm

#javascript
Building a Pannable, Zoomable Canvas

Digital mapping proved that panning and zooming are natural and intuitive ways to navigate content which exceeds available screen real estate. This series of well explained and well illustrated examples brings the same concept to any app. - http://amp.gs/alEY

#react
Explore Lottie Animation In Flutter

How to use Lottie, a JSON-based animation file format, in your mobile apps built with Flutter. - http://amp.gs/aBV0

#flutter
73 Awesome NPM Packages for Productivity

This is one of those ‘grab bag’ list style posts we used to include a lot more several years ago, but it’s a reasonably good one if you fancy a quick browse. - http://amp.gs/anhW

#npm
3 Things I Wish I Knew When I Started Using Angular 2+

It’s 2020, and Angular is on version 10 with over 1200 contributors and 18,500 commits. It’s safe to say that this project has picked up some momentum over the years. - http://amp.gs/aGyV

#angular
Comparing Various Ways to Hide Things in CSS

Marko Ilic reviews different techniques for hiding things in CSS and explains how to decide which to use and when. - http://amp.gs/afRL

#css
11 Frontend tricks that most Frontend Developers don’t know about

This post by Daniel Anderson unveils the interesting tricks which a lot of frontend developers don’t know about to do with HTML/ JS/ CSS. - http://amp.gs/aCUJ

#tips
Apple Bringing Face ID and Touch ID to the Web

Multi-factor authentication has taken off online in a big way, but can often require clumsy mechanisms like text messages or third party apps to work. So Apple is bringing its native Face ID and Touch ID mechanisms to the Web on top of the Web Authentication API. - http://amp.gs/akNX

#news
Using A Progressive-Search Optimization When Filtering Arrays In Angular 10.1.6

The other day, Ben looked at a search optimization in Angular 10 in which he use a single, pre-compiled keyword value as his search target. That optimization allows him to search across an aggregation of values with a single operation. In this article, he wanted to follow-up with another search optimization that he enjoys: using a progressive-search to filter on an increasingly small number of records in Angular 10.1.6. - http://amp.gs/a7O4

#angular
Understand Functional Programming In JavaScript

An introduction to understanding how functional programming, a powerful approach when working with JavaScript or other programming languages, works. - http://amp.gs/aPSL

#javascript
Sass Vars, CSS Vars, and Semantic Theme Vars

Dave Rupert outlines some considerations for creating CSS variables with semantic names that work in both light and dark situations. - http://amp.gs/ahU0

#css
What To Know About iPhone 12 Screen Sizes

The 2020 iPhone release brings four new models with three new device sizes including a 5.4” mini. Here’s a recap of what you need to know to update your apps for the new devices. - http://amp.gs/avSf

#news