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.
Layers and How to Force Them
Surma explains how rendering engine of a browser works, and how to force element onto its own layer. - http://bit.ly/2HWL70k
#css
Surma explains how rendering engine of a browser works, and how to force element onto its own layer. - http://bit.ly/2HWL70k
#css
dassur.ma
Layers and how to force them — surma.dev
The answer is will-change: transform. Or is it?
Essential Tools for Versioning and Releasing Your npm Modules
Covers semantic-release, Commitizen, Jest, Codecov, ESLint and GreenKeeper. - http://bit.ly/2rp7jFf
#nodejs
Covers semantic-release, Commitizen, Jest, Codecov, ESLint and GreenKeeper. - http://bit.ly/2rp7jFf
#nodejs
Hacker Noon
These 6 essential tools will release, version, and maintain your NPM modules for you
Learning how to implement them for your own projects will save you a ton of time!
TUI Calendar: An Attractive, Full Featured Calendar Control
From the creators of TUI Chart comes TUI Calendar, a highly customizable JavaScript calendar widget that supports numerous view types (weekly, monthly, etc.), dragging and resizing of schedule items, and is basically like your own Google Calendar in a box. MIT licensed too. - http://bit.ly/2rpNeiP
#javascript
From the creators of TUI Chart comes TUI Calendar, a highly customizable JavaScript calendar widget that supports numerous view types (weekly, monthly, etc.), dragging and resizing of schedule items, and is basically like your own Google Calendar in a box. MIT licensed too. - http://bit.ly/2rpNeiP
#javascript
GitHub
GitHub - nhn/tui.calendar: 🍞📅A JavaScript calendar that has everything you need.
🍞📅A JavaScript calendar that has everything you need. - GitHub - nhn/tui.calendar: 🍞📅A JavaScript calendar that has everything you need.
Storybook 3.4 Released: The UI Component Builder
Now supports React, React Native, Vue, Angular and Polymer. - http://bit.ly/2FRIwyS
#storybook #realeased
Now supports React, React Native, Vue, Angular and Polymer. - http://bit.ly/2FRIwyS
#storybook #realeased
Medium
Announcing Storybook 3.4
Polymer, Image/Vue/Angular Storyshots, Multi-Hierarchy, & more!