13 JavaScript One-Liners That’ll Make You Look Like a Pro
Step up your JS knowledge in just a few minutes by checking out these 13 JavaScript one-liners that’ll make you look like a pro! - http://amp.gs/QB1p
#javascript
Step up your JS knowledge in just a few minutes by checking out these 13 JavaScript one-liners that’ll make you look like a pro! - http://amp.gs/QB1p
#javascript
Medium
13 JavaScript One-Liners That’ll Make You Look Like a Pro
In just a few minutes, step up your JS knowledge.
Exploring the Complexities of Width and Height in CSS
Uri Shaked and Michal Porag explore the complexities of how CSS computes the width and height dimensions of elements. - http://amp.gs/QBO3
#css
Uri Shaked and Michal Porag explore the complexities of how CSS computes the width and height dimensions of elements. - http://amp.gs/QBO3
#css
CSS-Tricks
Exploring the Complexities of Width and Height in CSS
The following article is co-authored by Uri Shaked and Michal Porag. Let’s explore the complexities of how CSS computes the width and height dimensions of
7 Tips to Go From Beginner to Advanced in Vue.js
Vue.js is my framework of choice for front-end development, and there are many reasons for that. I enjoy the simplicity, the powerful features, and the great performance it provides. - http://amp.gs/Qn8L
#vue
Vue.js is my framework of choice for front-end development, and there are many reasons for that. I enjoy the simplicity, the powerful features, and the great performance it provides. - http://amp.gs/Qn8L
#vue
Medium
7 Tips to Go From Beginner to Advanced in Vue.js
Level up your Vue.js game
How We Improved Smashing Magazine's Performance
It’s no secret Smashing Magazine is one of our favourite sources for high quality articles, so it's interesting to see how they've made it even quicker for you to consume their content by optimizing their React and Jamstack-based site. - http://amp.gs/QnNq
#performance
It’s no secret Smashing Magazine is one of our favourite sources for high quality articles, so it's interesting to see how they've made it even quicker for you to consume their content by optimizing their React and Jamstack-based site. - http://amp.gs/QnNq
#performance
Smashing Magazine
How We Improved SmashingMag Performance — Smashing Magazine
In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected…
RxJS & Angular — Unsubscribe Like a Pro
All the patterns you will ever need to subscribe and unsubscribe from RxJS Observables in your Angular project! - http://amp.gs/QG9M
All the patterns you will ever need to subscribe and unsubscribe from RxJS Observables in your Angular project! - http://amp.gs/QG9M
Medium
RxJS & Angular — Unsubscribe Like a Pro
All the patterns you will ever need to subscribe and unsubscribe from RxJS Observables in your Angular project!
Beautiful Accessibility With Floating Focus
Guido Bouman introduces Floating Focus, an easy to implement focus-state solution that improves accessibility and usability. - http://amp.gs/QxtH
#css
Guido Bouman introduces Floating Focus, an easy to implement focus-state solution that improves accessibility and usability. - http://amp.gs/QxtH
#css
Q42 Engineering
Beautiful accessibility with Floating Focus
A package published by Dutch tech agency Q42 to empower the end user, while keeping the designers on your team happy.
Caching Vue Refs - Abdelrahman Awad
Introducing self-managed-caching on server-side and client-side has a lot of benefits and can help you out when you need atomic control over your data. - http://amp.gs/Qx67
#vue
Introducing self-managed-caching on server-side and client-side has a lot of benefits and can help you out when you need atomic control over your data. - http://amp.gs/Qx67
#vue
The Styled-Components Happy Path
A well-illustrated synthesis of all the author’s ideas which support making your CSS less fragile. It also helps eliminate specificity issues and provides a clean mental model to help you understand what your pages are going to look like. - http://amp.gs/QfcM
#react
A well-illustrated synthesis of all the author’s ideas which support making your CSS less fragile. It also helps eliminate specificity issues and provides a clean mental model to help you understand what your pages are going to look like. - http://amp.gs/QfcM
#react
Joshwcomeau
The styled-components Happy Path
styled-components is a wonderfully powerful styling library for React, and over the years I've learned a lot about how to use it effectively. This article shares my personal “best practices”.
Dealing With Permissions in Angular and NgRx
A base guide to permission and role handling for routes and components with Angular and NgRx - http://amp.gs/QCcU
#angular
A base guide to permission and role handling for routes and components with Angular and NgRx - http://amp.gs/QCcU
#angular
Medium
Dealing With Permissions in Angular and NgRx
A base guide to permission and role handling for routes and components with Angular and NgRx
Building the Twitter UI with Ionic Components
What if you could build any popular UI with Ionic components? This tutorial on building a Twitter UI with Ionic is the start to a new series of tutorials on doing just that. - http://amp.gs/QkwJ
#ionic
What if you could build any popular UI with Ionic components? This tutorial on building a Twitter UI with Ionic is the start to a new series of tutorials on doing just that. - http://amp.gs/QkwJ
#ionic
https://devdactic.com
Building the Twitter UI with Ionic Components
What if you could build any popular UI with Ionic components? This tutorial on building a Twitter UI with Ionic is the start to a new series of tutorials!
Events and Callbacks: Parent/Child Component Communication in Vue - Markus Oberlehner
Did you ever run into problems because you forgot to update an event handler when renaming a custom event or changing the data it emits? Callbacks can solve this, but is it a good idea to use callbacks in a Vue app? Learn why callbacks are considered an anti-pattern in Vue and when to use callbacks instead of events in Vue.js. - http://amp.gs/QeHk
#vue
Did you ever run into problems because you forgot to update an event handler when renaming a custom event or changing the data it emits? Callbacks can solve this, but is it a good idea to use callbacks in a Vue app? Learn why callbacks are considered an anti-pattern in Vue and when to use callbacks instead of events in Vue.js. - http://amp.gs/QeHk
#vue
markus.oberlehner.net
Events and Callbacks: Parent/Child Component Communication in Vue
Learn why callbacks are considered an anti-pattern in Vue and when to use callbacks instead of events in Vue.js.
An Introduction to Aleph: The React Framework in Deno
When the initial creator of Node.js moved on to create Deno to address the ‘10 things that were wrong with it’, that was newsworthy. Intrigued? This is how to get started. - http://amp.gs/Q72o
#react
When the initial creator of Node.js moved on to create Deno to address the ‘10 things that were wrong with it’, that was newsworthy. Intrigued? This is how to get started. - http://amp.gs/Q72o
#react
Medium
Introduction to Aleph - The React Framework in Deno
Aleph is a JavaScript framework that offers you the best developer experience in building modern web applications with React while using…
How to Create a Shrinking Header on Scroll Without JavaScript
Håvard Brynjulfsen explains how to create a shrinking header on scroll using position: sticky. - http://amp.gs/QPDl
#css
Håvard Brynjulfsen explains how to create a shrinking header on scroll using position: sticky. - http://amp.gs/QPDl
#css
CSS-Tricks
How to Create a Shrinking Header on Scroll Without JavaScript | CSS-Tricks
Imagine a header of a website that is nice and thick, with plenty of padding on top and bottom of the content. As you scroll down, it shrinks up on itself,
Awesome Node: Over 600 Curated Node Packages, Resources and Links
We link to this every year or so as it’s a truly definitive list of categorized Node resources and continues to be updated, pruned, and added to over time. - http://amp.gs/QysS
#nodejs
We link to this every year or so as it’s a truly definitive list of categorized Node resources and continues to be updated, pruned, and added to over time. - http://amp.gs/QysS
#nodejs
GitHub
GitHub - sindresorhus/awesome-nodejs: Delightful Node.js packages and resources
:zap: Delightful Node.js packages and resources. Contribute to sindresorhus/awesome-nodejs development by creating an account on GitHub.
Advanced Preloading Strategy For Large Applications In Angular
In Most of the applications we have a requirement of preloading modules before user navigates to a particular page to reduce loading time. In this article we will not be talking about inbuilt preloading support provided by Angular, or the ones using PreloadingStrategy. Instead we will be talking about implementing something that is more suitable for a large scale application and something which is progressive and scalable. - http://amp.gs/Qhuy
#angular
In Most of the applications we have a requirement of preloading modules before user navigates to a particular page to reduce loading time. In this article we will not be talking about inbuilt preloading support provided by Angular, or the ones using PreloadingStrategy. Instead we will be talking about implementing something that is more suitable for a large scale application and something which is progressive and scalable. - http://amp.gs/Qhuy
#angular
Medium
Advanced Preloading Strategy For Large Applications In Angular
Advanced Preloading Strategy For Modules In Large Scale Angular Applications.
How to drastically reduce your bundle size and load time in Vue.js – Karlo Majer
Performance is one of the most important aspects when it comes to web applications. Here’s how we reduced the bundle size and load time of our Vue.js app. - http://amp.gs/QvdH
#vue
Performance is one of the most important aspects when it comes to web applications. Here’s how we reduced the bundle size and load time of our Vue.js app. - http://amp.gs/QvdH
#vue
Medium
How to drastically reduce your bundle size and load time in Vue.js
Performance is one of the most important aspects when it comes to web applications. Here’s how we improved our Vue.js app’s performance.
Free Crash Course To The Nitty-Gritty Of Figma
The collaborative interface design tool Figma is rapidly gaining popularity. If you are a Figma user already or are planning to give the tool a try, Pablo Stanley’s free video course Figma Crash helps you take your Figma skills to the next level. - http://amp.gs/Qgrk
#figma
The collaborative interface design tool Figma is rapidly gaining popularity. If you are a Figma user already or are planning to give the tool a try, Pablo Stanley’s free video course Figma Crash helps you take your Figma skills to the next level. - http://amp.gs/Qgrk
#figma
Zero-Downtime Deploys with DigitalOcean, GitHub, and Docker
Uses a Node-based app to demonstrate the concept, although it could apply to anything else you can run with Docker. - http://amp.gs/QEdu
#nodejs
Uses a Node-based app to demonstrate the concept, although it could apply to anything else you can run with Docker. - http://amp.gs/QEdu
#nodejs
LogRocket Blog
Zero-downtime deploys with DigitalOcean, GitHub, and Docker - LogRocket Blog
Learn to use DigitalOcean, GitHub, and Docker to deploy with zero downtime and scale for services running on two or more droplets.
Three Approaches to Integrate React with Custom Elements
“the idea that React cannot integrate deeply with Web Components is a myth”, asserts the author, who then boldly goes on to explain precisely how to do it. - http://amp.gs/QVyt
#react
“the idea that React cannot integrate deeply with Web Components is a myth”, asserts the author, who then boldly goes on to explain precisely how to do it. - http://amp.gs/QVyt
#react
CSS-Tricks
3 Approaches to Integrate React with Custom Elements | CSS-Tricks
In my role as a web developer who sits at the intersection of design and code, I am drawn to Web Components because of their portability. It makes sense: