The Vue from React: Building Apps with Vue Using My Knowledge of React
UI developer Ian Wilson has documented the process of learning VueJS as someone who has worked a lot with React - https://goo.gl/wdUPDx
#vue
UI developer Ian Wilson has documented the process of learning VueJS as someone who has worked a lot with React - https://goo.gl/wdUPDx
#vue
Medium
The Vue from React: Building apps with Vue using my knowledge of React
A couple weeks ago I got this crazy idea to try out a new front end framework that isn’t React.
12 Chrome DevTools Tips and Tricks
The DevTools gain new features all the time, so it’s always worth keeping an eye on ways to use it. Here’s a collection of quick tips that may prove handy. - https://goo.gl/YiFA72
#chrome #tools #tips
The DevTools gain new features all the time, so it’s always worth keeping an eye on ways to use it. Here’s a collection of quick tips that may prove handy. - https://goo.gl/YiFA72
#chrome #tools #tips
freeCodeCamp
Cool Chrome DevTools tips and tricks you wish you knew already
Check out my overview of Chrome DevTools if you’re new to them
A Practical Introduction to React Router 4
A gentle intro to React Router 4, a popular, declarative routing mechanism — packed with practical examples. - https://goo.gl/KBs3fe
#react #router
A gentle intro to React Router 4, a popular, declarative routing mechanism — packed with practical examples. - https://goo.gl/KBs3fe
#react #router
Auth0 - Blog
React Router 4: A Practical Introduction
A gentle introduction to React Router 4 through practical examples.
The Ultimate Guide to Background Images in Email
If you want to make your emails more visually engaging here is everything you need to know. Is there anything on this list that you think we should be doing? - https://goo.gl/nvjR4b
#email
If you want to make your emails more visually engaging here is everything you need to know. Is there anything on this list that you think we should be doing? - https://goo.gl/nvjR4b
Litmus Software, Inc.
The Ultimate Guide to Background Images in Email – Litmus Software, Inc.
Learn everything you need to know to use background images in HTML email campaigns—from design to coding—with plenty of examples for inspiration.
Cropping Away Negative Impacts of Line Height
Kevin Powell shows how to get rid of the whitespace above and below the text to render space in UI components systematically and consistently. - https://goo.gl/uv5mdo
#css
Kevin Powell shows how to get rid of the whitespace above and below the text to render space in UI components systematically and consistently. - https://goo.gl/uv5mdo
#css
Medium
Cropping Away Negative Impacts of Line Height
Getting rid of pesky space above and below HTML text
ES Modules: A Cartoon Deep-Dive
ES modules bring an official, standardized module system to JavaScript and once Firefox 60 is out (soon) it’ll be supported in all major browsers. But what do they entail? - https://goo.gl/4uzruC
#javascript
ES modules bring an official, standardized module system to JavaScript and once Firefox 60 is out (soon) it’ll be supported in all major browsers. But what do they entail? - https://goo.gl/4uzruC
#javascript
Mozilla Hacks – the Web developer blog
ES modules: A cartoon deep-dive – Mozilla Hacks - the Web developer blog
ES modules bring an official, standardized module system to JavaScript. With the release of Firefox 60 in May, all major browsers will support ES modules, and there is current work ...
An Update on the Development of Async Rendering in React
The React core team present a thorough update on what they’ve learnt while building out React’s newest asynchronous rendering features and what you can do to be prepared with your own components. - https://goo.gl/fjhgtB
#react
The React core team present a thorough update on what they’ve learnt while building out React’s newest asynchronous rendering features and what you can do to be prepared with your own components. - https://goo.gl/fjhgtB
#react
reactjs.org
Update on Async Rendering – React Blog
For over a year, the React team has been working to implement asynchronous rendering. Last month during his talk at JSConf Iceland, Dan unveiled some of the exciting new possibilities async rendering unlocks . Now we’d like to share with you some of the…
WAI-ARIA: the dark art of accessibility?
Getting better insight into how to make something like a carousel ARIA ready. - https://goo.gl/DH9ZoG
#html #area
Getting better insight into how to make something like a carousel ARIA ready. - https://goo.gl/DH9ZoG
#html #area
How 'display: contents' Works
display: contents makes an element’s children appear as direct children of the element’s parent, ignoring the element itself. This explains how it works and why you might want to use it. For now, it’s only in the current releases of Firefox & Chrome but support is growing. - https://goo.gl/yBcewV
#css
display: contents makes an element’s children appear as direct children of the element’s parent, ignoring the element itself. This explains how it works and why you might want to use it. For now, it’s only in the current releases of Firefox & Chrome but support is growing. - https://goo.gl/yBcewV
#css
bitsofcode
How display: contents; Works
As I frequently mention, every element in the document tree is a rectangular box. Broadly speaking, this "rectangular box" consists of two sections. First we have the actual box, which consists of the border, padding, and margin areas. Second, we have the…
A tale of Webpack 4 and how to finally configure it in the right way - https://goo.gl/zB13q8
#webpack
#webpack
Working with the New CSS Typed Object Model
The CSS Typed Object Model brings types, methods, and a flexible object model to working with CSS values in JavaScript. - https://goo.gl/tkqYp5
#css
The CSS Typed Object Model brings types, methods, and a flexible object model to working with CSS values in JavaScript. - https://goo.gl/tkqYp5
#css
Google Developers
Working with the new CSS Typed Object Model | Web
| Google Developers
| Google Developers
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
Key Lessons from Google’s JavaScript Style Guide
An attempt to extract some lessons from Google’s JavaScript style guide. These aren’t hard and fast rules but merely suggestions to make life easier. - https://goo.gl/k8uqcw
#javascript
An attempt to extract some lessons from Google’s JavaScript style guide. These aren’t hard and fast rules but merely suggestions to make life easier. - https://goo.gl/k8uqcw
#javascript
freeCodeCamp
13 Noteworthy Points from Google’s JavaScript Style Guide
For anyone who isn’t already familiar with it, Google puts out a style guide for writing JavaScript that lays out (what Google believes to…
Introducing the 'react-testing-library'
We linked to the project itself two issues ago, but Kent has now written up why you should give his new light-weight solution for testing React components a try. - http://bit.ly/2JQMjzt
#react
We linked to the project itself two issues ago, but Kent has now written up why you should give his new light-weight solution for testing React components a try. - http://bit.ly/2JQMjzt
#react
kentcdodds
Introducing the react-testing-library 🐐
A simpler replacement for enzyme that encourages good testing practices.
The Status of JS Libraries and Frameworks: 2018 and Beyond
Thoughts, data and updates on React, Vue, Angular, Polymer, TypeScript and jQuery. - https://goo.gl/asqkiR
#javascript
Thoughts, data and updates on React, Vue, Angular, Polymer, TypeScript and jQuery. - https://goo.gl/asqkiR
#javascript
Medium
The status of JavaScript libraries & frameworks: 2018 & beyond.
Libraries and frameworks are one of the intense competitiveness on front-end development.
Building a ConvertKit Opt-in Form with Vue.js
Adam Wathan is building a ConvertKit based subscribe-form from jQuery to Vue.js. - http://bit.ly/2H0mI9w
#vue #video
Adam Wathan is building a ConvertKit based subscribe-form from jQuery to Vue.js. - http://bit.ly/2H0mI9w
#vue #video
YouTube
Building a ConvertKit Opt-in Form with Vue.js
Bringing Interactive Examples to MDN
Mozilla has been working on a project to bring interactive examples to pages on the wildly popular MDN Web Docs site. - https://goo.gl/MVLrVK
#css
Mozilla has been working on a project to bring interactive examples to pages on the wildly popular MDN Web Docs site. - https://goo.gl/MVLrVK
#css
Mozilla Hacks – the Web developer blog
Bringing interactive examples to MDN – Mozilla Hacks - the Web developer blog
Over the last year and a bit, the MDN Web Docs team has been designing, building, and implementing interactive examples for our reference pages. The motivation was to do more ...
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