Build a Single Page App from Scratch Without a Framework
Using jQuery (yes!), Handlebars, Express and Axios. - http://bit.ly/2KCGOog
#jquery #spa
Using jQuery (yes!), Handlebars, Express and Axios. - http://bit.ly/2KCGOog
#jquery #spa
Sitepoint
Build a JavaScript Single Page App Without a Framework — SitePoint
Michael shows how to build an SPA from scratch, without using a client-side JavaScript framework — helping you evaluate what these frameworks actually do.
PWA Minimus: A Minimal PWA checklist
A checklist and starter code covering the features you need to support to be a progressive web app. - http://bit.ly/2z9Mq8h
#pwa
A checklist and starter code covering the features you need to support to be a progressive web app. - http://bit.ly/2z9Mq8h
#pwa
mobiForge
PWA Minimus: A minimal PWA checklist - mobiForge
Now that Progressive Web Apps are supported on all major browsers, we present a minimal PWA checklist: PWA Minimus, to meet the minimum PWA requirements
21 Top Vue.js UI Libraries For Your App
21 best and popular Vue.js UI component libraries and frameworks for building your next Vue.js application faster with UI components. - http://bit.ly/2Nh72OJ
#vue
21 best and popular Vue.js UI component libraries and frameworks for building your next Vue.js application faster with UI components. - http://bit.ly/2Nh72OJ
#vue
Hacker Noon
21 Top Vue.js UI Libraries For Your App
A master-list of the best Vue.js UI component libraries for 2018.
NativeScript Now Supports Vector Types
NativeScript 4.1 now includes support for vector types on iOS. Here’s a look at how the types work and some of the things you can do with them. - http://bit.ly/2KLOMvi
#nativeScript
NativeScript 4.1 now includes support for vector types on iOS. Here’s a look at how the types work and some of the things you can do with them. - http://bit.ly/2KLOMvi
#nativeScript
The Internals of Shadow DOM and How to Build Self-Contained Components
A basic introduction to building Web Components. - http://bit.ly/2MHK7el
#shadowDOM
A basic introduction to building Web Components. - http://bit.ly/2MHK7el
#shadowDOM
SessionStack Blog
How JavaScript works: the internals of Shadow DOM + how to build self-contained components
This is post # 17 of the series dedicated to exploring JavaScript and its building components.
8-Point Grid: Typography on the Web
Web typography is confusing. Do you know the best practices? - http://bit.ly/2tVMQtA
#web #typography
Web typography is confusing. Do you know the best practices? - http://bit.ly/2tVMQtA
#web #typography
freeCodeCamp.org
8-Point Grid: Typography On The Web
Web typography is confusing. Do you know the best practices?
When I started looking around at popular websites to figure out the best
practices for web typography, I must admit I was baffled. Below are some
examples of typography scales I pulled from a few…
When I started looking around at popular websites to figure out the best
practices for web typography, I must admit I was baffled. Below are some
examples of typography scales I pulled from a few…
Introducing rest-hapi: Build Fast REST APIs with Node
A RESTful API generator built as a plugin for Hapi and that uses Mongoose and MongoDB behind the scenes. - http://bit.ly/2NrclLx
#nodejs
A RESTful API generator built as a plugin for Hapi and that uses Mongoose and MongoDB behind the scenes. - http://bit.ly/2NrclLx
#nodejs
Resthapi
How to build powerful REST APIs blazingly fast with Node.js · rest-hapi
> Original post can be found [here on Medium](https://medium.com/@headley.justin/how-to-build-powerful-rest-apis-blazingly-fast-with-node-js-86d6e55a5b34)
How to build a real-time editable data table in Vue.js
Learn how to make a real-time editable data table in Vue.js and Hamoni Sync. - http://bit.ly/2NjSHkr
#vue
Learn how to make a real-time editable data table in Vue.js and Hamoni Sync. - http://bit.ly/2NjSHkr
#vue
The Practical Dev
How to build a real-time editable data table in Vue.js
learn how to make a real-time editable data table in vue.js and hamoni sync
Drawing Images with CSS Gradients
If you’ve seen an illustration created purely with HTML and CSS but struggled to understand how it all comes together, this is a neat step-by-step guide to creating some of your own. - http://bit.ly/2zggvCO
#css
If you’ve seen an illustration created purely with HTML and CSS but struggled to understand how it all comes together, this is a neat step-by-step guide to creating some of your own. - http://bit.ly/2zggvCO
#css
CSS-Tricks
Drawing Images with CSS Gradients | CSS-Tricks
What I mean by "CSS images" is images that are created using only HTML elements and CSS. They look as if they were SVGs drawn in Adobe Illustrator but
Building A Serverless Slack Bot using Cloudflare Workers and JavaScript
Workers is a serverless/edge-computing platform Cloudflare operates. - http://bit.ly/2tYpQtl
#javascript #slack #bot
Workers is a serverless/edge-computing platform Cloudflare operates. - http://bit.ly/2tYpQtl
#javascript #slack #bot
The Cloudflare Blog
Building a serverless Slack bot using Cloudflare Workers
Our Workers platform can be used for a ton of useful purposes: for A/B testing, storage bucket authentication, coalescing responses from multiple APIs, and more. But Workers can also be put to use beyond "HTTP middleware": a Worker can effectively be a web…
Assessing Loading Performance in Real Life
Synthetic testing of Web page load performance using browser tools is a great start, but the Navigation Timing and Resource Timing APIs can be used to get a more ‘real world’ impression of what’s going on. - http://bit.ly/2NmyACh
#web
Synthetic testing of Web page load performance using browser tools is a great start, but the Navigation Timing and Resource Timing APIs can be used to get a more ‘real world’ impression of what’s going on. - http://bit.ly/2NmyACh
#web
Google Developers
Assessing Loading Performance in Real Life with Navigation and Resource Timing | Web Fundamentals
| Google Developers
| Google Developers
When we measure loading performance, we often do so using testing tools that only describe performance from the perspective of the tester. If we want to measure loading performance from the user's perspective, we must rely on the Navigation and Resource Timing…
Vue Router Page Transitions
This article shows how to improve the UX of your site by making cool transitions between pages with Vue Router. It covers various animation techniques including zoom, slide, and fade. - http://bit.ly/2J4z1xP
#vue
This article shows how to improve the UX of your site by making cool transitions between pages with Vue Router. It covers various animation techniques including zoom, slide, and fade. - http://bit.ly/2J4z1xP
#vue
markus.oberlehner.net
Vue Router Page Transitions with Fade, Slide and Zoom Effects
Learn how to transition between Vue Router Views using fade, slide and zoom effects. Examples for using animations for Vue Router page transitions.
react-scroll-shadow: Pure CSS Shadow to Indicate More Content in Scrollable Area - http://bit.ly/2KGHUU5
#react #component
#react #component
GitHub
GitHub - zzarcon/react-scroll-shadow: Pure CSS shadow to indicate more content in scrollable area
Pure CSS shadow to indicate more content in scrollable area - GitHub - zzarcon/react-scroll-shadow: Pure CSS shadow to indicate more content in scrollable area
How and Why We Unit Test Our Sass
Yes, you can unit test your Sass-powered stylesheets. - http://bit.ly/2KEclth
#sass #testing
Yes, you can unit test your Sass-powered stylesheets. - http://bit.ly/2KEclth
#sass #testing
Sparkbox
CSS Testing: How and Why We Unit Test Our Sass
Any design system, web app, or website project that makes use of mixins or functions in Sass can benefit from CSS unit testing, or more specifically, Sass testing. Find out how to unit test Sass with a unit testing tool, learn best practices for writing unit…
A Curated List About Testing Vue Applications
Unit and E2E testing are crucial for developing quality web applications. If you’re just getting into Vue testing, check out this open source list of Vue-related testing resources. - http://bit.ly/2KWoCJx
#vue
Unit and E2E testing are crucial for developing quality web applications. If you’re just getting into Vue testing, check out this open source list of Vue-related testing resources. - http://bit.ly/2KWoCJx
#vue
GitHub
GitHub - szafran89/vue-test-resources: A curated list about testing Vue Applications
A curated list about testing Vue Applications. Contribute to szafran89/vue-test-resources development by creating an account on GitHub.
Building a Fancy Countdown Timer with MomentumSlider.js
How to build a countdown timer using CSS, and a new library called MomentumSlider. - http://bit.ly/2u5gdJg
#javascript #component
How to build a countdown timer using CSS, and a new library called MomentumSlider. - http://bit.ly/2u5gdJg
#javascript #component
Scotch
Building a Fancy Countdown Timer with MomentumSlider.js
Learn how to build a Fancy Countdown Timer usign CSS, and a new library called MomentumSlider.
5 Common Practices You Can Stop Doing in React
Some patterns help you improve your overall workflow whereas a few others have significant side effects. - http://bit.ly/2KRFykq
#react
Some patterns help you improve your overall workflow whereas a few others have significant side effects. - http://bit.ly/2KRFykq
#react
LogRocket
5 common practices that you can stop doing in React
Sometimes best practices can compromise performance, readability, and make things unproductive in the long run.