Search
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...
Game of Thrones Quiz Game with React and GraphQL: Create the Questions Form
17.6.2019
We’re going to make use of some new packages for creating questions. Open a terminal in your project folder and run the following command:
npm install react-mod
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
Grid, content re-ordering and accessibility
13.6.2019
Take this:
<ol>
<li>Get hungry</li>
<li>Order pizza</li>
<li>Eat pizza</li>
</ol>
That HTML ends up in the DOM that way (and thus how it is is exposed to assistive technology), and by default, those list items are also visually...
Liquid Exchange Opens Pre-sale for Telegram’s New Cryptocurrency
11.6.2019
Telegram’s new cryptocurrency, the Gram, will go on pre-sale through Japanese exchange platform Liquid by Quoine on July 10, ahead of a full-scale launch slated for October 31.
However, there are several twists in the tale already, as residents of Japan, the United States and dozens of other...
Bitcoin.com’s Local Bitcoin Cash Marketplace Is Now Open for Trading
4.6.2019
The highly anticipated Local.Bitcoin.com is now available to the general public. As of right now, anyone in the world can use the service to trade bitcoin cash (BCH) securely. Since pre-launch signups were announced last month, thousands of traders have created accounts and there are over 2,200...
Reducing motion with the picture element
31.5.2019
Here’s a bonafide CSS/HTML trick from Brad Frost and Dave Rupert where they use the <picture> element to switch out a GIF file with an image if the user has reduced motion enabled. This is how Brad goes about implementing that:
<picture>
<!-- This image will be loaded if...
Bitcoin.com’s Local Bitcoin Cash Marketplace Gathers Thousands of Pre-Launch Signups
27.5.2019
On June 4, Bitcoin.com is gearing up to launch our peer-to-peer trading platform Local.Bitcoin.com. After the exchange was announced, the public were invited to create their accounts and place orders. So far the exchange has seen a huge swarm of interest, with over 4,500 signups to date. Also read:...
10 Web Performance Audit Tips for Your Next Billion Users in 2018: Resolution Switching
26.5.2019
We need to learn that when it comes to responsive design, this doesn’t cut it for responsive images:
img {
width: 100%;
height: auto;
}
This is not a silver bulle
10 Web Performance Audit Tips for Your Next Billion Users in 2019: Resolution Switching
26.5.2019
We need to learn that when it comes to responsive design, this doesn’t cut it for responsive images:
img {
width: 100%;
height: auto;
}
This is not a silver bulle
The Browser Can Remember Edited Content
22.5.2019
You can make the text inside any HTML element editable by adding the contenteditable attribute.
<div contenteditable>
Hey, I'm like a textarea kinda now!
</div>
I wouldn't say there are wheelbarrows full of use-cases for that, but it's neat. One possible use might be...
Cheeze Wizard, The First Cheese Battle Royale On DLT, Bags Pre-Sales Volumes Of Over 500 ETH
22.5.2019
Blockchain-based games have become quite popular in recent times, and they are also a fun way to enter the realm of cryptocurrencies. Tonnes of games have penetrated the market, but Cheeze Wizard promises to be unique. It will be the first DLT based Battle Royale with Cheese. The game was opened...
Crypto Market Rebounds to Pre-crash Level
19.5.2019
The crypto market moved up sharply on Sunday, recovering all its loses suffered after a crash on Friday.
At pixel time (10:17 UTC), all top 100 coins by market capitalization (except four stablecoins) are in green, while bitcoin cash and binance coin are the two biggest gainers (+16% and +14%...
Footnotes That Work in RSS Readers
17.5.2019
Feedbin is the RSS reader I'm using at the moment. I was reading one of Harry's blog posts on it the other day, and I noticed a nice little interactive touch right inside Feedbin. There was a button-looking element with the number one which, as it turned out, was a footnote. I hovered over it,...
Everything You Ever Wanted to Know About inputmode
17.5.2019
The inputmode global attribute provides a hint to browsers for devices with onscreen keyboards to help them decide which keyboard to display when a user has selected any input or textarea element.
<input type="text" inputmode="" />
<textarea inputmode="" />
Unlike changing the type...
Local.Bitcoin.com Aims to Spread Economic Freedom Through P2P Exchange of BCH
16.5.2019
On June 4, Bitcoin.com is launching a peer-to-peer marketplace called Local.Bitcoin.com that will allow users from around the world to buy and sell bitcoin cash (BCH). Now crypto enthusiasts and traders can create a pre-launch account to explore the trading platform and create orders on...
The Thinking Behind Simplifying Event Handlers
9.5.2019
Events are used to respond when a user clicks somewhere, focuses on a link with their keyboard, and changes the text in a form. When I first started learning JavaScript, I wrote complicated event listeners. More recently, I've learned how to reduce both the amount of code I write and the number...
A responsive grid layout with no media queries
9.5.2019
Andy Bell made a really cool demo that shows us how to create a responsive grid layout without any media queries at all. It happens to look like this when you change the size of the browser window:
I think this is a wonderful layout technique that’s just 6 lines (!) of CSS.
.auto-grid...
Getting To Know The MutationObserver API
8.5.2019
MutationObserver watches the DOM, specifically the places you tell it to, like:
document.querySelector('#watch-this');
...and it can tell you (trigger a callback) when stuff happens — like when a child is added, removed, changed, or a number of other things.
I used it just the other day...