5 Keys to Accessible Web Typography
A solid introduction to the basics and best practices of accessible web typography. - http://amp.gs/OwEH
#typography
A solid introduction to the basics and best practices of accessible web typography. - http://amp.gs/OwEH
#typography
Better Web Type
5 Keys to Accessible Web Typography
I wrote about fluid web typography in last month’s blog post and I realised that a lot of the popular implementation techniques come with accessibility issues. So I wanted to go back and revisit the basics and the best practices of accessible web typography.
Several ES2019 Features You Can Use Today
A brief look at Object.fromEntries, trimStart, trimEnd, flat, flatMap, and more. - http://amp.gs/OwM7
#javascript #es2019
A brief look at Object.fromEntries, trimStart, trimEnd, flat, flatMap, and more. - http://amp.gs/OwM7
#javascript #es2019
LogRocket Blog
5 ES2019 features you can use today - LogRocket Blog
Since ES6 was introduced in 2015, TC39 has released a new ES standard each year. Check out these five new features available for use right now in ES2019.
Building 'Micro Frontends' with React, Vue, and Single SPA
A look at how to use multiple JavaScript frameworks in a single-page application.. if you so wished. - http://amp.gs/OFRo
#microfrontend
A look at how to use multiple JavaScript frameworks in a single-page application.. if you so wished. - http://amp.gs/OFRo
#microfrontend
DEV Community
Building Micro Frontends with React, Vue, and Single-spa
How to use multiple JavaScript frameworks in a single-page application.
Bringing A Healthy Code Review Mindset To Your Team
Sandrina Pereira shares some advice on overcoming feedback resistance and managing time expectations.
- http://amp.gs/OFad
#css
Sandrina Pereira shares some advice on overcoming feedback resistance and managing time expectations.
- http://amp.gs/OFad
#css
Smashing Magazine
Bringing A Healthy Code Review Mindset To Your Team — Smashing Magazine
Take a moment to remember the last time you collaborated in a code review. Did your team overcome feedback resistance and manage time expectations? Fostering a healthy mindset is the key to build trust and sharing knowledge with your colleagues.
Using Push Notifications with Service Workers and Node
An easy to follow introduction to rigging up a front-end notifications system with a Node backend pushing out the messages. - http://amp.gs/OXe8
#nodejs
An easy to follow introduction to rigging up a front-end notifications system with a Node backend pushing out the messages. - http://amp.gs/OXe8
#nodejs
Marcin Wanago Blog - JavaScript, both frontend and backend
Using Push Notifications with Service Workers and Node.js
In this article, we cover another feature that we can implement with the help of Service Workers – Push Notifications. They come in handy if we need a fast channel of communicating with our users. We not only learn how to implement them in terms of code,…
Everything You Need to Know About Date in JavaScript
Runs through what you need to know about Date objects. - http://amp.gs/OXbh
#javascript
Runs through what you need to know about Date objects. - http://amp.gs/OXbh
#javascript
CSS-Tricks
Everything You Need to Know About Date in JavaScript
Date is weird in JavaScript. It gets on our nerves so much that we reach for libraries (like Date-fns and Moment) the moment (ha!) we need to work with
A React Fiber Deep Dive with Dan Abramov
A fun but long (almost 2 hours!) video where Jenn Creighton and Dan Abramov help out two React developers overwhelmed by divs! A truly deep dive into the React Fiber engine and basically like getting a workshop for free. - https://www.youtube.com/watch?v=aS41Y_eyNrU
#video #abramov
A fun but long (almost 2 hours!) video where Jenn Creighton and Dan Abramov help out two React developers overwhelmed by divs! A truly deep dive into the React Fiber engine and basically like getting a workshop for free. - https://www.youtube.com/watch?v=aS41Y_eyNrU
#video #abramov
YouTube
SMOOSHCAST: React Fiber Deep Dive with Dan Abramov
Jani and Phil got a problem. There are too many damn divs! With the help of Jenn Creighton and special guest Dan Abramov, we learn how to hack React Fiber reconciler internals to make the world a less div-ided place.
In this deep dive you'll learn how to…
In this deep dive you'll learn how to…
Introduction to Vue lifecycle hooks
In this post, we will learn about all of the hooks available for use in your Vue JS workflow. - http://amp.gs/OLi0
#vue
In this post, we will learn about all of the hooks available for use in your Vue JS workflow. - http://amp.gs/OLi0
#vue
LogRocket Blog
Introduction to Vue lifecycle hooks - LogRocket Blog
Help control your workflow by using lifecycle hooks to add custom logic at different stages of the lifecycle of your Vue instance.
Inspired Design Decisions: Avaunt Magazine
Andy Clarke explains how to design and implement skinny columns using meaningful markup and efficient CSS. - http://amp.gs/OWNi
#css
Andy Clarke explains how to design and implement skinny columns using meaningful markup and efficient CSS. - http://amp.gs/OWNi
#css
Smashing Magazine
Inspired Design Decisions: Avaunt Magazine — Smashing Magazine
This is the first edition of Inspired Design Decisions in which Andy Clarke explains how to design and implement skinny columns using meaningful markup and efficient CSS.
The 10 Component Commandments
A handy walkthrough of 10 ‘practical commandments’ for creating components that you can share widely and that other developers will actually want to use. #6 is controversial, though. - http://amp.gs/Oa9U
#react
A handy walkthrough of 10 ‘practical commandments’ for creating components that you can share widely and that other developers will actually want to use. #6 is controversial, though. - http://amp.gs/Oa9U
#react
DEV Community
The 10 Component Commandments
10 golden rules to live by when you're designing your React component APIs
Having fun with Angular and Typescript Transformers
Do you know the burden of handling your RxJs subscriptions manually? Did you ever forget one? Did you ever run into the problem that you thought you would be safe with the use of the async pipe in the template and then after some time a new requirement comes in and you realize that you need a subscribe call in your component class as well? This may be a smell for a bad design of some of your components, but let's be honest: Sometimes it is the right way in order to get things done.
- http://amp.gs/OoBw
#angular
Do you know the burden of handling your RxJs subscriptions manually? Did you ever forget one? Did you ever run into the problem that you thought you would be safe with the use of the async pipe in the template and then after some time a new requirement comes in and you realize that you need a subscribe call in your component class as well? This may be a smell for a bad design of some of your components, but let's be honest: Sometimes it is the right way in order to get things done.
- http://amp.gs/OoBw
#angular
10 Things You Should Know Before Writing Your Next Vuejs Component
Vuejs provides two ways to load components one globally at the Vue instance and the other at the component level. both methods provide their own benefits; loading a component globally makes it… - http://amp.gs/OM8a
#vue
Vuejs provides two ways to load components one globally at the Vue instance and the other at the component level. both methods provide their own benefits; loading a component globally makes it… - http://amp.gs/OM8a
#vue
Medium
10 Things You Should Know Before Writing Your Next Vue.js Component
A Guide to building better Vue components
Debugging JavaScript Like a Pro with Google Chrome
Chrome’s DevTools have a lot to offer in the debugging department for every JavaScript developer. - http://amp.gs/OM5H
#javascript
Chrome’s DevTools have a lot to offer in the debugging department for every JavaScript developer. - http://amp.gs/OM5H
#javascript
Medium
Debugging Javascript Like a Pro
Discover the best debugging tools Chrome has to offer
How to Do Scroll-Linked Animations the Right Way
Alvin Wan describes how to create scroll-linked animations.
- http://amp.gs/O5J8
#css
Alvin Wan describes how to create scroll-linked animations.
- http://amp.gs/O5J8
#css
LogRocket Blog
How to use scroll-linked animations the right way - LogRocket Blog
When it comes to scroll-linked animations, here are two takeaway tips: use Javascript observer patterns and CSS where possible.
Avoiding Recursive useEffect Hooks
The dependency array passed to the useEffect hook tells React when the effect should be re-run, but.. what happens if you update some state and cause a loop? Here’s how to avoid the problem. - http://amp.gs/OQD9
#react
The dependency array passed to the useEffect hook tells React when the effect should be re-run, but.. what happens if you update some state and cause a loop? Here’s how to avoid the problem. - http://amp.gs/OQD9
#react
Optimizing Google Fonts Performance
Google Fonts are simple enough to implement, but can have a big impact on page load times. Here’s how to load them in the most optimal way. - http://amp.gs/Oc03
#fonts
Google Fonts are simple enough to implement, but can have a big impact on page load times. Here’s how to load them in the most optimal way. - http://amp.gs/Oc03
#fonts
Smashing Magazine
Optimizing Google Fonts Performance — Smashing Magazine
Google Fonts are easy to implement, but they can have a big impact on your page load times. Let’s explore how we can load them in the most optimal way.
Building a CRUD App with Vue and GraphQL
Let’s put our knowledge of GraphQL to use by creating a simple app in Vue.js and sending GraphQL queries for creating, reading, updating, and deleting data. - http://amp.gs/O6Np
#vue #graphql
Let’s put our knowledge of GraphQL to use by creating a simple app in Vue.js and sending GraphQL queries for creating, reading, updating, and deleting data. - http://amp.gs/O6Np
#vue #graphql
Jscrambler
Building a CRUD App with Vue and GraphQL | Jscrambler Blog
Let's put our knowledge of GraphQL to use by creating a simple app in Vue.js and sending GraphQL queries for creating, reading, updating, and deleting data.
How to Boost Angular Performance with Lazy Loading (Part 3)
Lazy loading modules are a great feature to incorporate in your projects and in most cases, the functionality is enough. But what happens when you are using non-routable modules? As a developer, you probably already know that component templates are not always fixed and you may need to dynamically create and load components at runtime. In part 3 of 3, we’ll guide you through a step by step solution for how to load dynamically, at runtime, a predefined set of modules and components in your application, all while taking advantage of the optimization benefits of using Ahead-of-Time compilation. - http://amp.gs/Obsh
#angular
Lazy loading modules are a great feature to incorporate in your projects and in most cases, the functionality is enough. But what happens when you are using non-routable modules? As a developer, you probably already know that component templates are not always fixed and you may need to dynamically create and load components at runtime. In part 3 of 3, we’ll guide you through a step by step solution for how to load dynamically, at runtime, a predefined set of modules and components in your application, all while taking advantage of the optimization benefits of using Ahead-of-Time compilation. - http://amp.gs/Obsh
#angular
Gistia
Boosting Angular’s Performance With Lazy Loading (Part 3)
Make sure that your Angular application not only looks awesome but also performs well. In part 3 learn to load dynamically, at runtime, a set of predefined modules and components in your application w
Confused by const? Me Too!
Constants in JavaScript don’t necessarily behave the way you think they would, and unless you’re storing an unchanging, primitive value, maybe you should use let suggests Brian. - http://amp.gs/rILN
#javascript
Constants in JavaScript don’t necessarily behave the way you think they would, and unless you’re storing an unchanging, primitive value, maybe you should use let suggests Brian. - http://amp.gs/rILN
#javascript
DEV Community
Confused by JavaScript's const? Me too!
Constants in JavaScript don't necessarily behave the way you think they would.
One Simple Trick to Optimize React Re-renders
An illustration of a natural, built-in performance optimization that doesn’t require using things like React.memo, PureComponent, or shouldComponentUpdate. - http://amp.gs/rj3P
#react
An illustration of a natural, built-in performance optimization that doesn’t require using things like React.memo, PureComponent, or shouldComponentUpdate. - http://amp.gs/rj3P
#react
Kentcdodds
One simple trick to optimize React re-renders
Without using React.memo, PureComponent, or shouldComponentUpdate