An Introduction to Feature Policy
We linked to the spec last week, but this introduction to Feature Policy, a feature that lets developers selectively enable, disable, and modify the behavior of certain APIs and features in the browser, is a much better introduction - http://bit.ly/2KWL9Xx
#web
We linked to the spec last week, but this introduction to Feature Policy, a feature that lets developers selectively enable, disable, and modify the behavior of certain APIs and features in the browser, is a much better introduction - http://bit.ly/2KWL9Xx
#web
Google Developers
Introduction to Feature Policy | Web | Google Developers
Feature Policy allows developers to selectively enable, disable, and modify the behavior of certain APIs and features in the browser. It's like CSP, but for features! Shipped in Chrome 60.
Doing Vue After Three Years with React
“I want to share my experience of dealing with Vue after being a devoted React developer for a few years.” - http://bit.ly/2ueegui
#vue
“I want to share my experience of dealing with Vue after being a devoted React developer for a few years.” - http://bit.ly/2ueegui
#vue
Medium
Doing Vue after three years with React
I was working with React for the last few years, first separately, then together with Redux and other libraries from the React-universe…
Building a Screenshot Capture Tool with Electron, React and Node
This basic tutorial threads together a few technologies in an interesting way. - http://bit.ly/2NeoN09
#nodejs #react #electron
This basic tutorial threads together a few technologies in an interesting way. - http://bit.ly/2NeoN09
#nodejs #react #electron
Quantizd
Building a Snipping Tool with Electron, React and Node.js
Modern web browsers allow us to access connected media devices like microphones, cameras, and screens through MediaDevices interface. Since Electron uses chromium and Nodejs, [crayon-64758cd6f34890…
What is Redux: A Designer’s Guide
A really neat high-level approach to explaining Redux and what it offers beyond state management. - http://bit.ly/2JrKmIE
#redux
A really neat high-level approach to explaining Redux and what it offers beyond state management. - http://bit.ly/2JrKmIE
#redux
Smashing Magazine
What Is Redux: A Designer’s Guide — Smashing Magazine
Do you know Redux's real power is beyond managing the state? As designers, if we understand the advantages and downsides of Redux, we'll be able to contribute to this decision making from the perspective of design.
How Angular Resolves Dynamic Components
What happens under the hood when you use Angular’s resolveComponentFactory? - http://bit.ly/2L9pmv6
#angular
What happens under the hood when you use Angular’s resolveComponentFactory? - http://bit.ly/2L9pmv6
#angular
Bits and Pieces
How Angular Resolves Dynamic Components
What really happens when we use the resolveComponentFactory method in Angular?
Managing State in Vue.js
This article compares and contrasts the key patterns for managing state in Vue.js applications including Vuex, event bus, and global state. - http://bit.ly/2uwOeTa
#vue
This article compares and contrasts the key patterns for managing state in Vue.js applications including Vuex, event bus, and global state. - http://bit.ly/2uwOeTa
#vue
Medium
Managing State in Vue.js
By Hassan Djirdeh (@djirdehh)
CSS Grid Level 2: Here Comes Subgrid
CSS Grid Level 2’s headline feature is support for subgrids (the idea that nested grids can take their parent grids into account). In this article, Rachel Andrew explains what’s new and how it will work once it’s fully specced. - http://bit.ly/2uv3fVv
#css #grid
CSS Grid Level 2’s headline feature is support for subgrids (the idea that nested grids can take their parent grids into account). In this article, Rachel Andrew explains what’s new and how it will work once it’s fully specced. - http://bit.ly/2uv3fVv
#css #grid
Smashing Magazine
CSS Grid Level 2: Here Comes Subgrid
CSS Grid Level 2 is already in the process of being specified, and the main feature of this level of the spec is to bring us subgrid. In this article, Rachel Andrew explains the new features.
Reduce JavaScript Payloads with Tree Shaking
Knowing where to begin optimizing your app’s JavaScript can be daunting — tree shaking might be a good place to start. - http://bit.ly/2KRYvUZ
#javascript
Knowing where to begin optimizing your app’s JavaScript can be daunting — tree shaking might be a good place to start. - http://bit.ly/2KRYvUZ
#javascript
Google Developers
Reduce JavaScript Payloads with Tree Shaking | Web Fundamentals
| Google Developers
| Google Developers
Knowing where to begin optimizing your application's JavaScript can be daunting. If you're taking advantage of modern tooling such as webpack, however, tree shaking might be a good place to start!
Build an Infinite Scroll component using Intersection Observer API
When building applications you often come across the case where you need to design a list or search interface for the user. - http://bit.ly/2Lg2Tt2
#vue
When building applications you often come across the case where you need to design a list or search interface for the user. - http://bit.ly/2Lg2Tt2
#vue
vueschool.io
Build an Infinite Scroll component using Intersection Observer API - Vue School Articles
undefined
Create a Form Wizard with Data Loss Prevention using Formik and React Router - http://bit.ly/2ulN3pF
#react
#react
Code Daily
Create a Form Wizard with Data Loss Prevention using Formik and React Router
In this lesson we'll explore using Formik to create a form wizard. Each route will be a new piece of a form. We'll then use `Prompt` and `matchPath` to determine if we need to protect our data from being destroyed by navigating away from the page.
Fitting Text to a Container
Having an incredibly large heading text that completely fills the container has been a bit of a trend in recent times. I quite enjoy the look and have tended to use FitText to get it to work with different length headings, here are a few more options from Chris. - http://bit.ly/2umjLYI
#css
Having an incredibly large heading text that completely fills the container has been a bit of a trend in recent times. I quite enjoy the look and have tended to use FitText to get it to work with different length headings, here are a few more options from Chris. - http://bit.ly/2umjLYI
#css
CSS-Tricks
Fitting Text to a Container | CSS-Tricks
There are a number of ways to go about putting some text in a container and having it size itself to fill that container. There are different technologies we
Building Mobile Apps with Capacitor and Vue.js
Learn how to use Capacitor and cutting-edge web technologies such as Vue.js and Ionic 4 web components to build cross-platform mobile apps for Android and iOS. - http://bit.ly/2NfaVmx
#vue
Learn how to use Capacitor and cutting-edge web technologies such as Vue.js and Ionic 4 web components to build cross-platform mobile apps for Android and iOS. - http://bit.ly/2NfaVmx
#vue
Smashing Magazine
Building Mobile Apps With Capacitor And Vue.js — Smashing Magazine
In this tutorial, you’ll learn how to use Capacitor and cutting-edge web technologies such as Vue.js and Ionic 4 web components to build cross-platform mobile applications for Android and iOS.
Rendering Large Lists with React Virtualized
How to use ‘react-virtualized’ to display a large amount of data efficiently. - http://bit.ly/2uinq9c
#react
How to use ‘react-virtualized’ to display a large amount of data efficiently. - http://bit.ly/2uinq9c
#react
LogRocket
Rendering large lists with React Virtualized
Learn how to use react-virtualized to display a large amount of data efficiently with react-virtualized.
ES2017 Object and String Extensions
Covering Object.entries, Object.values, Object.getOwnPropertyDescriptors, String.padStart and String.padEnd. - http://bit.ly/2uoeq2Z
#javascript #es2017
Covering Object.entries, Object.values, Object.getOwnPropertyDescriptors, String.padStart and String.padEnd. - http://bit.ly/2uoeq2Z
#javascript #es2017
How CSS works: Creating layers with z-index
I was working on a demo this week and had to bring some text in front of an image. I had placed a z-index on the image (along with some other rules) but couldn’t get it to layer properly until I added some positioning to it. This tutorial goes into further details about what to remember when it comes to layering things on the z index. - http://bit.ly/2Lhhapk
#css
I was working on a demo this week and had to bring some text in front of an image. I had placed a z-index on the image (along with some other rules) but couldn’t get it to layer properly until I added some positioning to it. This tutorial goes into further details about what to remember when it comes to layering things on the z index. - http://bit.ly/2Lhhapk
#css
LogRocket Blog
How CSS works: Creating layers with z-index - LogRocket Blog
Z-index is a CSS property that overcomes many layout challenges. Learn about z-index and its caveats to manage the pitfalls of multilayered UIs.
Would Airbnb Have Fared Better With NativeScript Instead of React Native?
TJ VanToll walks through Airbnb’s complaints with React Native, and offers thoughts on how some of those same problems could’ve been handled in NativeScript. - http://bit.ly/2mexRH3
#reactnative #nativescript
TJ VanToll walks through Airbnb’s complaints with React Native, and offers thoughts on how some of those same problems could’ve been handled in NativeScript. - http://bit.ly/2mexRH3
#reactnative #nativescript
carbon-now-cli: Create Beautiful Images of Code From Your Terminal
It’s a terminal client for the awesome Carbon tool. - http://bit.ly/2uNyJr1
#nodejs #tools
It’s a terminal client for the awesome Carbon tool. - http://bit.ly/2uNyJr1
#nodejs #tools
GitHub
GitHub - mixn/carbon-now-cli: 🎨 Beautiful images of your code — from right inside your terminal.
🎨 Beautiful images of your code — from right inside your terminal. - GitHub - mixn/carbon-now-cli: 🎨 Beautiful images of your code — from right inside your terminal.