Color: From Hexcodes to Eyeballs
Why do we perceive background-color: #9B51E0 as this particular purple?…This is one of those questions where I thought I’d known the answer for a long time, but as I inspected my understanding, I realized there were pretty significant gaps…Through an exploration of electromagnetic radiation, optical biology, colorimetry, and display hardware, I hope to start filling in some of these gaps… - http://bit.ly/2ES4iBT
#color
Why do we perceive background-color: #9B51E0 as this particular purple?…This is one of those questions where I thought I’d known the answer for a long time, but as I inspected my understanding, I realized there were pretty significant gaps…Through an exploration of electromagnetic radiation, optical biology, colorimetry, and display hardware, I hope to start filling in some of these gaps… - http://bit.ly/2ES4iBT
#color
Zero Wind :: Jamie Wong
Color: From Hexcodes to Eyeballs
If you're curious about rainbows, colorimetry, gamma encoding, and experiments run in the late 1920s, then this is the post for you!
How to Build a Chat App with React and Pusher Chatkit
A pretty neat and extensive walkthrough, though it relies on a third party in-beta service. - http://bit.ly/2qzzzV2
#react
A pretty neat and extensive walkthrough, though it relies on a third party in-beta service. - http://bit.ly/2qzzzV2
#react
GitHub
pusher/build-a-slack-clone-with-react-and-pusher-chatkit
In this tutorial, you'll learn how to build a chat app with React, complete with typing indicators, online status, and more. - pusher/build-a-slack-clone-with-react-and-pusher-chatkit
The Comprehensive Guide to JavaScript Design Patterns
Design patterns are reusable solutions to commonly occurring problems in software design. In this post Marko Mišura takes a look at some of the categories and then dives into the nitty gritty - https://goo.gl/j5zuoT
#javascript
Design patterns are reusable solutions to commonly occurring problems in software design. In this post Marko Mišura takes a look at some of the categories and then dives into the nitty gritty - https://goo.gl/j5zuoT
#javascript
Toptal Engineering Blog
The Comprehensive Guide to JavaScript Design Patterns
Design patterns are reusable solutions to commonly occurring problems in software design. Let's take a look at how they work and explore some popular JavaScript design patterns.
Vue.js and Webpack 4 From Scratch
A walkthrough of creating a Webpack 4 build for a Vue.js “Hello World” application including linting, testing, and hot module reloading. - http://bit.ly/2qDoDWu
#vue #webpack
A walkthrough of creating a Webpack 4 build for a Vue.js “Hello World” application including linting, testing, and hot module reloading. - http://bit.ly/2qDoDWu
#vue #webpack
ITNEXT
Vue.js and Webpack 4 From Scratch, Part 1
Part 1: Up and running
Iron Man’s Arc Reactor Using CSS3 Transforms and Animations
Kunal Sarkar shows how to create an animated Arc reactor from Iron Man’s suit using CSS. - https://goo.gl/KZtepD
#css
Kunal Sarkar shows how to create an animated Arc reactor from Iron Man’s suit using CSS. - https://goo.gl/KZtepD
#css
CSS-Tricks
Iron Man’s Arc Reactor Using CSS3 Transforms and Animations | CSS-Tricks
Alright Iron Man fans, fire up your code editors! We are going to make the Arc Reactor from Iron Man’s suit in CSS. We'll walk through every step so you can see exactly makes what happen.
Build Your Own Vue.js Router
In this four-part series, Alex Jover Morales creates a front-end router from scratch with VueJS to help you understand the concepts behind this important component of single-page apps. - http://bit.ly/2HHPRna
#vue
In this four-part series, Alex Jover Morales creates a front-end router from scratch with VueJS to help you understand the concepts behind this important component of single-page apps. - http://bit.ly/2HHPRna
#vue
Vue.js Tutorials
Creating Your Own Router - Vue js Tutorials and Courses
Probably you've been using routers in the frontend world for a while, but... have you ever written one by yourself? Do you know the foundations of a router? It might seem like it just works, but under the hood a router must take care of several things. A…
Examples of Everything New in ES2016, 2017, and 2018
This is a worthwhile roundup of all the new bits and pieces in recent ECMAScript specs, but note that SharedBufferArray support has been disabled in most runtimes due to Spectre, so give that a miss. - http://bit.ly/2H2ZBv7
#javascript
This is a worthwhile roundup of all the new bits and pieces in recent ECMAScript specs, but note that SharedBufferArray support has been disabled in most runtimes due to Spectre, so give that a miss. - http://bit.ly/2H2ZBv7
#javascript
freeCodeCamp
Here are examples of everything new in ECMAScript 2016, 2017, and 2018
It’s hard to keep track of what’s new in JavaScript (ECMAScript). And it’s even harder to find useful code examples.
Vue Login Animation
Implementing super smooth animations in your Vue App.
- http://bit.ly/2qH0Wh9
#vue
Implementing super smooth animations in your Vue App.
- http://bit.ly/2qH0Wh9
#vue
GeekyAnts Blog
Vue Login Animation
Implementing super smooth animations in your Vue App
Introducing the Payment Request API for Apple Pay
Safari 11.1 on macOS and Safari on iOS 11.3 now support the W3C Payment Request API for conducting Apple Pay transactions on the web. - http://bit.ly/2JUTAOL
#mobile
Safari 11.1 on macOS and Safari on iOS 11.3 now support the W3C Payment Request API for conducting Apple Pay transactions on the web. - http://bit.ly/2JUTAOL
#mobile
WebKit
Introducing the Payment Request API for Apple Pay
We’re pleased to announce that Safari 11.1 on macOS and Safari on iOS 11.3 now support the W3C Payment Request API for conducting Apple Pay transactions on the web.
The Critical Path: Optimizing Load Times With the Chrome DevTools
How to use the Chrome Dev tools to analyse your site and identify areas you can speed up to improve the overall load times. - https://goo.gl/VpyWTA
#html
How to use the Chrome Dev tools to analyse your site and identify areas you can speed up to improve the overall load times. - https://goo.gl/VpyWTA
#html
Lucidchart
The Critical Path: Optimizing Load Times With the Chrome DevTools - Lucidchart
Our CTO shares improvements you can make and measurements to keep track of in order to optimize load times on a complex web application.
react-native-stretchy: A React Native Scrollable Stretchy Header Component - http://bit.ly/2H7llBO
#react #component
#react #component
GitHub
GitHub - hamidhadi/react-native-stretchy: 🤸♀️A ReactNative scrollable stretchy header component
🤸♀️A ReactNative scrollable stretchy header component - GitHub - hamidhadi/react-native-stretchy: 🤸♀️A ReactNative scrollable stretchy header component
Understanding JavaScript Proxies
Uses an examination of Sindre Sorhus’ on-change library to dig into how proxies, a feature introduced in ES6, work. - http://bit.ly/2H3Xt6a
#javascript
Uses an examination of Sindre Sorhus’ on-change library to dig into how proxies, a feature introduced in ES6, work. - http://bit.ly/2H3Xt6a
#javascript
codeburst
Understanding JavaScript Proxies by Examining on-change Library
Javascript Proxies are a new addition in ES6. It’s a powerful feature that can be used for solving various problems elegantly.
How to build a calculator—part 2
My favorite way to learn new skills is through applied learning. This tutorial is the second in a three-part series where Zell teaches you how to create a calculator. - http://bit.ly/2H1RbUE
#tutorial
My favorite way to learn new skills is through applied learning. This tutorial is the second in a three-part series where Zell teaches you how to create a calculator. - http://bit.ly/2H1RbUE
#tutorial
Zell Liew
How to build a calculator—part 2 | Zell Liew
Hey, I'm Zell. I'm a designer, developer and writer. This is where I share everything I know.
A Beginner’s Guide to JavaScript Geolocation Tracking
A 4 part series from PubNub brought together in one place walking through bringing the Google Maps JavaScript API together with PubNub’s real-time services. - http://bit.ly/2HCyjJ8
#javascript
A 4 part series from PubNub brought together in one place walking through bringing the Google Maps JavaScript API together with PubNub’s real-time services. - http://bit.ly/2HCyjJ8
#javascript
Hacker Noon
The Comprehensive Beginner’s Guide to JavaScript Geolocation Tracking
Combining the Google Maps JavaScript API and PubNub for realtime tracking of device location (with the bells and whistles)
Using Async Iteration Natively in Node
How asynchronously iterating over readable streams will work in the upcoming Node 10.x. - http://bit.ly/2F8saS2
#nodejs
How asynchronously iterating over readable streams will work in the upcoming Node 10.x. - http://bit.ly/2F8saS2
#nodejs
2ality
Using async iteration natively in Node.js
Node.js v10 will be released on April 30, 2018. In that version, there will be experimental support for asynchronously iterating over readable streams. This blog post explains how that works.
Why React Needed Yet Another Animation Library
An introduction to react-spring, a set of physics-based UI animation ‘building blocks’ for when you need to move beyond CSS animations.
- http://bit.ly/2F6goYv
#react
An introduction to react-spring, a set of physics-based UI animation ‘building blocks’ for when you need to move beyond CSS animations.
- http://bit.ly/2F6goYv
#react
Noteworthy — The Journal Blog
Why React needed yet another animation library. Introducing: react-spring
Ever since i started developing i was fascinated by the vividness of animated applications, they felt alive. And we sure have come a long…
Integrating Apollo with Vue and Vuex
Build an app that shows a list of programming languages, and fetches the frameworks for each when selected, using Apollo with Vue and Vuex. - http://bit.ly/2qQMmnc
#vue
Build an app that shows a list of programming languages, and fetches the frameworks for each when selected, using Apollo with Vue and Vuex. - http://bit.ly/2qQMmnc
#vue
Medium
Integrating Apollo with Vue and Vuex
My previous article discussed how to setup a simple GraphQL server and query it from a Vue frontend. For my personal projects, I believe…