Naming Things In CSS Grid Layout
The various ways that you can name lines and areas in CSS Grid Layout to enable easier placement of items by name rather than number - https://goo.gl/UghaiC
#css #grid
The various ways that you can name lines and areas in CSS Grid Layout to enable easier placement of items by name rather than number - https://goo.gl/UghaiC
#css #grid
Smashingmagazine
Naming Things In CSS Grid Layout – Smashing Magazine
Learn which methods you can use that will enable the naming of lines and even grid areas in CSS Grid Layout.
Ionic App Generator
A new utility for generating Ionic-based applications, Ionic App Generator (macOS and Windows). - https://goo.gl/CDedoL
#ionic
A new utility for generating Ionic-based applications, Ionic App Generator (macOS and Windows). - https://goo.gl/CDedoL
#ionic
Prototype A
Ionic App Generator
I am happy to announce the release of a new utility for generating Ionic-based applications, Ionic App Generator (macOS and Windows). The goal of this app is to allow you to completely configure al…
Getting A High Progressive Web App Score On React and Material-UI
Basic techniques used to get a high score for a sample app based on a stack of React, Redux and Material-UI. - https://goo.gl/d9usf3
#react
Basic techniques used to get a high score for a sample app based on a stack of React, Redux and Material-UI. - https://goo.gl/d9usf3
#react
Medium
Getting high Progressive Web App score on React and Material-UI
Basic techniques used to get a high score for example application based on a stack of React, Redux and Material-UI.
When to Use Server-Side Rendering (SSR) in Vue.js Projects
There are advantages and disadvantages to using SSR including SEO and performance. Alan Ktquez gives his take on when this feature is worth implementing in a Vue.js app. - https://goo.gl/WQAbnr
#vue #serverSideRender
There are advantages and disadvantages to using SSR including SEO and performance. Alan Ktquez gives his take on when this feature is worth implementing in a Vue.js app. - https://goo.gl/WQAbnr
#vue #serverSideRender
codeburst
When to use Server-Side Rendering (SSR) in Vue.js projects
In the community, there are still many questions about server-side rendering (SSR) and when to use it, there are a few points that we’ll…
What You Need to Know About HTTP/2
Unsure how to optimize your app to take advantage of HTTP/2? This article aims to clarify. - https://goo.gl/5YXVbn
#http2
Unsure how to optimize your app to take advantage of HTTP/2? This article aims to clarify. - https://goo.gl/5YXVbn
#http2
Fly Articles
What you need to know about HTTP/2
In chatting with other developers, many identify why HTTP/2 is something to be excited about but are unsure how to optimize their applications to take advantage of it. This article should make that more clear. HTTP/2 is here to make connections faster and…
Creating a super simple FontAwesome 5 icon component in Vue
It won’t take more than a couple of minutes, plus you can use your own classes and icons thus keeping your assets small. - https://goo.gl/5TxdUa
#vue
It won’t take more than a couple of minutes, plus you can use your own classes and icons thus keeping your assets small. - https://goo.gl/5TxdUa
#vue
codeburst
Creating a super simple FontAwesome 5 icon component in Vue
I was lucky enough to grab one of the early bird releases of FontAwesome 5, so of course I was eager to use it in my next Vue project…
Building a CSS-Only Image Gallery (with Fallbacks)
A look at an approach to creating an experimental CSS-only image gallery, which doesn’t break the experience on older browsers. - https://goo.gl/j77QMD
#css
A look at an approach to creating an experimental CSS-only image gallery, which doesn’t break the experience on older browsers. - https://goo.gl/j77QMD
#css
Chen Hui Jing
Building a CSS-only image gallery (with fallbacks)
Sometimes, we get handed a project in which we have almost complete creative control and free-reign to do pretty much...
React, Inline Functions, and Performance
Thoughts about premature optimization and the performance of inline functions. - https://goo.gl/TRdeRs
#react
Thoughts about premature optimization and the performance of inline functions. - https://goo.gl/TRdeRs
#react
componentDidBlog
React, Inline Functions, and Performance
So are they slow or what?
An imperative guide to forms in Vue.js
In this tutorial, we will walk you through the process of creating, validating, and utilising inputs from a form in a Vue.js 2.x application. - https://goo.gl/FmQQtn
#vue #forms
In this tutorial, we will walk you through the process of creating, validating, and utilising inputs from a form in a Vue.js 2.x application. - https://goo.gl/FmQQtn
#vue #forms
LogRocket
An imperative guide to forms in Vue.js – LogRocket
In this tutorial, I will walk you through the process of creating, validating, and utilising inputs from a form in a Vue.js
The Web Share API Is Here: Here’s How to Use It
This JavaScript API, added in Chrome 61, lets you implement native sharing capabilities from your mobile web app (it was previously only available on native platforms). - https://goo.gl/NeMdCH
#shareapi
This JavaScript API, added in Chrome 61, lets you implement native sharing capabilities from your mobile web app (it was previously only available on native platforms). - https://goo.gl/NeMdCH
#shareapi
codeburst
The Web Share API Is Here :)
One of the coolest APIs is available now as of Chrome 61! The Web Share API is a JavaScript API that let’s you implement native sharing…
Chrome Dev Summit 2017 Keynote
Ben Galbraith, leader of the Chrome Web Platform team, and Dion Almaer, Google Engineering Director, discuss the state of Chrome and the Web Platform today. - https://goo.gl/aztxfP
#chromeDevSummit #keynote #video
Ben Galbraith, leader of the Chrome Web Platform team, and Dion Almaer, Google Engineering Director, discuss the state of Chrome and the Web Platform today. - https://goo.gl/aztxfP
#chromeDevSummit #keynote #video
YouTube
Keynote (Chrome Dev Summit 2017)
In the Chrome Dev Summit 2017 Keynote you'll hear from Ben Galbraith, the leader of the Chrome Web Platform team, and Dion Almaer, Google Engineering Directo...
The React Story: How Facebook’s Instagram Acquisition Led to the Open Sourcing of React
Pete Hunt, one of the original creators of React, gives the story of why React was first created, how it gained adoption within Facebook due to the Instagram acquisition, and its eventual release. - https://goo.gl/dVjpvX
#react
Pete Hunt, one of the original creators of React, gives the story of why React was first created, how it gained adoption within Facebook due to the Instagram acquisition, and its eventual release. - https://goo.gl/dVjpvX
#react
StackShare
The React Story: How Facebook's Instagram Acquisition Led To The Open Sourcing of React.js | StackShare
Build A Real-Time Chat App With VueJS, Vuex & Cloud Firestore
Firestore is Google’s latest real-time cloud database. In this tutorial by Lachlan Miller, you will learn how to build a chat app with Vue.js, Vuex and Cloud Firestore. - https://goo.gl/86TC1i
#vue #vuex
Firestore is Google’s latest real-time cloud database. In this tutorial by Lachlan Miller, you will learn how to build a chat app with Vue.js, Vuex and Cloud Firestore. - https://goo.gl/86TC1i
#vue #vuex
Vue.js Developers
Build A Real-Time Chat App With VueJS, Vuex & Cloud Firestore
Firestore is Google's latest real-time cloud database. In this tutorial you will learn how to build a chat app with Vue.js, Vuex and Cloud Firestore.
DevTools Tips for Progressive Web Apps
Some tips on using Chrome to debug issues related to PWAs. - https://goo.gl/BDYfza
#pwa
Some tips on using Chrome to debug issues related to PWAs. - https://goo.gl/BDYfza
#pwa
Raymondcamden
DevTools Tips for Progressive Web Apps
As this month is apparently "blog everything I can about PWA month", I wanted to share some quick notes on how I'm using DevTools, specifically Chrome (but I'll quickly look at Edge, Firefox, and Safari) to work with and debug progressive web apps (PWAs).…
Fast By Default: Modern Loading Best Practices
Addy Osmani runs through loading best practices for diagnosing and making real-world sites load ‘instantly’. Filmed at the Chrome Dev Summit 2017. - https://goo.gl/qS58BQ
#chromeDevSummit #video
Addy Osmani runs through loading best practices for diagnosing and making real-world sites load ‘instantly’. Filmed at the Chrome Dev Summit 2017. - https://goo.gl/qS58BQ
#chromeDevSummit #video
YouTube
Fast By Default: Modern Loading Best Practices (Chrome Dev Summit 2017)
Optimizing sites to load instantly on mobile is far from trivial. Costly JavaScript can take seconds to process, we often aren't sensitive to users data-plans, and browsers don't know what UX-critical resources should load first. Thankfully, there's a lot…