BEM For Beginners: Why You Need BEM
BEM is what we in the UK might call a ‘Marmite’ topic: people either love it and use it all the time or are disinterested in the idea entirely. CSS style isolation has value, however, and BEM can bring you more besides when it comes to structuring your frontend code. I’m still not convinced myself but this is a worthy attempt at showing BEM’s worth. - http://bit.ly/2MwbRmf
#css #bem
BEM is what we in the UK might call a ‘Marmite’ topic: people either love it and use it all the time or are disinterested in the idea entirely. CSS style isolation has value, however, and BEM can bring you more besides when it comes to structuring your frontend code. I’m still not convinced myself but this is a worthy attempt at showing BEM’s worth. - http://bit.ly/2MwbRmf
#css #bem
Smashing Magazine
BEM For Beginners: Why You Need BEM — Smashing Magazine
CSS styles isolation is the most frequent start point of the BEM usage. But this is the least that BEM can give you. BEM brings a system approach in your project and keeps it from the mess.
Practical Tips for Working with CSS Variables
Michelle Barker shares a few tips for integrating CSS Variables into your workflow. - http://bit.ly/2Ku7VG8
#css
Michelle Barker shares a few tips for integrating CSS Variables into your workflow. - http://bit.ly/2Ku7VG8
#css
css-irl.info
CSS {In Real Life}
CSS In Real Life is a blog covering CSS topics and useful snippets on the web’s most beautiful language. Published by Michelle Barker, front end developer at Mud and CSS superfan.
Using JavaScript Modules on the Web
Node supports ES modules, Firefox 60 supports ES modules, indeed most browsers do so you might enjoy this Chrome-themed explanation of what they are, how to use them in the browser, and how to keep them fast. - http://bit.ly/2KBwPTm
#javascript
Node supports ES modules, Firefox 60 supports ES modules, indeed most browsers do so you might enjoy this Chrome-themed explanation of what they are, how to use them in the browser, and how to keep them fast. - http://bit.ly/2KBwPTm
#javascript
v8.dev
JavaScript modules · V8
This article explains how to use JavaScript modules, how to deploy them responsibly, and how the Chrome team is working to make modules even better in the future.
Introducing Vue Native
Vue Native is a framework for building cross-platform native mobile apps using Vue.js. It does this by compiling the Vue code to React Native. Learn more about it in this article by the creators. - http://bit.ly/2IJjraR
#vueNative
Vue Native is a framework for building cross-platform native mobile apps using Vue.js. It does this by compiling the Vue code to React Native. Learn more about it in this article by the creators. - http://bit.ly/2IJjraR
#vueNative
GeekyAnts Blog
Introducing Vue Native
We at GeekyAnts are very excited to share one of our side projects which we have been working on for a while, Vue Native!
How to Build Native Extensions for Node.js
A step by step guide to understand the core concepts involved in building your first Node.js extension if you have something in C++ you want to be able to call from Node code. - http://bit.ly/2MJ0nvC
#nodejs
A step by step guide to understand the core concepts involved in building your first Node.js extension if you have something in C++ you want to be able to call from Node code. - http://bit.ly/2MJ0nvC
#nodejs
Medium
Native Extensions for Node.js
A step by step guide to understand the core concepts and build a first extension
The Web Layouts of Tomorrow
How modern CSS can aid with building “unconventional” layouts. - http://bit.ly/2tBeEmZ
#css
How modern CSS can aid with building “unconventional” layouts. - http://bit.ly/2tBeEmZ
#css
Max Böck
The Layouts of Tomorrow
I went over to dribbble in search of fresh webdesign ideas - how hard is it to build a non-standard layout, given the modern CSS tools we have today? An experiment on CodePen.
A Minimal Guide to ECMAScript Decorators
Decorators, which would provide a handy syntax to mutate functions or classes, are currently at stage 2 of TC39’s process, but how are they likely to work? - http://bit.ly/2lPSYzi
#javascript
Decorators, which would provide a handy syntax to mutate functions or classes, are currently at stage 2 of TC39’s process, but how are they likely to work? - http://bit.ly/2lPSYzi
#javascript
ITNEXT
A minimal guide to ECMAScript Decorators
A short introduction to “decorators” proposal in JavaScript with basic examples and little bit about ECMAScript
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…