Front-End Performance Checklist 2019
This popular frontend performance checklist has been updated for the year ahead. - http://amp.gs/VNit
#checklist #performance #2019
This popular frontend performance checklist has been updated for the year ahead. - http://amp.gs/VNit
#checklist #performance #2019
Smashing Magazine
Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word] — Smashing Magazine
Let’s make 2019... fast! A front-end performance checklist (PDF/Apple Pages/MS Word), with everything you need to know to create fast experiences today.
2018 JavaScript Rising Stars
An annual roundup of which JavaScript projects did well in terms of GitHub stars over the prior year in various categories. It’s a bit of a popularity contest but it’s nice to get a feel for what’s going on. - http://amp.gs/VAEt
#javascript
An annual roundup of which JavaScript projects did well in terms of GitHub stars over the prior year in various categories. It’s a bit of a popularity contest but it’s nice to get a feel for what’s going on. - http://amp.gs/VAEt
#javascript
risingstars.js.org
2018 JavaScript Rising Stars
A complete overview of the JavaScript landscape in 2018: trends about front-end and node.js frameworks, tooling, IDE, Static site generators...
Node and JavaScript Testing Best Practices
A well presented collection of 30 best practices for better JavaScript testing, continuous integration, and overall quality. - http://amp.gs/Vsyj
#nodejs #testing
A well presented collection of 30 best practices for better JavaScript testing, continuous integration, and overall quality. - http://amp.gs/Vsyj
#nodejs #testing
Medium
Node.js & JavaScript Testing Best Practices
30+ best practices for better Node JS & JavaScript testing, continuous integration (CI), and overall quality. By Yoni Goldberg
13 Reasons Why You Should Choose/Consider A Move to Flutter in 2019
Some reasons to choose Google’s Flutter as your dev environment. - http://amp.gs/Vswb
#flutter
Some reasons to choose Google’s Flutter as your dev environment. - http://amp.gs/Vswb
#flutter
Medium
13 Reasons Why you should choose/ consider to move to Flutter
13 reasons why you should “come to the dart side” & choose Flutter for development of your next app or to learn flutter to develop app.
The Developer’s Guide to Native Web Animation
A look at native animation options currently available, and what the differences between them are. - http://amp.gs/Vi7z
#css #animation
A look at native animation options currently available, and what the differences between them are. - http://amp.gs/Vi7z
#css #animation
Getting Started with React Native in 2019: Build Your First App
A walkthrough of the basics of getting set up and building your first React Native app. - http://amp.gs/Vib6
#reactNative
A walkthrough of the basics of getting set up and building your first React Native app. - http://amp.gs/Vib6
#reactNative
Hacker Noon
Getting Started with React Native in 2019: Build Your First App
Learn how to build your first React Native app with important basic concepts and where to go from here!
A Look at TypeScript 2.8's Conditional Types
An intro to conditional types, a powerful addition to the type system introduced in TypeScript 2.8 - http://amp.gs/VDvg
#typescript
An intro to conditional types, a powerful addition to the type system introduced in TypeScript 2.8 - http://amp.gs/VDvg
#typescript
Marius Schulz
TypeScript 2.8: Conditional Types
TypeScript 2.8 introduced conditional types, a powerful and exciting addition to the type system.
Star Rating — Make SVG Great Again
Here’s an entertaining guide to creating an SVG-based “star rating” component using Vue.js. - http://amp.gs/VDLo
#star #rating #components
Here’s an entertaining guide to creating an SVG-based “star rating” component using Vue.js. - http://amp.gs/VDLo
#star #rating #components
Medium
Star Rating — Make SVG Great Again
A walkthrough of how I built a generic, highly customizable Vue star rating component (like Google Play’s rating mechanism).
Piecing Together Approaches for a CSS Masonry Layout
A few different ways to approach creating a masonry layout in CSS. - http://amp.gs/VuD1
#css
A few different ways to approach creating a masonry layout in CSS. - http://amp.gs/VuD1
#css
CSS-Tricks
Approaches for a CSS Masonry Layout | CSS-Tricks
Masonry layout, on the web, is when items of an uneven size are laid out such that there aren't uneven gaps. I would guess the term was coined (or at
Firefox Dev Tools for Layout
As of Firefox 65 (in beta), you can inspect layouts that use Flexbox and CSS Grid easily. Here’s a quick look at how. - https://www.youtube.com/watch?v=wdBquUQzN-8
#video #frirefox #devTools
As of Firefox 65 (in beta), you can inspect layouts that use Flexbox and CSS Grid easily. Here’s a quick look at how. - https://www.youtube.com/watch?v=wdBquUQzN-8
#video #frirefox #devTools
YouTube
Quicktip ✨ Firefox Dev Tools for layout
Follow me on Twitter 👉 https://twitter.com/JoubranJad
Learn JavaScript 👉https://learnjavascript.online/?utm_source=fdtl
React Tutorial 👉https://react-tutorial.app/?utm_source=fdtl
Learn Programming 👉 https://learnprogramming.online/?utm_source=fdtl
As of…
Learn JavaScript 👉https://learnjavascript.online/?utm_source=fdtl
React Tutorial 👉https://react-tutorial.app/?utm_source=fdtl
Learn Programming 👉 https://learnprogramming.online/?utm_source=fdtl
As of…
Creating Interactive Text Animations with React Hooks
A fun bit of experimentation with React Hooks, CSS Modules, CSS variables and clip-path in order to animate headings that respond to pointer movements. - http://amp.gs/VJvI
#react
A fun bit of experimentation with React Hooks, CSS Modules, CSS variables and clip-path in order to animate headings that respond to pointer movements. - http://amp.gs/VJvI
#react
Bits and Pieces
Interactive Text Animation with React Hooks
How to animate headings that respond to mouse movements using React Hooks, CSS Modules, CSS variables and clip-path.
Creating a Node gRPC Service Using Mali
gRPC, originally created at Google, is a universal RPC system powered by HTTP/2 and Protocol Buffers. This is a really neat, practical introduction to the concepts involved. - http://amp.gs/V0eb
#nodejs
gRPC, originally created at Google, is a universal RPC system powered by HTTP/2 and Protocol Buffers. This is a really neat, practical introduction to the concepts involved. - http://amp.gs/V0eb
#nodejs
Auth0 - Blog
Creating a Node gRPC Service Using Mali
Learn about the engineering principles, technology, and goals behind the gRPC system by setting up a service. Build a gRPC service using the Mali framework.
How to Drastically Reduce Estimated Input Latency and Time to Interactive of SSR Vue.js Applications
Learn how to solve the problem of a very high Estimated Input Latency of pre-rendered Vue.js or Nuxt.js powered Single Page Applications. - http://amp.gs/VK7V
#vue
Learn how to solve the problem of a very high Estimated Input Latency of pre-rendered Vue.js or Nuxt.js powered Single Page Applications. - http://amp.gs/VK7V
#vue
markus.oberlehner.net
How to Drastically Reduce Estimated Input Latency and Time to Interactive of SSR Vue.js Applications
Learn how to solve the problem of a very high Estimated Input Latency of pre-rendered Vue.js or Nuxt.js powered Single-Page Applications
The Best Way To Unsubscribe RxJS Observable In The Angular Applications!
The RxJS (aka Observable-s ) is a rather new-ish technology in the frontend engineering space. Made popular mostly by its inclusion in the core Angular APIs. It proved to be a very powerful tool when dealing with the collections of asynchronous events. -
http://amp.gs/V3m1
#angular
The RxJS (aka Observable-s ) is a rather new-ish technology in the frontend engineering space. Made popular mostly by its inclusion in the core Angular APIs. It proved to be a very powerful tool when dealing with the collections of asynchronous events. -
http://amp.gs/V3m1
#angular
Angular In Depth
The Best Way To Unsubscribe RxJS Observables In The Angular Applications!
There are many different ways how to handle RxJS subscriptions in Angular applications and we’re going to explore their pros and cons!
Firefox 69 Will Have Flash Disabled by Default
Mozilla has announced that Adobe Flash will be disabled in Firefox 69 (due for release in September). Mozilla plans to remove the plugin from its browser entirely in 2020. - http://amp.gs/VH1v
#firefox #news
Mozilla has announced that Adobe Flash will be disabled in Firefox 69 (due for release in September). Mozilla plans to remove the plugin from its browser entirely in 2020. - http://amp.gs/VH1v
#firefox #news
Neowin
Firefox 69 will have Flash disabled by default
Mozilla has announced that Adobe Flash will be disabled in Firefox 69 which is due for release in September 2019. Mozilla plans to remove the plugin from its browser entirely in 2020.
Why We Need CSS Subgrid
The author argues that whilst the CSS Grid spec “is amazing” there’s still “a gap to be filled by subgrid”. - http://amp.gs/V2Zv
#css
The author argues that whilst the CSS Grid spec “is amazing” there’s still “a gap to be filled by subgrid”. - http://amp.gs/V2Zv
#css
DEV Community
Why we need CSS subgrid
The CSS Grid spec is amazing, but there's still a gap to be filled by `subgrid`.
Keeping A React Design System Consistent
How we use visual regression testing to save time and headaches. - http://amp.gs/V2WH
#react
How we use visual regression testing to save time and headaches. - http://amp.gs/V2WH
#react
commercetools tech
Keeping a React Design System consistent: using visual regression testing to save time and headaches
How we use visual regression testing to save time and headaches
Safari, Firefox, Edge, Chrome: How To Stream Real Time
Lossless Audio: A detailed look at how to stream lossless audio to browsers from the mixanalog team - http://amp.gs/VwFI
#web #audio
Lossless Audio: A detailed look at how to stream lossless audio to browsers from the mixanalog team - http://amp.gs/VwFI
#web #audio
blog:analog
Safari, Firefox, Edge, Chrome: How To Stream Real Time Lossless Audio | blog:analog
How to stream lossless audio plus sideband data to all the major browsers including Safari. What are the pitfalls, how to hit good performance and scale.
Web Standards: The What, The Why, And The How
A look at the history of Web Standards, how to use them in your work, plus ways you can get involved in making them. - http://amp.gs/VFLT
#web #standarts
A look at the history of Web Standards, how to use them in your work, plus ways you can get involved in making them. - http://amp.gs/VFLT
#web #standarts
Smashing Magazine
Web Standards: The What, The Why, And The How — Smashing Magazine
Web Standards, and the documentation to support them, provide huge insight into ‘the why’ and ‘the what’ of the world wide web. In this article, we take a look at the history of Web Standards, how to use them in your work and ways you can get involved in…
Common API Mistakes and How to Avoid Them
Node.js is used for all of the examples although the principles are generic. - http://amp.gs/VXrW
#nodejs
Node.js is used for all of the examples although the principles are generic. - http://amp.gs/VXrW
#nodejs
LogRocket
Common API mistakes and how to avoid them
(with examples in Node.js)