The CSS File Size and Count Report for Premier League sites
Silvestar Bistrović analyzed the CSS of the Premier League sites, and the results are, sadly, not surprising — an average homepage is bloated with CSS. - http://amp.gs/cI7J
#css
Silvestar Bistrović analyzed the CSS of the Premier League sites, and the results are, sadly, not surprising — an average homepage is bloated with CSS. - http://amp.gs/cI7J
#css
Css-Auditors
The CSS File Size and Count Report for Premier League sites
In this report, we are going to focus on the size of CSS. The aim of the report is to understand how much CSS code is needed to build a site.
How to Add A YouTube Player in A Flutter App
A small, quick tour of how to add a video player to your app. - http://amp.gs/cj7L
#flutter
A small, quick tour of how to add a video player to your app. - http://amp.gs/cj7L
#flutter
Medium
Adding YouTube player to Flutter app
This is a small and quick tour of how you can add a youtube player to the flutter app.
Building Vue 3 Reactivity from Scratch
Vue 3 has a super neat reactivity system based on the ES6 Proxy object. In this article, you'll learn to build a simplified version of Vue's reactivity system. - http://amp.gs/cjXR
#vue
Vue 3 has a super neat reactivity system based on the ES6 Proxy object. In this article, you'll learn to build a simplified version of Vue's reactivity system. - http://amp.gs/cjXR
#vue
lachlan-miller.me
Vue 3 Reactivity from Scratch
Build a Vue 3 inspired rectivity system.
Avoiding Race Conditions and Memory Leaks with useEffect
A succinct look at dealing with a couple of common pitfalls with the useEffect Hook. - http://amp.gs/c87k
#react
A succinct look at dealing with a couple of common pitfalls with the useEffect Hook. - http://amp.gs/c87k
#react
Wisdom Geek
Avoiding race conditions and memory leaks in React useEffect - Wisdom Geek
When making API calls, it is possible to run into race conditions using useEffect. To fix it, we need to cancel all asynchronous tasks in the cleanup function.
Progressive Web Apps in 2021
Are progressive web apps dead? This article covers the current status of PWAs, market share, what's new, what's missing, new challenges and new capabilities. - http://amp.gs/cT83
#pwa
Are progressive web apps dead? This article covers the current status of PWAs, market share, what's new, what's missing, new challenges and new capabilities. - http://amp.gs/cT83
#pwa
firt.dev
Progressive Web Apps in 2021－firt.dev
The current status of the PWA platform, abilities, compatibility, app store distribution, PWA market share and more insights about the state of the platform
Avoiding npm Substitution Attacks
Recently there have been some high profile examples of supply chain attacks on popular source code repositories, such as where fake or eponymous packages are published, but you can reduce your attack surface by taking precautions and managing dependencies. Here's some tips when using npm. - http://amp.gs/cTR6
#nodejs
Recently there have been some high profile examples of supply chain attacks on popular source code repositories, such as where fake or eponymous packages are published, but you can reduce your attack surface by taking precautions and managing dependencies. Here's some tips when using npm. - http://amp.gs/cTR6
#nodejs
The GitHub Blog
Avoiding npm substitution attacks
Supply chain attacks are a reality in modern software development, but you can reduce attack surface by taking precautions and managing dependencies.
Tech: Top 5 Angular Features That Make Your Development Experiences A Lot Better - http://amp.gs/czTn
#angular
#angular
Medium
Tech: Top 5 Angular Features That Make Your Development Experiences A Lot Better
These features will make you fall in love with Angular again
Exploring @property and its Animating Powers
Jhey Tompkins explains how @property works. - http://amp.gs/cz5s
#css
Jhey Tompkins explains how @property works. - http://amp.gs/cz5s
#css
CSS-Tricks
Exploring @property and its Animating Powers
Uh, what’s @property? It’s a new CSS feature! It gives you superpowers. No joke, there is stuff that @property can do that unlocks things in CSS we’ve never been able to do before. While everything…
JavaScript Performance Beyond Bundle Size
Nolan ponders why ‘bundle size’ is such a common thing to focus on when it comes to JavaScript performance and shares a collection of useful tools to study it further, if you wish, before moving on to more significant concerns ‘beyond the bundle.’ A really good read. Alex Russell reminds us to test on real mobile hardware too. - http://amp.gs/c120
#javascript
Nolan ponders why ‘bundle size’ is such a common thing to focus on when it comes to JavaScript performance and shares a collection of useful tools to study it further, if you wish, before moving on to more significant concerns ‘beyond the bundle.’ A really good read. Alex Russell reminds us to test on real mobile hardware too. - http://amp.gs/c120
#javascript
Read the Tea Leaves
JavaScript performance beyond bundle size
There’s an old story about a drunk trying to find his keys in the streetlight. Why? Well, because that’s where it’s the brightest. It’s a funny story, but also relatable, be…
How to use TypeScript to Create Vue Apps with Vue Class Components
An alternative way to create Vue components is to use the vue-class-component library which creates class-based components. Let's see how it works in conjunction with TypeScript. - http://amp.gs/cY3C
#vue
An alternative way to create Vue components is to use the vue-class-component library which creates class-based components. Let's see how it works in conjunction with TypeScript. - http://amp.gs/cY3C
#vue
OpenReplay Blog
How to use TypeScript to Create Vue Apps with Vue Class Components
Vue.js is a popular, easy to use, front end web development framework.
Understanding Property Binding in Angular 110
This post takes a look at property binding in Angular, a one-way data-binding technique used to transfer data that has multiple use cases so you can play around with it and find more resourceful ways to make it a part of your Angular workflow. - http://amp.gs/ct32
#angular
This post takes a look at property binding in Angular, a one-way data-binding technique used to transfer data that has multiple use cases so you can play around with it and find more resourceful ways to make it a part of your Angular workflow. - http://amp.gs/ct32
#angular
Telerik Blogs
Understanding Property Binding Angular 11
Let’s take a look at property binding in Angular, a one-way data-binding technique used to transfer data.
Introducing Env: A Better Way to Read Environment
Variables — If you write server-side JavaScript, chances are you’ve needed to read information from environment variables, such as access tokens for third party APIs. Env is Nicholas’s approach to making this process safer and less error-prone.- http://amp.gs/cmOC
#nodejs
Variables — If you write server-side JavaScript, chances are you’ve needed to read information from environment variables, such as access tokens for third party APIs. Env is Nicholas’s approach to making this process safer and less error-prone.- http://amp.gs/cmOC
#nodejs
Humanwhocodes
Introducing Env: a better way to read environment variables in JavaScript
If you write server-side JavaScript, chances are you’ve need to read information from environment variables. It’s considered a best practice to share sensitive information, such as access tokens, inside of environment variables to...
Before You memo()
There might be some optimization techniques which may actually be more effective than immediately reaching for memo or useMemo; two of them are decribed here. - http://amp.gs/cZUS
#react
There might be some optimization techniques which may actually be more effective than immediately reaching for memo or useMemo; two of them are decribed here. - http://amp.gs/cZUS
#react
overreacted.io
Before You memo()
Rendering optimizations that come naturally.
5 Common Mistakes Developers Do that Affect Page Load Time
Is your web site too slow? Find out where it could have gone wrong and to avoid the common pitfalls - http://amp.gs/cpOo
#web
Is your web site too slow? Find out where it could have gone wrong and to avoid the common pitfalls - http://amp.gs/cpOo
#web
Medium
5 Common Mistakes Developers Do that Affect Page Load Time
Is your web site too slow? Find out where it could have gone wrong and to avoid the common pitfalls
Programmatically Generate Images with CSS Painting API
Viduni Wickramarachchi shows how to programmatically generate geometric images on the fly using the CSS Painting API. - http://amp.gs/clPP
#css
Viduni Wickramarachchi shows how to programmatically generate geometric images on the fly using the CSS Painting API. - http://amp.gs/clPP
#css
Medium
Programmatically Generate Images with CSS Painting API
A JavaScript API for dynamic image creation coupled with CSS
4 Ways to Handle SEO with Vue (Without Node SSR)
Server-side rendering with Node may not be the only option for SEO in Vue.js single-page applications. - http://amp.gs/cBPJ
#vue
Server-side rendering with Node may not be the only option for SEO in Vue.js single-page applications. - http://amp.gs/cBPJ
#vue
Medium
Yes, here are 4 ways to handle SEO with Vue (even without Node SSR)
SSR with Node isn’t the only way to handle SEO with Vue, or any SPA for that matter. So here are 4 ways to handle SEO with Vue JS.
Designing scalable Angular applications
The main design recommendation is to introduce an additional layer between component and service classes. It is normally called “Abstraction” or “Facade” layer. Article writers say — this layer acts as sandbox. It only delegates the calls from UI components to the service / core layer and doesn’t have any business logic. - http://amp.gs/cBuH
#angular
The main design recommendation is to introduce an additional layer between component and service classes. It is normally called “Abstraction” or “Facade” layer. Article writers say — this layer acts as sandbox. It only delegates the calls from UI components to the service / core layer and doesn’t have any business logic. - http://amp.gs/cBuH
#angular
Medium
Designing scalable Angular applications
What is the best scalable architecture for Angular applications? This is a difficult question. If you search for “scalable Angular…
Working with Protobufs in Node
Protocol buffers (a.k.a. protobufs) are a language and platform neutral format for sending structured data around (think XML or JSON but lower level). - http://amp.gs/cneW
#nodejs
Protocol buffers (a.k.a. protobufs) are a language and platform neutral format for sending structured data around (think XML or JSON but lower level). - http://amp.gs/cneW
#nodejs
The Code Barbarian
Working with Protobufs in Node.js
Kafka is a powerful distributed pub/sub platform that is popular in large organizations. Here's how you can get started with Kafka in Node.js using the KafkaJS npm module.
Creating a Chrome Extension with React
It could be the app you’re about to develop from scratch is better suited to being delivered as a browser extension. This article will help you decide. - http://amp.gs/cGeX
#react
It could be the app you’re about to develop from scratch is better suited to being delivered as a browser extension. This article will help you decide. - http://amp.gs/cGeX
#react
Medium
Creating a Chrome Extension with React
Last week I started building a chrome extension for a product. The extension was built with React as a view engine to render a popup. So I…