Search
Set Video Playback Speed with JavaScript
2.7.2019
I love that media has moved from custom plugins (Flash…gross) to basic HTML <video> and <audio> elements. Treating these media sources as just another element allows us to use CSS filters to adjust display, for example. The less we need to do with ffmpeg or plugins, the better. I’ve been...
Getting to Know the useReducer React Hook
26.6.2019
useReducer is one of a handful of React hooks that shipped in React 16.7.0. It accepts a reducer function with the application initial state, returns the current application state, then dispatches a function.
Here is an example of how it is used;
const [state, dispatch] = useReducer(reducer...
Getting to Know the useReducer React Hook
26.6.2019
useReducer is one of a handful of React hooks that shipped in React 16.7.0. It accepts a reducer function with the application initial state, returns the current application state, then dispatches a function.
Here is an example of how it is used;
const [state, dispatch] = useReducer(reducer...
ES6 Arrow Functions in JavaScript - Getting Started
25.6.2019
With ES6 JavaScript came many updates to the language including the spread operator, object destructuring, new tpye of variables, and more. On top of all those amazing features came arrow f
Game of Thrones Quiz Game with React and GraphQL: Create The Questions component
17.6.2019
Let’s create the Questions component, open the src/components/questions/index.js file and update the file with the following:
// src/componen
Meet the Developer Who Added Schnorr Signatures to Bcash
14.6.2019
This week news.Bitcoin.com spoke with Jonathan Gonzalez, the blockchain developer who is currently maintaining the Bcash project, a Bitcoin Cash full node written in node.js. Gonzalez explained how he got into Bitcoin Cash development and how he managed to get the Bcash node fully compatible with...
Components, yo.
14.6.2019
I see VuePress just went 1.0. Explained simply, it's a static site generator based on Vue. But of course, you work in Vue, which means you work in components.
All the modern JavaScript frameworks are component-based. Even when they disagree with each other about specific things (like how Svelte...
Collective #524
13.6.2019
The Layout Instability API * Write HTML Like It's 1999 * JavaScript questions * Pika CDN * The Economics of Open Source
Collective #524 was written by Pedro Botelho and published on Codrops
10 Interesting JavaScript and CSS Libraries for June 2019
13.6.2019
Our favorite libraries, frameworks, and open-source projects for June 2019
Everything You Need to Know About Date in JavaScript
11.6.2019
Date is weird in JavaScript. It gets on our nerves so much that we reach for libraries (like Date-fns and Moment) the moment (ha!) we need to work with date and time.
But we don't always need to use libraries. Date can actually be quite simple if you know what to watch out for. In this article...
How to Detect Text in Images
11.6.2019
Images are a great way to communicate without text but oftentimes images are used/abused to spread text within social media and advertisements. Text in images also presents an accessibility issue. The truth is that it’s important, for any number of reasons, to be able to detect text in image...
Level up your .sort game
10.6.2019
Sorting is a super handy JavaScript method that can display the values of an array in a certain order. Whether that’s real estate listings by price, burger joints by distance, or best nearby happy hours by rating, sorting arrays of information is a common need.
If you’re already doing this with...
Collective #522
6.6.2019
Extract critical CSS * Enabling Modern JavaScript on npm * Magical, Mystical JavaScript Transducers
Collective #522 was written by Pedro Botelho and published on Codrops
Closures and Currying in Javascript
6.6.2019
What are Closures?
If you write code in Javascript it's quite likely you have come across the term closure, which is a useful yet often confusing concept. But just what is a c
The Easiest Way To Create Parallax Scrolling With simpleParallax
5.6.2019
A quick tutorial on how to create eye-catching parallax scroll animations using a modern JS library
10 React Challenges (Beginner): Recreate Layout with Components
5.6.2019
Components are the building blocks of React Applications, and each is a JavaScript function. These components comprise of Parent and Child components.
Data is passed from parent to child thr
Create a Custom useFetch() React Hook
5.6.2019
A custom hook is a JavaScript function with a unique naming convention that requires -
the function name to start with use and
the function may call other Hooks
Detect if Element is a Web Component
5.6.2019
I’ve advocated for web components since before they became a spec, mostly inspired by the Dojo Toolkit’s dijit framework. Empowering first class JavaScript widgets, as opposed to a mess of DIVs and templates, always made the most sense. Now that web components exist, and awesome...
IP Geolocation API
4.6.2019
Detecting geolocation information from your user provides you a massive advantage: improved conversion, better segmenting and analytics, and providing more relevant content. There are numerous paid services which will provide geolocation info but they’re oftentimes too costly or short...
Implementing Private Variables In JavaScript
1.6.2019
JavaScript (or ECMAScript) is the programming language that powers the web. Created in May 1995 by Brendan Eich, it’s found its place as a widely-used and versatile technology. Despite its success, it’s been met with its fair share of criticism, especially for idiosyncrasies. Things like objects...