The (Far) Future of CSS
A speculative look into the future of CSS and Houdini’s goal of making CSS user-extensible. - https://goo.gl/KFJ6C3
#css #video
A speculative look into the future of CSS and Houdini’s goal of making CSS user-extensible. - https://goo.gl/KFJ6C3
#css #video
Vimeo
Tab Atkins | The (Far) Future of CSS | CSS Day 2017
Slides: http://www.xanthir.com/talks/2017-06-16/ About Tab: http://www.xanthir.com/ More about CSS Day: https://cssday.nl or https://twitter.com/cssdayconf Receive…
Diving Into Mobile with React Native
How two developers at Afinity took a chance on React Native to build out the mobile counterpart of their web app. - https://goo.gl/aqAhTz
#reactnative
How two developers at Afinity took a chance on React Native to build out the mobile counterpart of their web app. - https://goo.gl/aqAhTz
#reactnative
Affinity Engineering
Diving into mobile with React Native
A few months ago, Affinity ventured into new territory for front end engineering: mobile. Since many of our users are busy executives who…
Debugging CSS Grid Layouts With Firefox Grid Inspector
Chen Hui Jing covers known and obscure features of Firefox DevTools that can come in handy when you’re building and debugging CSS Grid layouts. - https://goo.gl/6Cf989
#css #grid
Chen Hui Jing covers known and obscure features of Firefox DevTools that can come in handy when you’re building and debugging CSS Grid layouts. - https://goo.gl/6Cf989
#css #grid
Smashing Magazine
Debugging CSS Grid Layouts With Firefox Grid Inspector
Whether you're starting to learn about CSS Grid or already use it in production, Firefox's Grid Inspector is very useful. This article covers known and obscure features of Firefox DevTools that can come in handy when you're building and debugging CSS Grid…
Webpack: A Gentle Introduction to the Module Bundler
Not ready for Parcel (above)? Here you can learn the basics of Webpack and how to configure it for your web application. - https://goo.gl/UKcrxD
#webpack
Not ready for Parcel (above)? Here you can learn the basics of Webpack and how to configure it for your web application. - https://goo.gl/UKcrxD
#webpack
Auth0 - Blog
Webpack: A Gentle Introduction to the Module Bundler
Learn the basics of Webpack and how to configure it in your web application.
Cascading Web Design with Feature Queries
An introduction to the concept of ‘cascading web design’, an approach made possible with feature queries - https://goo.gl/4TvUrP
#web
An introduction to the concept of ‘cascading web design’, an approach made possible with feature queries - https://goo.gl/4TvUrP
#web
24ways.org
Cascading Web Design with Feature Queries
Chen Hui Jing pulls off the dust covers, swings open the storm shutters and lets the winter light fall on the subject of CSS feature queries. The chestnuts may not yet be roasting, and the halls may be still be undecked, but pull up a chair and settle down.…
Create A React App with Zero Configuration using Parcel
Parcel is an all new bundler that boasts ‘zero configuration’ required. -
https://goo.gl/Zpztpp
#react #parcel
Parcel is an all new bundler that boasts ‘zero configuration’ required. -
https://goo.gl/Zpztpp
#react #parcel
blog.jakoblind.no
Create a React app with zero configuration using Parcel
We have all experienced the pain of getting started with React. You spend hours to configure webpack before you can start actual coding. Create React App was…
Navigate Nested Child Routes In A Vue.js Web Application
How to use nested routes in a Vue.js web application by assigning child routes and views. - https://goo.gl/uNcJWE
#vue #router
How to use nested routes in a Vue.js web application by assigning child routes and views. - https://goo.gl/uNcJWE
#vue #router
The Polyglot Developer
Navigate Nested Child Routes In A Vue.js Web Application
Learn how to assign children to routes in a Vue.js web application to act as nested views that create multi-level user interfaces.
The Front-End Checklist
A more dynamic front-end development and deployment checklist based on an article we linked last month. - https://goo.gl/wnjSjw
#frontEnd #checklist
A more dynamic front-end development and deployment checklist based on an article we linked last month. - https://goo.gl/wnjSjw
#frontEnd #checklist
A Recap of Frontend Development in 2017
“Frontend engineering once again evolved at a feverish pace in 2017. Here’s a list of the most notable events of the past year.” - https://goo.gl/pvRhQF
#recap #frontend2017
“Frontend engineering once again evolved at a feverish pace in 2017. Here’s a list of the most notable events of the past year.” - https://goo.gl/pvRhQF
#recap #frontend2017
gitconnected
A recap of front-end development in 2017
Front-end engineering once again evolved at a feverish pace in 2017. Here is a list of the most notable events of the past year.
Building a GraphQL API with Node and React
A hands-on tutorial about building GraphQL API with Express, using React on the client side. - https://goo.gl/wttqUP
#react #graphQL
A hands-on tutorial about building GraphQL API with Express, using React on the client side. - https://goo.gl/wttqUP
#react #graphQL
Evolution of <img>: Gif without the GIF
Now, with the latest Safari, you can use videos as Gifs. -
https://goo.gl/29besE
#web #css #performance
Now, with the latest Safari, you can use videos as Gifs. -
https://goo.gl/29besE
#web #css #performance
Performance Calendar
Evolution of : Gif without the GIF
tl;dr
GIFs are awesome but terrible for quality and performance
Replacing GIFs with is better but has perf. drawbacks: not preloaded, uses range requests
Now you can <img src=".mp4">s in Safari Technology Preview
Early results show mp4s in tags display
GIFs are awesome but terrible for quality and performance
Replacing GIFs with is better but has perf. drawbacks: not preloaded, uses range requests
Now you can <img src=".mp4">s in Safari Technology Preview
Early results show mp4s in tags display
Learn React Fundamentals & Advanced Patterns Courses
Two and a half hours of new (beginner/advanced) React material are now free on Egghead. - https://goo.gl/ZWTcvy
#react
Two and a half hours of new (beginner/advanced) React material are now free on Egghead. - https://goo.gl/ZWTcvy
#react
Microservices Solution Patterns
This article discusses the possible solution patterns which can be used in a microservices architecture-driven enterprise. -
https://goo.gl/htMXAo
#microservice #pattern
This article discusses the possible solution patterns which can be used in a microservices architecture-driven enterprise. -
https://goo.gl/htMXAo
#microservice #pattern
dzone.com
Microservices Solution Patterns - DZone Microservices
This article discusses the possible solution patterns which can be used to design systems for a microservices architecture-driven enterprise.
Vue.js Server-Side Rendering With Vue Router: Step-By-Step Guide
This tutorial goes through the steps of setting up a server-rendered multi-page app with Vue and Vue Router. - https://goo.gl/Eeit1j
#vue
This tutorial goes through the steps of setting up a server-rendered multi-page app with Vue and Vue Router. - https://goo.gl/Eeit1j
#vue
Vue.js Server-Side Rendering With Vue Router: Step-By-Step Guide
This tutorial goes through the steps of setting up a server-rendered multi-page app with Vue and Vue Router.
Ant Design 3.0: A UI Design Language and Suite of React Components -
https://goo.gl/thURMf
#react #design
https://goo.gl/thURMf
#react #design
Medium
Announcing Ant Design 3.0
Ant Design which is specially created for enterprise internal desktop applications, is committed to improving the experience of users…
Understanding CSS Layout And The Block Formatting Context
Rachel Andrew explains what a Block Formatting Context is, why it works, and how can it help you understand how layout works in CSS. - https://goo.gl/h3JP7R
#css
Rachel Andrew explains what a Block Formatting Context is, why it works, and how can it help you understand how layout works in CSS. - https://goo.gl/h3JP7R
#css
Smashing Magazine
Understanding CSS Layout And The Block Formatting Context — Smashing Magazine
You might never have heard the phrase ‘Block Formatting Context’, but if you have used CSS for layout you probably already know what it does. In this article I’ll explain the existing ways to create a Block Formatting Context, why it is important in CSS layout…
Getting Started with Building PWAs using Vue
An introduction on how to build a book listing app with progressive web apps using Vue to build the UI. - https://goo.gl/oSoGms
#pwa #vue
An introduction on how to build a book listing app with progressive web apps using Vue to build the UI. - https://goo.gl/oSoGms
#pwa #vue
Pusher
Show navigation menu
Enjoy our helpful resources, industry insights, feature announcements and customer stories.