Adding Favicons in a Multi-Browser Multi-Platform World
A refresher on what needs to be done to have a favicon show up everywhere you’d expect it to - https://goo.gl/5y2pRb
#mobile
A refresher on what needs to be done to have a favicon show up everywhere you’d expect it to - https://goo.gl/5y2pRb
#mobile
mobiForge
Adding favicons in a multi-browser multi-platform world - mobiForge
Favicons: they used to be so easy. A simple 16×16 pixel favicon.ico bitmap used to do the trick, but over the past 20 years or so things have changed. We review how to add favicons to satisfy the major browsers and platforms.
Authoring Validatable Custom Vue Input Components
Building Vue.js components is very fun and straightforward, you can build almost anything and it will work most of the time. - https://goo.gl/sHJmir
#vue
Building Vue.js components is very fun and straightforward, you can build almost anything and it will work most of the time. - https://goo.gl/sHJmir
#vue
Medium
Authoring Validatable Custom Vue Input Components – Abdelrahman Awad – Medium
Tips on creating versatile custom inputs with VeeValidate
W Descriptors and Sizes: Under the Hood
Eric Portis explains the mechanics of srcset and sizes, and how exactly browsers use it to load images responsively. - https://goo.gl/NpKtt2
#css
Eric Portis explains the mechanics of srcset and sizes, and how exactly browsers use it to load images responsively. - https://goo.gl/NpKtt2
#css
Observablehq
w descriptors and sizes: Under the hood
An Observable notebook by Eric Portis
A Slack App Step-by-Step: A Real-Life Example
A thorough walkthrough of what building a Slack app with Node and Express.js entails. - https://goo.gl/GoLpZv
#nodejs
A thorough walkthrough of what building a Slack app with Node and Express.js entails. - https://goo.gl/GoLpZv
#nodejs
X-Team Blog - Commit. Push. Unleash.
A Slack App Step-by-Step
If you want to learn how to extend Slack's functionalities with your own slash commands, look no further.
React 16.3 Released with StrictMode and an Official Context API
Introduces a new, more efficient context API, though the old, experimental context API will keep working for all 16.x releases. There are also changes to component lifecycles, a StrictMode component that activates extra checks and warnings for descendants, and createRef and forwardRef APIs. - https://goo.gl/jqQSKV
#react
Introduces a new, more efficient context API, though the old, experimental context API will keep working for all 16.x releases. There are also changes to component lifecycles, a StrictMode component that activates extra checks and warnings for descendants, and createRef and forwardRef APIs. - https://goo.gl/jqQSKV
#react
reactjs.org
React v16.3.0: New lifecycles and context API – React Blog
A few days ago, we wrote a post about upcoming changes to our legacy lifecycle methods , including gradual migration strategies. In React 16.3.0, we are adding a few new lifecycle methods to assist with that migration. We are also introducing new APIs for…
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.