Understanding the Buffer Deprecation in Node.js 10
Shipping in Node.js 10 is a relatively uncontroversial fix for an extremely controversial issue in Node - use of the Buffer constructor. - http://bit.ly/2vGEbOX
#nodejs
Shipping in Node.js 10 is a relatively uncontroversial fix for an extremely controversial issue in Node - use of the Buffer constructor. - http://bit.ly/2vGEbOX
#nodejs
Lazy Loading Images and Video
Looking to improve initial page load time and lower per-page payload? This guide on has plenty of pointers on lazy-loading techniques, libraries and gotchas to watch out for. - http://bit.ly/2JhfoTL
#images #lazy #loading
Looking to improve initial page load time and lower per-page payload? This guide on has plenty of pointers on lazy-loading techniques, libraries and gotchas to watch out for. - http://bit.ly/2JhfoTL
#images #lazy #loading
Google Developers
Lazy Loading Images and Video | Web Fundamentals | Google Developers
If your site has a ton of images and video, but you don't want to cut down on any of it, lazy loading might be just the technique you need to improve initial page load time and lower per-page payload.
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!