Use Sass/Scss of Webpack in Vue
Using this style structure, you can have more efficiency.
https://goo.gl/TzXbqu
#vue #sass
Using this style structure, you can have more efficiency.
https://goo.gl/TzXbqu
#vue #sass
Creating HTML Web Components with Vanilla JS
While native Web Component support isn’t 100% yet, polyfills are available, and this tutorial walks through what’s involved to create your own HTML tags as components. - https://goo.gl/H7QqSt
#javascript
While native Web Component support isn’t 100% yet, polyfills are available, and this tutorial walks through what’s involved to create your own HTML tags as components. - https://goo.gl/H7QqSt
#javascript
The New CSS Layout, An Excerpt
This excerpt is from Chapter 3 of Rachel Andrews new A Book Apart book and is well worth a read (just go buy it really). Another bit of news which is wonderful is that Rachel Andrew has also been made the Editor in Chief of Smashing Magazine moving forward and I’m looking forward to seeing a wonderful publication get even better. - https://goo.gl/APg2U8
#css
This excerpt is from Chapter 3 of Rachel Andrews new A Book Apart book and is well worth a read (just go buy it really). Another bit of news which is wonderful is that Rachel Andrew has also been made the Editor in Chief of Smashing Magazine moving forward and I’m looking forward to seeing a wonderful publication get even better. - https://goo.gl/APg2U8
#css
Alistapart
The New CSS Layout, An Excerpt
We’re pleased to share an excerpt from Rachel Andrew’s latest book The New CSS Layout, available now from A Book Apart.
Error Boundaries in React 16
Think of error boundaries like try-catch statements, but for React components. - https://goo.gl/C4J1s3
#react
Think of error boundaries like try-catch statements, but for React components. - https://goo.gl/C4J1s3
#react
Animation and Data Visualization with Vue
Animation can explain whatever the mind can conceive. When animation is functionally applied to a website or app, the event flow can easily map with the user’s ability to navigate through the app. - https://goo.gl/3nxJKy
#vue #animation
Animation can explain whatever the mind can conceive. When animation is functionally applied to a website or app, the event flow can easily map with the user’s ability to navigate through the app. - https://goo.gl/3nxJKy
#vue #animation
X-Team Blog - Commit. Push. Unleash.
Animation and Data Visualization with Vue
If you have ever wondered how to do some of those awesome animations you see on websites, you will love the treasury of knowledge that is this guide.
sketch-to-react-native: Convert Sketch Files Into React Native Components - https://goo.gl/BBbM34
#reactNative
#reactNative
GitHub
nanohop/sketch-to-react-native
Convert Sketch files into React Native components. Contribute to nanohop/sketch-to-react-native development by creating an account on GitHub.
Writing Clean Code: Start to Bootstrap
A set of best practices for writing clean HTML and CSS… but please do take it with a grain of salt. What is one person’s best practice, is another person’s least favorite approach. - https://goo.gl/DGGt6E
#css
A set of best practices for writing clean HTML and CSS… but please do take it with a grain of salt. What is one person’s best practice, is another person’s least favorite approach. - https://goo.gl/DGGt6E
#css
Toptal Engineering Blog
Clean Code: Why HTML/CSS Essentials Still Matter
This article will introduce you clean code principles and explain what writing clean code really entails.
Mocking is a Code Smell
“Don’t waste your time wedging dependency injection into your app so you can mock the whole world. Chances are very good that it’s hurting you more than it’s helping.” - https://goo.gl/4TunS4
#test #mocking
“Don’t waste your time wedging dependency injection into your app so you can mock the whole world. Chances are very good that it’s hurting you more than it’s helping.” - https://goo.gl/4TunS4
#test #mocking
Medium
Mocking is a Code Smell
Note: This is part of the “Composing Software” series (now a book!) on learning functional programming and compositional software…
TypeScript 2.6 Released
The JavaScript superset that adds optional static types gets a variety of new features aimed at established users. - https://goo.gl/hBefof
#typescript #release
The JavaScript superset that adds optional static types gets a variety of new features aimed at established users. - https://goo.gl/hBefof
#typescript #release
Vue.js: Routing with vue-router
Creating a Single-page Application with Vue + Vue Router is dead simple. - https://goo.gl/GEauor
#vue #router
Creating a Single-page Application with Vue + Vue Router is dead simple. - https://goo.gl/GEauor
#vue #router
Medium
VueJs: Routing with vue-router
If you are working with vuejs and SPA you are going to end up using vue-router sooner or later to deal with the navigation of your app.
HEAD: Everything To Go In Your HTML’s 'head'
Starts from the usual basics (title, charset, etc.) but works up to a significant number of meta and link tags useful in various situations. -
https://goo.gl/DJiwij
#html
Starts from the usual basics (title, charset, etc.) but works up to a significant number of meta and link tags useful in various situations. -
https://goo.gl/DJiwij
#html
GitHub
joshbuchea/HEAD
HEAD - A list of everything that *could* go in the head of your document
Media Queries & Grid Settings
Practical media helpers for Susy3 - https://goo.gl/fzFDgU
#css #susy #grid
Practical media helpers for Susy3 - https://goo.gl/fzFDgU
#css #susy #grid
OddBird
Media Queries & Grid Settings
Most grids change with the viewport – and Susy needs new settings at each breakpoint. Susy3 is designed without mixins for complete flexibility from project to project, but it can be useful to build additional tools and shortcuts as you go. Here are some…
vue-apollo 3.0 alpha released
Version 3.0 alpha with support for Apollo Client 2.x -
https://goo.gl/vgcSFV
#release
Version 3.0 alpha with support for Apollo Client 2.x -
https://goo.gl/vgcSFV
#release
GitHub
Akryum/vue-apollo
vue-apollo - 🚀 Apollo/GraphQL integration for VueJS
How to Create an HTTP/2 Static File Server with Node
Node 8.8.1 and above includes support for HTTP/2. This tutorial walks through creating a simple HTTP/2 server to serve static files -
https://goo.gl/SNjecH
#nodejs #http2
Node 8.8.1 and above includes support for HTTP/2. This tutorial walks through creating a simple HTTP/2 server to serve static files -
https://goo.gl/SNjecH
#nodejs #http2
Dexecure
How to create a zero dependency HTTP/2 static file server with Node.js (with examples) | Dexecure
Node.js just launched support (v8.8.1) for HTTP/2 as part of their core. In this post, we will create a simple HTTP/2 server to serve static files and then demonstrate some cool features like HTTP/2 PUSH.
How to Structure Components in React
Components are a great abstraction to build both small and big systems. It’s only a case of picking the right solution. - https://goo.gl/35WGGk
#react
Components are a great abstraction to build both small and big systems. It’s only a case of picking the right solution. - https://goo.gl/35WGGk
#react
Real Life Programming
How to structure components in React?
Programming is quite a complex task. Especially crafting clean code is hard. We need to take care of many elements — naming variables…
How to Build a Video/Voice Calling App with React Native
A set of screencasts walking through some of what’s involved in creating a native communications app - https://goo.gl/HezrFp
#reactNative #video
A set of screencasts walking through some of what’s involved in creating a native communications app - https://goo.gl/HezrFp
#reactNative #video
I Watched All The Chrome Dev Summit Vids So You Don’t Have To
The takeaway: Google wants you to build PWAs, reduce JS file size, use Web Components, and configure your forms to support autofill. - https://goo.gl/fra55T
#chromeDevSummit
The takeaway: Google wants you to build PWAs, reduce JS file size, use Web Components, and configure your forms to support autofill. - https://goo.gl/fra55T
#chromeDevSummit
Code Red
I Watched All of the Chrome Dev Summit 2017 Videos So You Don’t Have To
There were few announcements and a lot of PWA evangelism.
Build A Collapsible Tree Menu With Vue.js Recursive Components
A recursive component is one which invokes itself and is useful for displaying comments on a blog, nested menus or anything where the parent and child are the same. In this tutorial, I’ll give you a demonstration of how to build a collapsible tree menu. - https://goo.gl/JVA9Mj
#vue
A recursive component is one which invokes itself and is useful for displaying comments on a blog, nested menus or anything where the parent and child are the same. In this tutorial, I’ll give you a demonstration of how to build a collapsible tree menu. - https://goo.gl/JVA9Mj
#vue
Vue.js Developers
Build A Collapsible Tree Menu With Vue.js Recursive Components
A recursive component is one which invokes itself and is useful for displaying comments on a blog, nested menus or anything where the parent and child are the same. In this tutorial, I'll give you a demonstration of how to build a collapsible tree menu.
Web Typography: Designing Tables to be Read, Not Looked At
Richard Rutter goes deep on how to improve the readability of your data tables. - https://goo.gl/745po3
#typography
Richard Rutter goes deep on how to improve the readability of your data tables. - https://goo.gl/745po3
#typography
A List Apart
Web Typography: Designing Tables to be Read, Not Looked At
You may not think about it often, but tables are meant to be read. In this excerpt from Chapter 2 of his book, Web Typography, Richard Rutter explains how typography can improve the UX of our rows …