Design Systems and CSS Grid
Stuart Robson tackles the tricky issue of integrating modern CSS Grid layouts into an existing design system. - https://goo.gl/FEg5Q8
#css #grid
Stuart Robson tackles the tricky issue of integrating modern CSS Grid layouts into an existing design system. - https://goo.gl/FEg5Q8
#css #grid
24ways.org
Design Systems and CSS Grid
Stuart Robson tackles the thorny issue of integrating modern CSS Grid layouts into an existing design system, but in doing so reaps the benefits of leaner, more easily maintainable markup. It goes to show that with careful planning, there’s no reason old…
12 Mobile UX Design Trends For 2018
A list of mobile UX design trends to expect this year. - https://goo.gl/LGY22q
#mobile
A list of mobile UX design trends to expect this year. - https://goo.gl/LGY22q
#mobile
Medium
12 Mobile UX Design Trends For 2018
by Nick Babich
Designing Tables for Reusability
A case study for establishing a design pattern internally at your company - https://goo.gl/P7A79z
#ux #design #table
A case study for establishing a design pattern internally at your company - https://goo.gl/P7A79z
#ux #design #table
Creating an 'Offline' Notice in React Native
Have you ever seen the red “No Internet Connection” sign in mobile apps like Facebook Messenger. Here’s how to recreate it. - https://goo.gl/WD3VC7
#reactNative
Have you ever seen the red “No Internet Connection” sign in mobile apps like Facebook Messenger. Here’s how to recreate it. - https://goo.gl/WD3VC7
#reactNative
Medium
Offline Notice In React Native
Have you ever seen the red “No Internet Connection” sign in mobile apps like Facebook Messenger. It looks something like this:
Running a Node App on AWS ECS: An EC2 Container Service Walkthrough
If you’re using Amazon Web Services, ECS can be attractive way to run apps - this article digs into why and some of the things to watch out for when using it to run Node apps. - https://goo.gl/Y9WGUQ
#nodejs #aws
If you’re using Amazon Web Services, ECS can be attractive way to run apps - this article digs into why and some of the things to watch out for when using it to run Node apps. - https://goo.gl/Y9WGUQ
#nodejs #aws
What’s New in HTML 5.2?
HTML 5.2 became an official W3C Recommendation (REC) a month ago, but what did it introduce and change? - https://goo.gl/nf7SNF
#html5
HTML 5.2 became an official W3C Recommendation (REC) a month ago, but what did it introduce and change? - https://goo.gl/nf7SNF
#html5
bitsofcode
What’s New in HTML 5.2?
Less than a month ago, HTML 5.2 became an official W3C Recommendation (REC). When a specification reaches the REC stage, this means that it has received the official endorsement of W3C Members and the Director, and that the W3C officially recommends it’s…
Responsive Typography Using Modern CSS
Steven Loria shares some guidelines that will help you design with modular type scales on the web. - https://goo.gl/cvR7q9
#css #typography
Steven Loria shares some guidelines that will help you design with modular type scales on the web. - https://goo.gl/cvR7q9
#css #typography
Stevenloria
Responsive Typography Using Modern CSS | stevenloria.com
A guide to implementing responsive type scales.
A Philosophical Introduction to React Router v4
React Router v4 brings dynamic, component based routing to your React apps. This post digs into the philosophy behind its approach as well as how to use it. - https://goo.gl/ojU4fN
#react #routing
React Router v4 brings dynamic, component based routing to your React apps. This post digs into the philosophy behind its approach as well as how to use it. - https://goo.gl/ojU4fN
#react #routing
TylerMcGinnis.com - Learn the latest web technologies
React Router v4: Philosophy and Introduction
React Router v4 introduces a new dynamic, component based approach to routing. In this post, we'll talk about the philosophies behind React Router and give an introduction to the syntax by breaking down the 'Basic' example on the React Router docs.
Simple Face Recognition from Node
face-recognition.js is a Node wrapper for dlib, a C++ machine learning library that can be manipulated to do facial recognition. - https://goo.gl/M72kss
#nodejs
face-recognition.js is a Node wrapper for dlib, a C++ machine learning library that can be manipulated to do facial recognition. - https://goo.gl/M72kss
#nodejs
Medium
Node.js + face-recognition.js : Simple and Robust Face Recognition using Deep Learning
The npm package for face recognition
Which JavaScript Frameworks Are the Fastest?
Catch the numbers on web performance regarding JavaScript Frameworks. - https://goo.gl/S1MxLv
#web #javascript #frameworks
Catch the numbers on web performance regarding JavaScript Frameworks. - https://goo.gl/S1MxLv
#web #javascript #frameworks
JavaScript Report
Which JavaScript Frameworks Are the Fastest?
Web performance is a big and complex topic. In this post we’ll narrow it down to a discussion of front end JavaScript frameworks and how using one versus another might impact the performance of your app. In particular, we’ll be looking at two things: (1)…
How to Use Variable Fonts on the Web
Anna Monus gives a nice introduciton to Variable Fonts. - https://goo.gl/ygPcJV
#css
Anna Monus gives a nice introduciton to Variable Fonts. - https://goo.gl/ygPcJV
#css
Web Design Envato Tuts+
How to Use Variable Fonts on the Web
Variable fonts were developed as the joint effort of the four biggest tech companies involved in type design—Apple, Google, Microsoft, and Adobe. As the name suggests, variable fonts allow...
Code Splitting with React and React Router
Avoid downloading code in your app until your user really needs it. That’s code splitting. A tutorial in both written and video formats. - https://goo.gl/UXUcSV
#react #splitCode
Avoid downloading code in your app until your user really needs it. That’s code splitting. A tutorial in both written and video formats. - https://goo.gl/UXUcSV
#react #splitCode
TylerMcGinnis.com - Learn the latest web technologies
Code Splitting with React and React Router
Code splitting has gained popularity recently for its ability to allow you to split your app into separate bundles your users can progressively load. In this post we'll take a look at not only what code splitting is and how to do it, but also how to implement…
Jimp: Image Processing Library with No Native Dependencies
Covers resizing, cropping, color manipulations, and more. Pure JS and solely for Node. - https://goo.gl/DT1HCP
#nodejs
Covers resizing, cropping, color manipulations, and more. Pure JS and solely for Node. - https://goo.gl/DT1HCP
#nodejs
GitHub
oliver-moran/jimp
An image processing library written entirely in JavaScript for Node, with zero external or native dependencies. - oliver-moran/jimp
Building an Online Text RPG with React and GraphQL
An extremely meaty first part to an ongoing series about building an online multiplayer RPG with React. - https://goo.gl/A6XVfA
#react #graphql
An extremely meaty first part to an ongoing series about building an online multiplayer RPG with React. - https://goo.gl/A6XVfA
#react #graphql
Pusher Blog
Online Text RPG using GraphQL and React - Part 1
Discover how to create an online text RPG using React, Node.js, GraphQL and Pusher. The first part is focused on building the backend and the frontend.
The Vue Libraries I Made in 2017
Wondering how you can contribute new Vue.js open-source software? Egoist provides good inspiration, having made around 20 different Vue.js libraries in 2017. - https://goo.gl/Ugj2a9
#vue #libraries
Wondering how you can contribute new Vue.js open-source software? Egoist provides good inspiration, having made around 20 different Vue.js libraries in 2017. - https://goo.gl/Ugj2a9
#vue #libraries
Medium
The Vue libraries I made in 2017
It’s been a great year for Vue.js, I made about 20 projects for you my beloved Vue folks.
Functional-Light JavaScript: A Balanced Book on FP in JS
Kyle Simpson’s written an interesting book that takes a pragmatic look at functional programming concepts in JavaScript. And, yes, you can read it all on GitHub. - https://goo.gl/AKHbXa
#javascript #functional
Kyle Simpson’s written an interesting book that takes a pragmatic look at functional programming concepts in JavaScript. And, yes, you can read it all on GitHub. - https://goo.gl/AKHbXa
#javascript #functional
GitHub
getify/Functional-Light-JS
Pragmatic, balanced FP in JavaScript. @FLJSBook on twitter. - getify/Functional-Light-JS
Introducing VuePress: WordPress Development With Vue and GraphQL.
In this article, Ramsay Lanier introduces you to his new project VuePress, which allows you to create a simple blog with WordPress, Vue and GraphQL. - https://goo.gl/5WqRcU
#vue
In this article, Ramsay Lanier introduces you to his new project VuePress, which allows you to create a simple blog with WordPress, Vue and GraphQL. - https://goo.gl/5WqRcU
#vue
codeburst
Introducing VuePress: WordPress development with Vue and GraphQL.
In this article, I’ll introduce you to VuePress, show you how to create a simple blog, and create a custom layout component.
Demystifying CSS alignment
If you’ve been working on Flexbox or Grid and keep having to go back to check how you align the content then this is a great article that covers everything you need to know - https://goo.gl/F3HSC5
#css
If you’ve been working on Flexbox or Grid and keep having to go back to check how you align the content then this is a great article that covers everything you need to know - https://goo.gl/F3HSC5
#css
Medium
Demystifying CSS alignment
Aligning things in CSS has been a common source of frustration, fun and even memes for a long time. However CSS evolves quickly and new…
Server Rendering, Code Splitting, & Lazy Loading with React Router v4 -
https://goo.gl/3q37CP
#react #serverRendering
https://goo.gl/3q37CP
#react #serverRendering
Medium
Server Rendering, Code Splitting, and Lazy Loading with React Router v4
“Godspeed those who attempt the server-rendered, code-split apps.” — Ryan Florence, Co-Creator of React Router