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)
Building Component Libraries in Angular
Angular CLI is one of the best tools available for building Angular applications. CLI conveniently allows developers to create new project that have testing, type script transpilation and other things.
- http://amp.gs/VLrM
#angular
Angular CLI is one of the best tools available for building Angular applications. CLI conveniently allows developers to create new project that have testing, type script transpilation and other things.
- http://amp.gs/VLrM
#angular
Narasimha Chakravarti's Blog
Building Component Libraries in Angular
Photo by Janko Ferlic from Pexels Angular CLI is one of the best tools available for building Angular applications. CLI conveniently allows developers to create new project that have testing, type …
Dissecting Frontend Job Titles
An attempt to break down the common career labels and designations found in the frontend space, bringing a little clarity on the supposed nuances between them all. - http://amp.gs/VWU0
#frontend
An attempt to break down the common career labels and designations found in the frontend space, bringing a little clarity on the supposed nuances between them all. - http://amp.gs/VWU0
#frontend
Prototypr
Dissecting Front-end Job Titles
It used to be straight forward. There was front-end, there was backend, and often there was a graphic designer. In the world of web…
Building a Desktop App with Vue: NW.js
This article describes how to build a desktop application with Vue.js framework and NW.js library. - http://amp.gs/Vakv
#vue #nw
This article describes how to build a desktop application with Vue.js framework and NW.js library. - http://amp.gs/Vakv
#vue #nw
Why I Don’t Use React Router
“While I’m sure React-Router works quite well for a lot of people, I’ve always disliked working with React-Router. I’ll try to summarize my reasons.” - http://amp.gs/VMnT
#redux
“While I’m sure React-Router works quite well for a lot of people, I’ve always disliked working with React-Router. I’ll try to summarize my reasons.” - http://amp.gs/VMnT
#redux
Matthew Gerstman
Redux with Code-Splitting and Type Checking
How do you code-split your store so you’re not serving unnecessary JavaScript on a single page? And while you’re working on code splitting, how do you get it to play nicely with TypeScript so that you can trust what’s going in and coming out of the store?