Learn Z-Index Using a Visualization Tool
Thiru Manikandan explains everything you need to know about z-index and shares a nifty visualization tool that will show you the z-index changes in real-time. - http://amp.gs/2ufw
#css
Thiru Manikandan explains everything you need to know about z-index and shares a nifty visualization tool that will show you the z-index changes in real-time. - http://amp.gs/2ufw
#css
Reusing UI Components at Enterprise Level
An engineer at PayPal explains how they share UI components across their various products. - http://amp.gs/2JkP
#javascript
An engineer at PayPal explains how they share UI components across their various products. - http://amp.gs/2JkP
#javascript
Medium
Sharing UI components at an enterprise level
Check out some of the tools we use at PayPal to share UI components across our products.
An analysis of developer productivity, work cadence, and collaboration in the early days of COVID-19
GitHub shares some insights based on the data they're seeing. - http://amp.gs/20G7
#news
GitHub shares some insights based on the data they're seeing. - http://amp.gs/20G7
#news
The GitHub Blog
Octoverse spotlight: An analysis of developer productivity, work cadence, and collaboration in the early days of COVID-19
Following the 2019 Octoverse report, this latest article provides trends and insights into developer activity on GitHub in the early days of COVID-19.
What Are Github Actions and How Can You Automate Tests and Slack Notifications?
A thorough walkthrough to building two Node-flavored workflows for GitHub’s Actions CI/CD system both to test Node code and also to send a Slack notification when a pull request is created. - http://amp.gs/2KBA
#nodejs
A thorough walkthrough to building two Node-flavored workflows for GitHub’s Actions CI/CD system both to test Node code and also to send a Slack notification when a pull request is created. - http://amp.gs/2KBA
#nodejs
freeCodeCamp.org
What are Github Actions and How Can You Automate Tests and Slack Notifications?
Automation is a powerful tool. It both saves us time and can help reduce human error. But automation can be tough and can sometimes prove to be costly. How can Github Actions help harden our code and give us more time to work on features instead of bugs?
The 'Top Types' any and unknown in TypeScript
They’re not top types because they’re the best types 😂 .. but they’re essentially ‘universal’ types that can contain all values (in opposition to the never type which is the empty set). - http://amp.gs/23GZ
#typescript
They’re not top types because they’re the best types 😂 .. but they’re essentially ‘universal’ types that can contain all values (in opposition to the never type which is the empty set). - http://amp.gs/23GZ
#typescript
How to Create a Motion Hover Effect for a Background Image Grid
Mary Lou shares a short tutorial on how to achieve a motion hover effect on a background image grid. - http://amp.gs/23bz
#css
Mary Lou shares a short tutorial on how to achieve a motion hover effect on a background image grid. - http://amp.gs/23bz
#css
Codrops
How to Create a Motion Hover Effect for a Background Image Grid | Codrops
If you follow our UI Interactions & Animations Roundups, you might have spotted this beautiful grid designed by the
In defense of the Angular framework
The author of this article is here to share their experience of being a primarily React developer, shipping React code in production to using Angular for a production application. - http://amp.gs/2HKS
#angular
The author of this article is here to share their experience of being a primarily React developer, shipping React code in production to using Angular for a production application. - http://amp.gs/2HKS
#angular
DEV Community
In defense of the Angular framework
Over the past month and a half I've been working on a single-page app with Angular. When I heard that...
Understanding Reactivity in Vue 3.0
The Vue.js core team member Jinjiang has written an amazing, in-depth article about the reactivity system that can be found in Vue 3.0. It talks about how the reactivity API has evolved from what we had in Vue 2.x and it even shows how you can use the Vue’s new standalone reactivity with React. - http://amp.gs/223x
#vue
The Vue.js core team member Jinjiang has written an amazing, in-depth article about the reactivity system that can be found in Vue 3.0. It talks about how the reactivity API has evolved from what we had in Vue 2.x and it even shows how you can use the Vue’s new standalone reactivity with React. - http://amp.gs/223x
#vue
DEV Community 👩💻👨💻
Understanding Reactivity in Vue 3.0
This article is just written for my knowledge and understanding of the coolest part in Vue: the react...
The Service Worker Lifecycle Explained
Explaining the lifecycle of Service Workers in PWAs and how to update them as fast as possible. - http://amp.gs/2wrU
#javascript
Explaining the lifecycle of Service Workers in PWAs and how to update them as fast as possible. - http://amp.gs/2wrU
#javascript
Felixgerschau
Service Worker Lifecycle Explained | Felix Gerschau
Explaining the lifecycle of Service Workers in PWAs and how to update them as fast as possible.
Five Common Mistakes When Writing React Components
We quite often find doing something wrong the first time is more instructive that doing it right and being none the wiser. The next best thing is to closely examine how somebody else did it wrong and learning from their mistakes instead of our own. - http://amp.gs/2FNc
#react
We quite often find doing something wrong the first time is more instructive that doing it right and being none the wiser. The next best thing is to closely examine how somebody else did it wrong and learning from their mistakes instead of our own. - http://amp.gs/2FNc
#react
www.lorenzweiss.de
Five common mistakes writing react components (with hooks) in 2020
The most common mistakes I found while writing react components, why they are mistakes and how to avoid or fix them.
Configuring Application Color Scheme
Artur Basak has written an article about configuring the application color scheme using CSS Variables. - http://amp.gs/2Xqw
#css
Artur Basak has written an article about configuring the application color scheme using CSS Variables. - http://amp.gs/2Xqw
#css
Custom Decorators in Angular
Routine actions, repeated from time to time, lead to duplication of code and leave a bitter aftertaste of bad smell as the project grows. - http://amp.gs/2LRM
#angular
Routine actions, repeated from time to time, lead to duplication of code and leave a bitter aftertaste of bad smell as the project grows. - http://amp.gs/2LRM
#angular
Medium
Custom Decorators in Angular
An overview of the effective use of custom decorators in everyday scenarios.
A Practical Guide to moment-timezone
If you like Moment’s approach to manipulating dates and times but work a lot with timezones, you might appreciate this extension which brings IANA’s time zone database to the party. - http://amp.gs/2WRQ
#nodejs
If you like Moment’s approach to manipulating dates and times but work a lot with timezones, you might appreciate this extension which brings IANA’s time zone database to the party. - http://amp.gs/2WRQ
#nodejs
The Code Barbarian
A Practical Guide to moment-timezone
An introduction to moment-timezone, the library for formatting dates in any timezone in Node.js.
Track Your (Android) Smartphone in Physical Space with JavaScript
Leans on the Generic Sensor APIs so you’re limited to Android for now, but it’s fun to see the potential. - http://amp.gs/2ahk
#javascript
Leans on the Generic Sensor APIs so you’re limited to Android for now, but it’s fun to see the potential. - http://amp.gs/2ahk
#javascript
Medium
Track Your Smartphone in 2D With JavaScript
Imagine what you can do with this new medium of interaction
Context and Provider Pattern with the Vue 3 Composition API
Learn how to use the Vue 3 Composition API to replicate the React Context and Provider API. - http://amp.gs/2aL4
#vue
Learn how to use the Vue 3 Composition API to replicate the React Context and Provider API. - http://amp.gs/2aL4
#vue
markus.oberlehner.net
React Context and Provider Pattern with the Vue 3 Composition API
Learn how to use the Vue 3 Composition API to replicate the React Context and Provider API.
How to Use the React Testing Library
Being fully confident in React components requires a test regimen which enables you to experience the app as an end user would. This richly illustrated tutorial walks you though the React Testing Library. It just might make RTL your ‘go to’ testing library. - http://amp.gs/2oyI
#react
Being fully confident in React components requires a test regimen which enables you to experience the app as an end user would. This richly illustrated tutorial walks you though the React Testing Library. It just might make RTL your ‘go to’ testing library. - http://amp.gs/2oyI
#react
The Hamburger Menu
Mikael Ainalem shares a step by step guide to creating a Hamburger Menu in SVG & CSS. - http://amp.gs/2oMs
#css
Mikael Ainalem shares a step by step guide to creating a Hamburger Menu in SVG & CSS. - http://amp.gs/2oMs
#css
Medium
The 🍔 menu
A step by step guide to creating a Hamburger Menu animation in SVG & CSS
Exporting a Web Page as PDF or PNG from Node
A walkthrough of using the Playwright browser automation library for fetching pages and creating screenshots of them, including dealing with cookies and auth. Browserless is also briefly covered for when you want to go into production. - http://amp.gs/2M7q
#nodejs
A walkthrough of using the Playwright browser automation library for fetching pages and creating screenshots of them, including dealing with cookies and auth. Browserless is also briefly covered for when you want to go into production. - http://amp.gs/2M7q
#nodejs
www.thedreaming.org
Exporting a web page as PDF or PNG from Node.js
Random musings from Jason Walton, software developer and sometimes photograper.
Quick Tip for Angular Forms: Keep your markAllAsTouched DRY
This article will help you keep your markAllAsTouched() dry when using Angular forms. - http://amp.gs/2M2L
#angular
This article will help you keep your markAllAsTouched() dry when using Angular forms. - http://amp.gs/2M2L
#angular
Medium
Quick Tip for Angular Forms: Keep your markAllAsTouched DRY
Working with Angular Forms validation you’ve probably used the following code in your HTML to show errors: