How CSS Works: Parsing & Painting CSS in the Critical Rendering Path
Benjamin Johnson explains in detail how CSS gets rendered to the screen on initial page load. - http://bit.ly/2KltPYi
#css
Benjamin Johnson explains in detail how CSS gets rendered to the screen on initial page load. - http://bit.ly/2KltPYi
#css
LogRocket
How CSS works: Parsing & painting CSS in the critical rendering path
You can spend as much time as you want optimizing your app, but it doesn’t matter if your users bounce before the page even loads.
Best Practices with CSS Grid Layout
Now that CSS Grid development is becoming mainstream, developers are looking for good rules of thumb - Rachel Andrew looks at both best practices but also some things you probably don’t need to worry about. - http://bit.ly/2HSfTUB
#css #grid
Now that CSS Grid development is becoming mainstream, developers are looking for good rules of thumb - Rachel Andrew looks at both best practices but also some things you probably don’t need to worry about. - http://bit.ly/2HSfTUB
#css #grid
Smashing Magazine
Best Practices With CSS Grid Layout
In some ways, we are all still so new to CSS Grid Layout. A lot of folks keep asking about best practices that are available out there. Rachel Andrew ran a survey and shares the results as well as her thoughts in this article.
Scroll to the Future: Scrolling on the Modern Web
A whirlwind tour of the latest CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry. - http://bit.ly/2K6sx3l
#css
A whirlwind tour of the latest CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry. - http://bit.ly/2K6sx3l
#css
evilmartians.com
Scroll to the future—Martian Chronicles, Evil Martians’ team blog
Everything you always wanted to know about implementing scrolling but were afraid to ask. We have scrolled to the bottom of modern web specifications to take you on a whirlwind tour of latest CSS and JavaScript features that make navigating around a single…
React In Patterns: A Free Book Covering React Design Patterns
Available in numerous formats or on the Web, it includes techniques for composition, data flow, dependency management, etc. - http://bit.ly/2KjsKjH
#react
Available in numerous formats or on the Web, it includes techniques for composition, data flow, dependency management, etc. - http://bit.ly/2KjsKjH
#react
GitHub
krasimir/react-in-patterns
react-in-patterns - A free book that talks about design patterns/techniques used while developing with React.
webpack 4.6 Released with Prefetch/Preload Support
Preloading can bring down the number of round-trips needed to load a page, while prefetching can speed up future navigations. Here’s how it works. - http://bit.ly/2vV8PnU
#webpack
Preloading can bring down the number of round-trips needed to load a page, while prefetching can speed up future navigations. Here’s how it works. - http://bit.ly/2vV8PnU
#webpack
Medium
<link rel=”prefetch/preload”> in webpack
webpack 4.6.0 adds support for prefetching (and preloading).
Creating Your Own Router for Vue.js
Probably you’ve been using routers in the frontend world for a while, but… have you ever written one by yourself? Do you know the foundations of a router? It might seem like it just works, but under the hood, a router must take care of several things - http://bit.ly/2HYNGhI
#vue
Probably you’ve been using routers in the frontend world for a while, but… have you ever written one by yourself? Do you know the foundations of a router? It might seem like it just works, but under the hood, a router must take care of several things - http://bit.ly/2HYNGhI
#vue
Vue.js Tutorials
Creating Your Own Router for Vue.js - Vue.js Tutorials
Probably you’ve been using routers in the frontend world for a while, but… have you ever written one by yourself? Do you know the foundations of a router? It might seem like it just works, but under the hood, a router must take care of several things.
A router…
A router…
Replace Animated GIFs with Video
Animated GIFs can be huge but in this guide we see how to curb that bloat by replacing them with MPEG-4 and WebM video sources that work in most browsers. - http://bit.ly/2HHgWGp
#frontEnd
Animated GIFs can be huge but in this guide we see how to curb that bloat by replacing them with MPEG-4 and WebM video sources that work in most browsers. - http://bit.ly/2HHgWGp
#frontEnd
Google Developers
Replace Animated GIFs with Video | Web Fundamentals
| Google Developers
| Google Developers
Everyone loves animated GIFs. The only problem is that they can be massive, often weighing in at several megabytes. In this guide, you'll learn how to curb the bloat caused by animated GIFs by replacing them with MPEG-4 and WebM video sources!
WebGL2 Fundamentals: Learn WebGL 2.0 from the Ground Up
Lots of depth, inline examples, etc. - http://bit.ly/2KnzBZx
#webGL
Lots of depth, inline examples, etc. - http://bit.ly/2KnzBZx
#webGL
webgl2fundamentals.org
Learn WebGL2 from the ground up. No magic
Build a React Native YouTube Replica
How to build a YouTube type of app using React Native, React Navigation and the YouTube API. - http://bit.ly/2K8wynW
#reactNative
How to build a YouTube type of app using React Native, React Navigation and the YouTube API. - http://bit.ly/2K8wynW
#reactNative
Medium
React Native YouTube Replica
Let’s Build YouTube
How to build a load more button with Vue.js and GraphQL
Learn how to build a load more button with Vue.js and GraphQL through a lazy loading of color palettes example. - http://bit.ly/2HAFFQv
#vue #graphql
Learn how to build a load more button with Vue.js and GraphQL through a lazy loading of color palettes example. - http://bit.ly/2HAFFQv
#vue #graphql
Hacker Noon
How to build a load more button with Vue.js and GraphQL
While I was working on 🎨 Colour Hunt I had to implement pagination at some point. No one wants to load a ton of color palettes at once…
Native-Like Animations for Page Transitions on the Web
A practical introduction to creating silky smooth, super slick transitions of entire pages from one layout to another, built around Vue.js. - http://bit.ly/2vWHbXN
#css
A practical introduction to creating silky smooth, super slick transitions of entire pages from one layout to another, built around Vue.js. - http://bit.ly/2vWHbXN
#css
CSS-Tricks
Native-Like Animations for Page Transitions on the Web | CSS-Tricks
Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile apps. However, even though the imagination for these types of interactions seem to abound, their presence…
9 Tips for Writing Better React Code
Tips on linting, components and using the dev tools. - http://bit.ly/2w1njms
#react
Tips on linting, components and using the dev tools. - http://bit.ly/2w1njms
#react
Bits and Pieces
How To Write Better Code In React – Bits and Pieces
9 Useful tips for writing better code in React: Learn about Linting, propTypes, PureComponent and more.
Serverless-Side Rendering With AWS Lambda & NuxtJS
A comprehensive guide by Fernando Alvarez on setting up a serverless app with AWS Lambda and NuxtJS. This post includes a link to a complete codebase for your own experimentation. - http://bit.ly/2JJp7SS
#vue #nuxtjs
A comprehensive guide by Fernando Alvarez on setting up a serverless app with AWS Lambda and NuxtJS. This post includes a link to a complete codebase for your own experimentation. - http://bit.ly/2JJp7SS
#vue #nuxtjs
Medium
Serverless-Side Rendering With AWS Lambda & NuxtJS
There are two things that I love right know:
Build VueTube: A Youtube Clone Flexbox
Building VueTube Tutorial, a Youtube Clone with Vue.js, Webpack and Flexbox. - http://bit.ly/2jflUzm
#vue
Building VueTube Tutorial, a Youtube Clone with Vue.js, Webpack and Flexbox. - http://bit.ly/2jflUzm
#vue
Medium
Build VueTube: A Youtube Clone with VueJS, Webpack and Flexbox
In this tutorial we are going to be building our own competitor to YouTube called VueTube. Here’s a screenshot of the finished product!
Introducing the React Context API
React’s new Context API continues to be a popular topic we’ve seen covered from numerous angles recently. - http://bit.ly/2JF587N
#react
React’s new Context API continues to be a popular topic we’ve seen covered from numerous angles recently. - http://bit.ly/2JF587N
#react
Leighhalliday
Introducing the React Context API
The new React Context API is touted (at least on Twitter and a number of articles) as solving the need to use a state management tool…
5 Tips for Super-Fast CSS
Hasten page rendering by cutting the excess from your site’s CSS. - http://bit.ly/2vX5zsq
#css
Hasten page rendering by cutting the excess from your site’s CSS. - http://bit.ly/2vX5zsq
#css
Creative Bloq
5 tips for super-fast CSS
Learn how to hasten page rendering by cutting the excess from your site's CSS.