How to Build Vue Components in a WordPress Theme
Progressive enhancement is a feature of Vue that is not mentioned often, yet is one of the biggest strengths of the framework when it comes to adoption in large, already existing applications. It opens the way to progressively introduce Vue into your stack (even one page at a time without an additional build step) without having to rewrite the whole app at once. In this article, you can learn how to do that with a WordPress theme. - http://amp.gs/0H6v
#vue
Progressive enhancement is a feature of Vue that is not mentioned often, yet is one of the biggest strengths of the framework when it comes to adoption in large, already existing applications. It opens the way to progressively introduce Vue into your stack (even one page at a time without an additional build step) without having to rewrite the whole app at once. In this article, you can learn how to do that with a WordPress theme. - http://amp.gs/0H6v
#vue
CSS-Tricks
How to Build Vue Components in a WordPress Theme
The inline-template directive allows us to build rich Vue components as a progressive enhancement over existing WordPress markup.
How I Made a '3D' Game in Only 2KB of JavaScript
This is one of those detailed, fun, ‘learn a few tricks’ type walkthroughs. I’ve always been fascinated how people pull off various effects in games and how they get their code down to such small sizes. A fun read. - http://amp.gs/02cK
#javascript
This is one of those detailed, fun, ‘learn a few tricks’ type walkthroughs. I’ve always been fascinated how people pull off various effects in games and how they get their code down to such small sizes. A fun read. - http://amp.gs/02cK
#javascript
Killed By A Pixel
How I made a 3D game in only 2KB of JavaScript
Months ago, when I heard that the legendary JS1k game jam would not be continuing, I talked it over with some other devs and decided to help fill the void we would host a 2k game jam on itch called…
Angular & CSS Grid: Dynamic Grid Properties
Investigate one way to dynamically modify CSS Grid Properties using Angular’s @HostBinding Decorator. - http://amp.gs/0FzL
#angular
Investigate one way to dynamically modify CSS Grid Properties using Angular’s @HostBinding Decorator. - http://amp.gs/0FzL
#angular
Medium
Angular & CSS Grid: Dynamic Grid Properties
Angular @HostBinding with CSS Grid
A Complete Guide to calc() in CSS
Chris Coyier gives an excellent, in-depth guide to calc(). - http://amp.gs/0XEu
#css
Chris Coyier gives an excellent, in-depth guide to calc(). - http://amp.gs/0XEu
#css
CSS-Tricks
A Complete Guide to calc() in CSS
CSS has a special calc() function for doing basic math. Here's an example: .main-content { /* Subtract 80px from 100vh */ height: calc(100vh - 80px); } In
Future-Proofing Firefox’s JavaScript Debugger Implementation
A run through some of the major improvements made to JavaScript debugging in the Firefox DevTools, including garbage collection, compartments, forced returns and exceptions. - http://amp.gs/0LER
#firefox #devTools
A run through some of the major improvements made to JavaScript debugging in the Firefox DevTools, including garbage collection, compartments, forced returns and exceptions. - http://amp.gs/0LER
#firefox #devTools
Mozilla Hacks – the Web developer blog
Future-proofing Firefox’s JavaScript Debugger Implementation
Optimizing the integration of Firefox Developer Tools with the SpiderMonkey JavaScript engine has resulted in many benefits, including the new asynchronous call stack tracking now available in Firefox Developer Edition. ...
5 Recommended Tools for Optimizing React Performance
A good overview touching on Profiler, React’s developer tools, Bit (who, you should note, commissioned the article), why-did-you-render and the performance timeline in Chrome. - http://amp.gs/0WRW
#react
A good overview touching on Profiler, React’s developer tools, Bit (who, you should note, commissioned the article), why-did-you-render and the performance timeline in Chrome. - http://amp.gs/0WRW
#react
Medium
5 Recommended Tools for Optimizing Performance in ReactJS
My top favorite tools for monitoring and optimizing my React components.
Why Svelte Is Our Choice for a Large Web Project in 2020
A thorough analysis of the pros and cons of picking Svelte over, say, React or Vue.js right now. - http://amp.gs/0aJa
#javascript #svelte
A thorough analysis of the pros and cons of picking Svelte over, say, React or Vue.js right now. - http://amp.gs/0aJa
#javascript #svelte
GitHub
feltcoop/why-svelte
Why Svelte is our choice for a large web project in 2020 - feltcoop/why-svelte
Howto Add TypeScript to Your Existing Vue Project
Here’s an interesting take on using TypeScript in a Vue project. Usually when people are talking about TS, they focus on creating a brand new application stack with TypeScript. In this article, Ville Säävuori focuses on how to add TypeScript gradually to an existing application. It also mentions several other resources where you can learn more. - http://amp.gs/0osk
#vue
Here’s an interesting take on using TypeScript in a Vue project. Usually when people are talking about TS, they focus on creating a brand new application stack with TypeScript. In this article, Ville Säävuori focuses on how to add TypeScript gradually to an existing application. It also mentions several other resources where you can learn more. - http://amp.gs/0osk
#vue
hoyci.unessa.net
Howto Add TypeScript to Your Existing Vue Project
How to gradually add TypeScript to existing Vue project without changing everything at once.
How to Build a Tool to Record and Compare Google Lighthouse Reports
A particularly thorough, step-by-step guide showing how to create a Node-powered tool run Google Lighthouse performance audits from the command line. - http://amp.gs/0MoG
#nodejs
A particularly thorough, step-by-step guide showing how to create a Node-powered tool run Google Lighthouse performance audits from the command line. - http://amp.gs/0MoG
#nodejs
CSS-Tricks
Build a Node.js Tool to Record and Compare Google Lighthouse Reports
In this tutorial, I’ll show you step by step how to create a simple tool in Node.js to run Google Lighthouse audits via the command line, save the reports
Angular: Recurring Problems I Face as a Front-End Consultant
Michele Stieven is a front-end developer and consultant in Italy. Over the last 2 years he's been working 90% of the time with Angular since it’s one of the most requested technologies in his field in Italy. He’d like to make a quick recap of the problems he's faced most as a consultant, and to address some issues or questions that he gets asked maybe too often! - http://amp.gs/0Qlf
#angular
Michele Stieven is a front-end developer and consultant in Italy. Over the last 2 years he's been working 90% of the time with Angular since it’s one of the most requested technologies in his field in Italy. He’d like to make a quick recap of the problems he's faced most as a consultant, and to address some issues or questions that he gets asked maybe too often! - http://amp.gs/0Qlf
#angular
Medium
Angular: Recurring problems I face as a Front-End Consultant
Hi, I’m Michele Stieven, a front-end developer and consultant in Italy. Over the last 2 years I’ve been working 90% of the time with…
CSS Logical Properties
Andy Bell demonstrates how to create spacing that works regardless of the direction of your content or the environment of your users. - http://amp.gs/0cp9
#css
Andy Bell demonstrates how to create spacing that works regardless of the direction of your content or the environment of your users. - http://amp.gs/0cp9
#css
Piccalilli
CSS Logical Properties - Piccalilli
Create spacing that works regardless of the direction of your content or the environment of your users.
Aborting a Signal: How to Cancel an Asynchronous Task
Canceling asynchronous tasks has always been tricky and while there’s now an official way to do so, it’s still not entirely straightforward. - http://amp.gs/06hX
#javascript
Canceling asynchronous tasks has always been tricky and while there’s now an official way to do so, it’s still not entirely straightforward. - http://amp.gs/06hX
#javascript
Ckeditor
How to cancel an async task in JavaScript?
Performing asynchronous tasks can be hard, especially when a particular programming language does not allow for canceling mistakenly started actions.
Vue 3 Reactivity - Learn Composition Functions API
Another great article on the upcoming Composition API, this time touching on how it might affect building animated interfaces. Check it out! - http://amp.gs/0bUQ
#vue
Another great article on the upcoming Composition API, this time touching on how it might affect building animated interfaces. Check it out! - http://amp.gs/0bUQ
#vue
Netlify
Vue 3 Reactivity - Learn Composition Functions API
See how Vue 3 changes the way we write and reason about Vue moving forward. Check out this post that dives into the new Composition Functions API and what else is coming in Vue 3.
Visualizing Data from a Node App with Prometheus and Grafana
Here’s a look at how to build attractive dashboards from any Node app by using Prometheus with Grafana, complete with some templates for you to start from. - http://amp.gs/KIzE
#nodejs
Here’s a look at how to build attractive dashboards from any Node app by using Prometheus with Grafana, complete with some templates for you to start from. - http://amp.gs/KIzE
#nodejs
Sergey Potekhin's personal blog
Visualizing data from your Node JS app with Prometheus + Grafana
In this article I'm going to show you how to build amazing dashboards for any Node JS application, tell you about using Prometheus with Grafana and give you some code templates, so you can use them to solve your own issues.
Stop Using ‘Drop-down’
Adrian Roselli explains why you should stop using the word drop-down, and instead choose a term that accurately describes the control you want. - http://amp.gs/KjRg
#css
Adrian Roselli explains why you should stop using the word drop-down, and instead choose a term that accurately describes the control you want. - http://amp.gs/KjRg
#css
Adrian Roselli
Stop Using ‘Drop-down’
TL;DR: Stop using the word drop-down. Instead choose a term that accurately describes the control you want. I have worked both with native platform developers and web developers. While control names might differ, if a control was functionally the same then…
Demystifying Async Programming in JavaScript
A lot to learn from this exploration for beginner and intermediate developers. - http://amp.gs/Kjcr
#javascript
A lot to learn from this exploration for beginner and intermediate developers. - http://amp.gs/Kjcr
#javascript
yunchi.dev
Demystifying Async Programming in Javascript
This blog post was first published as a codelab at https://github.com/button/codelab-async-js.
Asynchronous programming in Javascript has undergone several evolutions, from callbacks to promises to generators, and soon to async/await. While each evolution…
Asynchronous programming in Javascript has undergone several evolutions, from callbacks to promises to generators, and soon to async/await. While each evolution…
Deep dive into Vue state management
Explore the many approaches to state management with Vue.js in this deep dive article by Filip Rakowski. - http://amp.gs/K8dn
#vue
Explore the many approaches to state management with Vue.js in this deep dive article by Filip Rakowski. - http://amp.gs/K8dn
#vue
Vue.js Tutorials
Deep dive into Vue state management - Vue.js Tutorials
Explore the many approaches to state management with Vue.js in this deep dive article by Filip Rakowski.
How to Test Custom React Hooks
If you’ve begun writing your own custom hooks and want to build confidence that they’ll work as expected, you want to get started testing it properly. Kent works through how to go about it. - http://amp.gs/KTCd
#react
If you’ve begun writing your own custom hooks and want to build confidence that they’ll work as expected, you want to get started testing it properly. Kent works through how to go about it. - http://amp.gs/KTCd
#react
Kentcdodds
How to test custom React hooks
Get confidence your custom React hooks work properly with solid tests.
How to Debug a Child Process in Node and Gatsby with Chrome
This is a bit of a specific deep dive but there’s much to learn from this story of patching jest-workers to support easier debugging of child processes. - http://amp.gs/KzxM
#nodejs
This is a bit of a specific deep dive but there’s much to learn from this story of patching jest-workers to support easier debugging of child processes. - http://amp.gs/KzxM
#nodejs
Creative Text Flows Using CSS Shapes
Abbey Fitzgerald looks at how creative text flows can be incorporated into web layouts. - http://amp.gs/K1h1
#css
Abbey Fitzgerald looks at how creative text flows can be incorporated into web layouts. - http://amp.gs/K1h1
#css
LogRocket Blog
Creative text flows using CSS shapes - LogRocket Blog
Creativity doesn’t have to be limited if you want to break the grid a bit. Learn how creative text flows can be incorporated into your designs.
What is a Higher-Order Function?
You might have heard the term “higher-order function” thrown around in JS circles. This post uses some examples to attempt to define this concept. - http://amp.gs/KYU3
#javascript
You might have heard the term “higher-order function” thrown around in JS circles. This post uses some examples to attempt to define this concept. - http://amp.gs/KYU3
#javascript
typeofnan.dev
What is a Higher-Order Function?
One term you might hear in the JavaScript world is "higher-order function." Today, we'll explore what it means to be a higher-order function and look at some examples in JavaScript!