Adding Bootstrap to a Vue CLI Project
Vue CLI 3 projects do not include much CSS. This tutorial shows the best way to add the Bootstrap CSS framework to a new Vue CLI project. - http://bit.ly/2MO3Jx6
#vue
Vue CLI 3 projects do not include much CSS. This tutorial shows the best way to add the Bootstrap CSS framework to a new Vue CLI project. - http://bit.ly/2MO3Jx6
#vue
Travis Horn
Adding Bootstrap to a Vue CLI Project
The Vue CLI is an awesome tool to kick-start your Vue projects. But by default — and rightly so — it comes with very little in the way of…
Chrome 70 Beta and the Shape Detection API
The Shape Detection API consists of three other APIs, the Face Detection API, Barcode Detection API and Text Detection API, all designed to make a device’s shape detection capabilities available to Web developers. - http://bit.ly/2Q9T0ix
#chrome
The Shape Detection API consists of three other APIs, the Face Detection API, Barcode Detection API and Text Detection API, all designed to make a device’s shape detection capabilities available to Web developers. - http://bit.ly/2Q9T0ix
#chrome
Chromium Blog
Chrome 70 beta: shape detection, web authentication, and more
Unless otherwise noted, changes described below apply to the newest Chrome Beta channel release for Android, Chrome OS, Linux, macOS, and Wi...
The 100% Correct Way to Split Your Chunks with Webpack
Know what file-splitting strategy will work best for your site and your users. - http://bit.ly/2NXHiKw
#webpack
Know what file-splitting strategy will work best for your site and your users. - http://bit.ly/2NXHiKw
#webpack
Hacker Noon
The 100% correct way to split your chunks with Webpack
Working out the best way to serve up files to your users can be a tricky business. There’s so many different scenarios, different…
Announcing TypeScript 3.1 RC
3.1 two main additions are mappable tuple and array types plus properties on function declarations. - http://bit.ly/2MT3Ib0
#typescript
3.1 two main additions are mappable tuple and array types plus properties on function declarations. - http://bit.ly/2MT3Ib0
#typescript
CSS Only Floated Labels with :placeholder-shown Pseudo Class
Nick Salloum shows how to build a CSS only solution to the floated label technique using the :placeholder-shown pseudo class. - http://bit.ly/2xGNAVt
#css
Nick Salloum shows how to build a CSS only solution to the floated label technique using the :placeholder-shown pseudo class. - http://bit.ly/2xGNAVt
#css
Callmenick
CSS Only Floated Labels with :placeholder-shown pseudo class - Call Me Nick
In this tutorial, we’re going to build a CSS only solution to the floated label technique using the :placeholder-shown pseudo class.
The Three Pillars of Angular Routing. Angular Router Series Introduction.
The Angular router is a marvel of software engineering. From handling application navigation to enforcing route guards and facilitating lazy loading of modules, Angular’s router is indispensable for most applications. However, for many developers, the internal workings of the router remain a mystery. This series aims to change that, by giving you, the developer, a deeper understanding of the router. - http://bit.ly/2Q41JCK
#angular
The Angular router is a marvel of software engineering. From handling application navigation to enforcing route guards and facilitating lazy loading of modules, Angular’s router is indispensable for most applications. However, for many developers, the internal workings of the router remain a mystery. This series aims to change that, by giving you, the developer, a deeper understanding of the router. - http://bit.ly/2Q41JCK
#angular
Angular In Depth
The Three Pillars of Angular Routing. Angular Router Series Introduction.
This series will give you an in-depth understanding of the Angular router
Create a Custom Vue.js Plugin in < 1 Hour
Plugins are essential for developers working with the Vue.js framework. This post explains what they are, and how to craft a production-ready Vue plugin with minimal fuss. - http://bit.ly/2OUwKsE
#vue
Plugins are essential for developers working with the Vue.js framework. This post explains what they are, and how to craft a production-ready Vue plugin with minimal fuss. - http://bit.ly/2OUwKsE
#vue
Snipcart
Create a Custom Vue.js Plugin in < 1 Hour [Code Included]
Vue.js plugins are essential for developers working with this JS framework. This post explains what they are, and how to craft a production-ready Vue plugin in < 1 hour.
Improving DataView Performance in V8
DataViews provide a low-level way to read and write multiple number types in binary ArrayBuffers in a platform independent way but their performance has long lagged behind TypedArray. That has now changed in the V8 JavaScript engine, and here are the end results. - http://bit.ly/2zA8h6K
#nodejs
DataViews provide a low-level way to read and write multiple number types in binary ArrayBuffers in a platform independent way but their performance has long lagged behind TypedArray. That has now changed in the V8 JavaScript engine, and here are the end results. - http://bit.ly/2zA8h6K
#nodejs
v8.dev
Improving DataView performance in V8 · V8
V8 v6.9 bridges the performance gap between DataView and equivalent TypedArray code, effectively making DataView usable for performance-critical real-world applications.
Angular Schematics: Asynchronous Schematics
Full disclosure, this post completely could be an edge case that you may or may not ever need to think about when creating your own Angular Schematics. For a majority of Schematics, you’ll be generating your Schematic in a very synchronous fashion, able to trace the exact path from one function to another without any external dependencies or service calls. - http://bit.ly/2NW31TI
#angular
Full disclosure, this post completely could be an edge case that you may or may not ever need to think about when creating your own Angular Schematics. For a majority of Schematics, you’ll be generating your Schematic in a very synchronous fashion, able to trace the exact path from one function to another without any external dependencies or service calls. - http://bit.ly/2NW31TI
#angular
Medium
Angular Schematics: Asynchronous Schematics
Full disclosure, this post completely could be an edge case that you may or may not ever need to think about when creating your own…
Designing notifications for apps
Explore different notification models and when to use which - http://bit.ly/2OZ4Tb6
#ui
Explore different notification models and when to use which - http://bit.ly/2OZ4Tb6
#ui
Medium
Designing notifications for apps
Explore different notification models and when to use which
Immutability in React and Redux: The Complete Guide
Learn about side effects and how to avoid them, how to use immutability with objects and arrays in Redux reducers, and an easy way to update state with Immer. - http://bit.ly/2N6DNg4
#react
Learn about side effects and how to avoid them, how to use immutability with objects and arrays in Redux reducers, and an easy way to update state with Immer. - http://bit.ly/2N6DNg4
#react
Dave Ceddia
Immutability in React and Redux: The Complete Guide
Learn about side effects and how to avoid them, how to wield immutablity to update objects and arrays in Redux reducers, and the easy way to update state with Immer.
Idle Until Urgent: A Performance Strategy
When analyzing his site’s ‘first input delay’, Phil noticed all the JavaScript functions being run as the page loaded added up to a significant amount of time. His solution? Only run code in idle periods or when it’s truly, urgently required. Here’s a look at how that works in practice. - http://bit.ly/2NRxceS
#javascript
When analyzing his site’s ‘first input delay’, Phil noticed all the JavaScript functions being run as the page loaded added up to a significant amount of time. His solution? Only run code in idle periods or when it’s truly, urgently required. Here’s a look at how that works in practice. - http://bit.ly/2NRxceS
#javascript
Philipwalton
Idle Until Urgent — Philip Walton
Thoughts on web development, open source, software architecture, and the future.
Angular Dynamic Components: Building a Dialog System
In this tutorial, we will learn what dynamic components are and how they work in angular.
We will do so by creating a very flexible dialog system, that demonstrates how dynamic components are used. - http://bit.ly/2RbGRei
#angular
In this tutorial, we will learn what dynamic components are and how they work in angular.
We will do so by creating a very flexible dialog system, that demonstrates how dynamic components are used. - http://bit.ly/2RbGRei
#angular
Malcoded
Angular Dynamic Components: Building a Dialog System
In this tutorial, you will learn what dynamic components are and how they work in angular. You will do so by creating a very flexible dialog system, that…
Universal Application Code Structure in Nuxt.js
Are you new to Nuxt.js framework and totally overwhelmed by the number of folders it comes with? This post by Krutie Patel gives an easy-to-follow breakdown. - http://bit.ly/2R4Turl
#vue
Are you new to Nuxt.js framework and totally overwhelmed by the number of folders it comes with? This post by Krutie Patel gives an easy-to-follow breakdown. - http://bit.ly/2R4Turl
#vue
freeCodeCamp.org
Universal application code structure in Nuxt.js
A brief summary of source code structure in Nuxt.js
Building the New Scotchio Animated SVG Logo
Luis Manuel shares how their team implemented a new animated logo. - http://bit.ly/2RganiV
#css
Luis Manuel shares how their team implemented a new animated logo. - http://bit.ly/2RganiV
#css
Authentication for a React and Express Application with JSON Web Tokens
How to setup authentication on a React Router-powered React app that’s using Express.js and MongoDB on the back-end. - http://bit.ly/2DzaxPR
#react #nodejs #express
How to setup authentication on a React Router-powered React app that’s using Express.js and MongoDB on the back-end. - http://bit.ly/2DzaxPR
#react #nodejs #express
Medium
Authentication For Your React and Express Application w/ JSON Web Tokens
Using React and react-router v4 on the front-end supported on the back-end with a node.js application using Express and MongoDB with…
30 Seconds of Code: A Curated Collection of Useful JavaScript Snippets
We first linked this project last year, but it’s just had a ‘1.1’ release where lots of the snippets have been updated and improved, so if you want to do lots of interesting things with arrays, math, strings, and more, check it out. - http://bit.ly/2xUjPAE
#javascript
We first linked this project last year, but it’s just had a ‘1.1’ release where lots of the snippets have been updated and improved, so if you want to do lots of interesting things with arrays, math, strings, and more, check it out. - http://bit.ly/2xUjPAE
#javascript
GitHub
GitHub - Chalarangelo/30-seconds-of-code: Short code snippets for all your development needs
Short code snippets for all your development needs - Chalarangelo/30-seconds-of-code
Make your Vue.js application SEO friendly
There is a lot of debate around SEO these days. Some people tend to think that SPAs (Single Page Apps) are SEO friendly while others argue on the other side that SPAs are not SEO friendly at all. - http://bit.ly/2O1wkEr
#vue #seo
There is a lot of debate around SEO these days. Some people tend to think that SPAs (Single Page Apps) are SEO friendly while others argue on the other side that SPAs are not SEO friendly at all. - http://bit.ly/2O1wkEr
#vue #seo
Medium
Make your Vue.js application SEO friendly
There is a lot of debate around SEO these days. Some people tend to think that SPAs (Single Page Apps) are SEO friendly while others argue…