A Deep Dive into Pointer Compression in V8
A very technical post that, gladly, you don’t need to understand in order to enjoy that pointer compression lets the latest version of the V8 JavaScript engine use as much memory as if it were 32 bit while having 64 bit performance. - http://amp.gs/KO6r
#nodejs
A very technical post that, gladly, you don’t need to understand in order to enjoy that pointer compression lets the latest version of the V8 JavaScript engine use as much memory as if it were 32 bit while having 64 bit performance. - http://amp.gs/KO6r
#nodejs
v8.dev
Pointer Compression in V8 · V8
V8 reduced its heap size up to 43%! Learn how in “Pointer Compression in V8”!
Use NgRx Schematics and NgRx Entity to Speed Up Your Development Process
Nowadays, we developers are so lazy that coding becomes stressful and annoying, but what if there is a way to lessen the pain? - http://amp.gs/KSG2
#angular
Nowadays, we developers are so lazy that coding becomes stressful and annoying, but what if there is a way to lessen the pain? - http://amp.gs/KSG2
#angular
Medium
Use NgRx Schematics and NgRx Entity to Speed Up Your Development Process
Good developers are lazy
HTML DOM: A Resource for Solving DOM Problems with Native APIs
A guide with a list of different things we might normally do with a JavaScript library, but can now be done using native APIs. - http://amp.gs/KNlD
#javascript
A guide with a list of different things we might normally do with a JavaScript library, but can now be done using native APIs. - http://amp.gs/KNlD
#javascript
1LOC
Manage HTML DOM with vanilla JavaScript - HTML DOM
VueConf US 2020 | Vue Mastery
Watch 3 videos from VueConf US 2020, which took place in Austin, TX, USA on March 2-4, 2020 - http://amp.gs/KAyy
#vue #conference
Watch 3 videos from VueConf US 2020, which took place in Austin, TX, USA on March 2-4, 2020 - http://amp.gs/KAyy
#vue #conference
How to Build a Telegram Bot for GitHub Actions
Make a Telegram bot with Node.js and use it with GitHub Actions for sending notifications to you about a repo. - http://amp.gs/KqE8
#nodejs
Make a Telegram bot with Node.js and use it with GitHub Actions for sending notifications to you about a repo. - http://amp.gs/KqE8
#nodejs
Level Up Your CSS Animation Skills
Donovan Hutchinson created a CSS animation course with almost 4 hours of lessons that explain how to build practical animations. - https://www.youtube.com/playlist?list=PLHKH6Uj0SeeY6xlZ7nIwtjjgZIOD1WHGL
#css
Donovan Hutchinson created a CSS animation course with almost 4 hours of lessons that explain how to build practical animations. - https://www.youtube.com/playlist?list=PLHKH6Uj0SeeY6xlZ7nIwtjjgZIOD1WHGL
#css
YouTube
Level Up Module 1: Animated hero header - YouTube
Migrating from Hugo to Gatsby and React Land
Cloudflare recently moved one of its documentation sites from Hugo (a fast Go-powered static site generator) to Gatsby.js and React. A curious move but ‘well worth the effort’ and well explained in this why-and-how article. - http://amp.gs/KsAn
#react
Cloudflare recently moved one of its documentation sites from Hugo (a fast Go-powered static site generator) to Gatsby.js and React. A curious move but ‘well worth the effort’ and well explained in this why-and-how article. - http://amp.gs/KsAn
#react
The Cloudflare Blog
Migrating to React land: Gatsby
As our developer documentation grows so does the need for tooling. Let’s walk through how we migrated our documentation site to Gatsby to take full advantage of static generation and React.
Prettier 2.0 “2020” Released
The popular code formatter now adds better defaults, a better CLI, TypeScript 3.8 feature support (e.g. export * as ns), and lots more. - http://amp.gs/Kiee
#prettier
The popular code formatter now adds better defaults, a better CLI, TypeScript 3.8 feature support (e.g. export * as ns), and lots more. - http://amp.gs/Kiee
#prettier
prettier.io
Prettier 2.0 “2020” · Prettier
Better defaults, a better CLI and better heuristics. Oh, and TypeScript 3.8.
Vue.js Headless Component - Frederik Dietz
A renderless component (or like in this case called “headless components”) is a powerful pattern that utilizes scoped slots to encapsulate functionality while not pushing for any specific UI solutions. Definitely something to be picked up by every Vue developer. At least until composition-api becomes widely available. - http://amp.gs/KiK0
#vue
A renderless component (or like in this case called “headless components”) is a powerful pattern that utilizes scoped slots to encapsulate functionality while not pushing for any specific UI solutions. Definitely something to be picked up by every Vue developer. At least until composition-api becomes widely available. - http://amp.gs/KiK0
#vue
DEV Community
Vue.js Headless Component
Headless components aim for maximum flexibility by completely separating the logic from the rendering.
4 CSS Grid Properties (and One Value) for Most of Your Layout Needs
Anna Prenzel shows the smallest possible set of grid properties you need to know to meet most of your layout needs. - http://amp.gs/Ku1B
#css
Anna Prenzel shows the smallest possible set of grid properties you need to know to meet most of your layout needs. - http://amp.gs/Ku1B
#css
CSS-Tricks
4 CSS Grid Properties (and One Value) for Most of Your Layout Needs | CSS-Tricks
CSS Grid provides us with a powerful layout system for websites. The CSS-Tricks guide gives you a comprehensive overview of Grid’s properties with layout
Jam on your MIDI keyboard in Angular
Web MIDI API is an interesting tool. Even though it has been around for a while now, it is still only supported by Chrome. In this article we create a playable synthesizer in Angular. It is time we bring Web Audio API to the next level! - http://amp.gs/K0Tk
#angular
Web MIDI API is an interesting tool. Even though it has been around for a while now, it is still only supported by Chrome. In this article we create a playable synthesizer in Angular. It is time we bring Web Audio API to the next level! - http://amp.gs/K0Tk
#angular
newline
Jam on your MIDI keyboard in Angular | newline
Web MIDI API is an interesting tool. Even though it has been around for a while now, it is still only supported by Chrome. But that's not gonna stop us from creating a playable synthesizer in Angular. It is time we bring Web Audio API to the next level!
Vue.js Functional Components - Frederik Dietz
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/KKB3
#vue
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/KKB3
#vue
DEV Community
Vue.js Functional Components
In the previous article we looked into headless components and how to achieve maximum flexiblity by s...
Working With PDFs in Node Using pdf-lib
The pdf-lib npm module is a great tool for creating/editing PDFs with Node. Here’s how to put it to work. - http://amp.gs/K3mL
#nodejs
The pdf-lib npm module is a great tool for creating/editing PDFs with Node. Here’s how to put it to work. - http://amp.gs/K3mL
#nodejs
The Code Barbarian
Working With PDFs in Node.js Using pdf-lib
The pdf-lib npm module makes it easy to create and modify PDFs, including combining two PDFs and adding page numbers. Here's what you need to know.
Getting JavaScript to Talk to CSS and Sass
Despite being bedfellows for years, sharing data between JavaScript and CSS has not always been the simplest task. - http://amp.gs/KHf7
#javascript
Despite being bedfellows for years, sharing data between JavaScript and CSS has not always been the simplest task. - http://amp.gs/KHf7
#javascript
CSS-Tricks
Getting JavaScript to Talk to CSS and Sass
JavaScript and CSS have lived beside one another for upwards of 20 years. And yet it’s been remarkably tough to share data between them. There have been
Make your Angular Application Accessible for Everybody
Accessibility is an essential topic for every modern web application. Accessibility means that everyone can use your web application. As devs, it’s easy to assume that all users can see or interact with a page as we do. But there is a range of people that do not belong to the “typical” user. People may have visual, physical, auditory, or cognitive problems. - http://amp.gs/K29V
#angular
Accessibility is an essential topic for every modern web application. Accessibility means that everyone can use your web application. As devs, it’s easy to assume that all users can see or interact with a page as we do. But there is a range of people that do not belong to the “typical” user. People may have visual, physical, auditory, or cognitive problems. - http://amp.gs/K29V
#angular
Medium
Make your Angular application accessible for everybody
How to setup automated accessibility tests for your Angular application
element.focus vs aria-activedescendant
Zell Liew did in-depth research on element.focus and aria-activedescendant methods to manage focus for both keyboard users and screen readers. - http://amp.gs/KwvI
#css
Zell Liew did in-depth research on element.focus and aria-activedescendant methods to manage focus for both keyboard users and screen readers. - http://amp.gs/KwvI
#css
Zell Liew
Element.focus vs aria-activedescendant | Zell Liew
I did in-depth research on these two methods and I'd like to share my findings in this article. In the end, I recommend you use element.focus over aria-activedescendant
11 Useful Custom React Hooks for Your Next App
A listicle, sure, but there are some useful recommendations here if you fancy the browse. - http://amp.gs/KFdN
#react
A listicle, sure, but there are some useful recommendations here if you fancy the browse. - http://amp.gs/KFdN
#react
Medium
11 Useful Custom React Hooks for Your Next Web App
Top 11 recommended ReactJS custom Hooks — with examples.
Is Apple Trying to Kill PWAs?
Any time Apple releases something there is always some noise about it. As mentioned in last week’s issue, this time it’s in regards to browser storage and data deletion after seven days. Here’s a break down of this and what it really means for developers.- http://amp.gs/KXJp
#mobile #pwa
Any time Apple releases something there is always some noise about it. As mentioned in last week’s issue, this time it’s in regards to browser storage and data deletion after seven days. Here’s a break down of this and what it really means for developers.- http://amp.gs/KXJp
#mobile #pwa
The Ionic Blog
Is Apple trying to kill PWAs?
It seems that any time Apple releases something there is bound to be some noise regarding it. This time, it's in regards to browser storage and Apple’s recent proclamation that such data will be deleted after 7 days. Well let's break this down and see what…