HEAD: Everything To Go In Your HTML’s 'head'
Starts from the usual basics (title, charset, etc.) but works up to a significant number of meta and link tags useful in various situations. -
https://goo.gl/DJiwij
#html
Starts from the usual basics (title, charset, etc.) but works up to a significant number of meta and link tags useful in various situations. -
https://goo.gl/DJiwij
#html
GitHub
joshbuchea/HEAD
HEAD - A list of everything that *could* go in the head of your document
Media Queries & Grid Settings
Practical media helpers for Susy3 - https://goo.gl/fzFDgU
#css #susy #grid
Practical media helpers for Susy3 - https://goo.gl/fzFDgU
#css #susy #grid
OddBird
Media Queries & Grid Settings
Most grids change with the viewport – and Susy needs new settings at each breakpoint. Susy3 is designed without mixins for complete flexibility from project to project, but it can be useful to build additional tools and shortcuts as you go. Here are some…
vue-apollo 3.0 alpha released
Version 3.0 alpha with support for Apollo Client 2.x -
https://goo.gl/vgcSFV
#release
Version 3.0 alpha with support for Apollo Client 2.x -
https://goo.gl/vgcSFV
#release
GitHub
Akryum/vue-apollo
vue-apollo - 🚀 Apollo/GraphQL integration for VueJS
How to Create an HTTP/2 Static File Server with Node
Node 8.8.1 and above includes support for HTTP/2. This tutorial walks through creating a simple HTTP/2 server to serve static files -
https://goo.gl/SNjecH
#nodejs #http2
Node 8.8.1 and above includes support for HTTP/2. This tutorial walks through creating a simple HTTP/2 server to serve static files -
https://goo.gl/SNjecH
#nodejs #http2
Dexecure
How to create a zero dependency HTTP/2 static file server with Node.js (with examples) | Dexecure
Node.js just launched support (v8.8.1) for HTTP/2 as part of their core. In this post, we will create a simple HTTP/2 server to serve static files and then demonstrate some cool features like HTTP/2 PUSH.
How to Structure Components in React
Components are a great abstraction to build both small and big systems. It’s only a case of picking the right solution. - https://goo.gl/35WGGk
#react
Components are a great abstraction to build both small and big systems. It’s only a case of picking the right solution. - https://goo.gl/35WGGk
#react
Real Life Programming
How to structure components in React?
Programming is quite a complex task. Especially crafting clean code is hard. We need to take care of many elements — naming variables…
How to Build a Video/Voice Calling App with React Native
A set of screencasts walking through some of what’s involved in creating a native communications app - https://goo.gl/HezrFp
#reactNative #video
A set of screencasts walking through some of what’s involved in creating a native communications app - https://goo.gl/HezrFp
#reactNative #video
I Watched All The Chrome Dev Summit Vids So You Don’t Have To
The takeaway: Google wants you to build PWAs, reduce JS file size, use Web Components, and configure your forms to support autofill. - https://goo.gl/fra55T
#chromeDevSummit
The takeaway: Google wants you to build PWAs, reduce JS file size, use Web Components, and configure your forms to support autofill. - https://goo.gl/fra55T
#chromeDevSummit
Code Red
I Watched All of the Chrome Dev Summit 2017 Videos So You Don’t Have To
There were few announcements and a lot of PWA evangelism.
Build A Collapsible Tree Menu With Vue.js Recursive Components
A recursive component is one which invokes itself and is useful for displaying comments on a blog, nested menus or anything where the parent and child are the same. In this tutorial, I’ll give you a demonstration of how to build a collapsible tree menu. - https://goo.gl/JVA9Mj
#vue
A recursive component is one which invokes itself and is useful for displaying comments on a blog, nested menus or anything where the parent and child are the same. In this tutorial, I’ll give you a demonstration of how to build a collapsible tree menu. - https://goo.gl/JVA9Mj
#vue
Vue.js Developers
Build A Collapsible Tree Menu With Vue.js Recursive Components
A recursive component is one which invokes itself and is useful for displaying comments on a blog, nested menus or anything where the parent and child are the same. In this tutorial, I'll give you a demonstration of how to build a collapsible tree menu.
Web Typography: Designing Tables to be Read, Not Looked At
Richard Rutter goes deep on how to improve the readability of your data tables. - https://goo.gl/745po3
#typography
Richard Rutter goes deep on how to improve the readability of your data tables. - https://goo.gl/745po3
#typography
A List Apart
Web Typography: Designing Tables to be Read, Not Looked At
You may not think about it often, but tables are meant to be read. In this excerpt from Chapter 2 of his book, Web Typography, Richard Rutter explains how typography can improve the UX of our rows …
Building a Fast Search Experience
How popular car selling platform Auto Trader created a high-performance search experience that regularly returns results in less than a second. - https://goo.gl/KZQvbV
#web
How popular car selling platform Auto Trader created a high-performance search experience that regularly returns results in less than a second. - https://goo.gl/KZQvbV
#web
engineering.autotrader.co.uk
Auto Trader Engineering Blog
A look at the interesting parts of the engineering behind Auto Trader.
Debugging React Like a Champ with Visual Studio Code
A guide to ‘supercharging’ your React workflow using Microsoft’s open source code editor and its debugger. - https://goo.gl/J71yc3
#react #debugging
A guide to ‘supercharging’ your React workflow using Microsoft’s open source code editor and its debugger. - https://goo.gl/J71yc3
#react #debugging
Hacker Noon
Debugging React Like a Champ with VSCode
Gone are the days where I spend my time bouncing back and forth between the terminal, browser and editor. Ain’t nobody got time for that!
Angular 5.0 Released: Smaller, Faster and Easier
A major release for the popular framework containing new features and bugfixes. - https://goo.gl/F5vifV
#angular5
A major release for the popular framework containing new features and bugfixes. - https://goo.gl/F5vifV
#angular5
Angular Blog
Version 5.0.0 of Angular Now Available
We are pleased to announce version 5.0.0 of Angular, pentagonal-donut. This is a major release containing new features and bugfixes. This…
Advanced Vue.js Concepts: Mixins, Custom Directives, Filters, Transitions, and State Management
Vue.js is an easy framework to pick up. But very few tutorials cover advanced concepts of Vue. Ogundipe Samuel covers some of these concepts with interactive examples. - https://goo.gl/zNEFnA
#vue
Vue.js is an easy framework to pick up. But very few tutorials cover advanced concepts of Vue. Ogundipe Samuel covers some of these concepts with interactive examples. - https://goo.gl/zNEFnA
#vue
LogRocket
Advanced Vue.js concepts: mixins, custom directives, filters, transitions, and state management
Vue.js is arguably one of the easiest and most minimalist JavaScript frameworks with which to get started. While we cannot downplay the…
The Accessibility Cheatsheet
A helpful overview with some simple things you can do to take positive steps towards a more accessible web. From 2015, but worth revisiting. - https://goo.gl/GeJZiF
#web
A helpful overview with some simple things you can do to take positive steps towards a more accessible web. From 2015, but worth revisiting. - https://goo.gl/GeJZiF
#web
bitsofcode
The Accessibility Cheatsheet
We all know that accessibility is important. The problem is, it is not always clear what exactly we can do to make our sites more accessible. The Web Accessibility Initiative created some Web Content Accessibility Guidelines (WCAG) targeted at us, web content…
Frappe Charts: Modern GitHub-Inspired Web Charts
A new zero-dependency chart library with elegant, responsive SVG output. Offers bar, line, and GitHub-style heatmap options so far. - https://goo.gl/Do8kFT
#frappeChart
A new zero-dependency chart library with elegant, responsive SVG output. Offers bar, line, and GitHub-style heatmap options so far. - https://goo.gl/Do8kFT
#frappeChart
frappe.github.io
Frappe Charts
A simple, responsive, modern charts library for the web.
Models and Collections for Vue.js
This new library for Vue.js helps you manage the relationships between data, component states, and the actions that affect them. It’s especially useful for larger applications. - https://goo.gl/7p9kCA
#vue #mvc
This new library for Vue.js helps you manage the relationships between data, component states, and the actions that affect them. It’s especially useful for larger applications. - https://goo.gl/7p9kCA
#vue #mvc
9 Principles of Mobile Web Design
Revisiting a golden oldie that tells us to keep menus simple, keep forms short, have obvious calls to action, plus more mobile Web common sense. - https://goo.gl/PyAEtp
#mobile #design
Revisiting a golden oldie that tells us to keep menus simple, keep forms short, have obvious calls to action, plus more mobile Web common sense. - https://goo.gl/PyAEtp
#mobile #design
Hubspot
9 Principles of Mobile Web Design
Learn 9 tips for designing your mobile website user interface.