Cards Hover Animation Using Vue.js
Learn how to create a beautiful a list of cards that animate when hovered, or clicked on mobile, using Vue.js. This is the latest article in a great series on building UI widgets called Widget of the Week. - http://bit.ly/2J48PmN
#vue
Learn how to create a beautiful a list of cards that animate when hovered, or clicked on mobile, using Vue.js. This is the latest article in a great series on building UI widgets called Widget of the Week. - http://bit.ly/2J48PmN
#vue
gitconnected - The Developer Learning Community
Cards hover animation — WotW – gitconnected - The Developer Learning Community
Welcome to the Widget of the Week series, where I take gifs or videos of awesome UI/UX components, and bring them to life with code. I’ve been quite busy for a couple of weeks, preparing and giving a…
CSS Grid in IE: Debunking Common IE Grid Misconceptions
Daniel Tonon shows how to use CSS grid in a way that will work not only in modern browsers but also in Internet Explorer.
- http://bit.ly/2MXuHCJ
#css #grid
Daniel Tonon shows how to use CSS grid in a way that will work not only in modern browsers but also in Internet Explorer.
- http://bit.ly/2MXuHCJ
#css #grid
CSS-Tricks
CSS Grid in IE: Debunking Common IE Grid Misconceptions | CSS-Tricks
This is the first in a three-part series all about how to use CSS grid in a way that will work not only in modern browsers but also in Internet Explorer
Understanding JSX Compilation in VueJS
Have you ever wondered how render functions are created by virtual DOM-based libraries like Vue.js? This article details the three key steps: parse, transform and generate. - http://bit.ly/2KVFFwf
#vue
Have you ever wondered how render functions are created by virtual DOM-based libraries like Vue.js? This article details the three key steps: parse, transform and generate. - http://bit.ly/2KVFFwf
#vue
Medium
Understanding JSX Compilation in VueJS
In the JavaScript World, you may be seeing a lot of frameworks coming in, each of them has their own syntax in building web applications…
react-day-picker: A Flexible Date Picker for React
No external dependencies. Fully customizable, with ARIA support. - http://bit.ly/2udknyY
#react #datepicker
No external dependencies. Fully customizable, with ARIA support. - http://bit.ly/2udknyY
#react #datepicker
GitHub
gpbl/react-day-picker
Lightweight date picker component for React. Contribute to gpbl/react-day-picker development by creating an account on GitHub.
Using face-api.js: Face Recognition in the Browser with TensorFlow.js
A library bringing face detection, recognition and landmark detection to the browser. - http://bit.ly/2J13xsh
#javascript
A library bringing face detection, recognition and landmark detection to the browser. - http://bit.ly/2J13xsh
#javascript
ITNEXT
face-api.js — JavaScript API for Face Recognition in the Browser with tensorflow.js
A JavaScript API for Face Detection, Face Recognition and Face Landmark Detection
Building Browser Extensions with React
Rubberduck adds IDE-like features to GitHub via a browser extension which was built using React. Here’s how they made it work. - http://bit.ly/2m3r17i
#react
Rubberduck adds IDE-like features to GitHub via a browser extension which was built using React. Here’s how they made it work. - http://bit.ly/2m3r17i
#react
www.rubberduck.io
Rubberduck blog: Building browser extensions with React
Finish your code reviews faster
Offline-Friendly Forms
One of the most requested features that I get for offline web apps are forms that work regardless of the connection. This is a great overview along with an example Codepen. - http://bit.ly/2KPcPg2
#javascript
One of the most requested features that I get for offline web apps are forms that work regardless of the connection. This is a great overview along with an example Codepen. - http://bit.ly/2KPcPg2
#javascript
Max Böck
Offline-Friendly Forms
Forms on the web don't usually play nice with bad connections. If you try to submit a form while offline, you'll most likely just lose your input. Here's how we might fix that.
Add i18n and Manage Translations of a Vue.js Powered Website
Setting up a Vue.js website with internationalization (i18n) support sounds daunting at first, but it may be easier than you think! This tutorial shows you how to do it with VueI18n. - http://bit.ly/2mdX58k
#vue
Setting up a Vue.js website with internationalization (i18n) support sounds daunting at first, but it may be easier than you think! This tutorial shows you how to do it with VueI18n. - http://bit.ly/2mdX58k
#vue
Medium
Add i18n and manage translations of a Vue.js powered website
Setting up a Vue.js website with internationalization (i18n) support sounds daunting at first, but it's easier than one might think.
Layoutit: A CSS Grid Layout Interface Builder
A very quick online way to put together a CSS grid layout and get the code needed to make it happen. We saw this getting some love on Twitter and were impressed with it ourselves. - http://bit.ly/2Lg167i
#css #grid
A very quick online way to put together a CSS grid layout and get the code needed to make it happen. We saw this getting some love on Twitter and were impressed with it ourselves. - http://bit.ly/2Lg167i
#css #grid
React Native at Airbnb: The Technology
The second post in a series where Airbnb details their experiences with React Native and discusses what’s next for them in mobile. This digs into the tech side of why it didn’t pan out for them. - http://bit.ly/2KYKcdh
#reactNative
The second post in a series where Airbnb details their experiences with React Native and discusses what’s next for them in mobile. This digs into the tech side of why it didn’t pan out for them. - http://bit.ly/2KYKcdh
#reactNative
Medium
React Native at Airbnb: The Technology
The technical details
Asynchrony: Under the Hood
Filmed at the recent JSConf EU, this talk deftly explores the conceptual underpinnings of asynchronous programming approaches, and the drawbacks and advantages of each. - http://bit.ly/2zkqNSG
#javascript #video
Filmed at the recent JSConf EU, this talk deftly explores the conceptual underpinnings of asynchronous programming approaches, and the drawbacks and advantages of each. - http://bit.ly/2zkqNSG
#javascript #video
YouTube
Asynchrony: Under the Hood - Shelley Vohr - JSConf EU
This talk will explore the conceptual underpinnings of asynchronous programming options, and the drawbacks and advantages to each. JS has supported callbacks...
Rental Cars, Destiny’s Child and Error Handling with Vue.js
There are at least two reasons why you would want to set up custom error handling in your JS project: one is pragmatic and the other is scary. Learn how you can catch every error in your Vue.js app in this fun and interesting tutorial by Lars Eidnes. - http://bit.ly/2L6dE49
#vue
There are at least two reasons why you would want to set up custom error handling in your JS project: one is pragmatic and the other is scary. Learn how you can catch every error in your Vue.js app in this fun and interesting tutorial by Lars Eidnes. - http://bit.ly/2L6dE49
#vue
Medium
Rental cars, Destiny’s Child and error handling with Vue.js
Why you should handle your errors, a story from the trenches
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.