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...
Litecoin Price Analysis: Litecoin (LTC) is Nearing $140 Mark; Resistance Maybe around $150
16.6.2019
Litecoin (LTC) reaches near 137 USD; resistance point may be found near 150 USD. The target price of 2019 remains at 150 USD. Litecoin (LTC) is one of the most traded crypto coins. Many investors and speculators watch the price trend of this coin as this coin tends to pay out quick money. Something...
Convert Video to Grayscale
24.4.2019
I’m a JavaScript fanatic but I’ve always been fascinated with media manipulation. Maybe it’s because I’ve secretly always wanted to be a designer, but I’m fine with being able to manipulate art with software instead of create the art myself. One type of art I’ve...
Could Grouping HTML Classes Make Them More Readable?
22.4.2019
You can have multiple classes on an HTML element:
<div class="module p-2"></div>
Nothing incorrect or invalid there at all. It has two classes. In CSS, both of these will apply:
.module { }
.p-2 { }
const div...
CSS Houdini Could Change the Way We Write and Manage CSS
28.3.2019
CSS Houdini may be the most exciting development in CSS. Houdini is comprised of a number of separate APIs, each shipping to browsers separately, and some that have already shipped (here's the browser support). The Paint API is one of them. I’m very excited about it and recently started to think...
It’s pretty cool how Netlify CMS works with any flat file site generator
21.3.2019
Little confession here: when I first saw Netlify CMS at a glance, I thought: cool, maybe I'll try that someday when I'm exploring CMSs for a new project. Then as I looked at it with fresh eyes: I can already use this! It's a true CMS in that it adds a content management UI on top of any static site...
HMTL, CSS and JS in an ADD, OCD, Bi-Polar, Dyslexic and Autistic World
8.3.2019
Hey CSS-Tricksters! A lot of folks tweeted, emailed, commented and even courier pigeoned (OK, maybe not that) stories about their personal journeys learning web development after we published "The Great Divide" essay. One of those stories was from Tim Smith and, it was so interesting, that...
Serverless CloudFlare Workers Are Pretty Awesome
21.2.2019
Serverless is the new black. I mean everybody I know is moving to the serverless platforms or launching one. OK, maybe not everyone but CloudFlare is definitely moving in this direction with an aud
The Magic of React-Based Multi-Step Forms
15.2.2019
One way to deal with long, complex forms is to break them up into multiple steps. You know, answer one set of questions, move on to another, then maybe another, and so on and so forth. We often refer to these as multi-step forms (for obvious reasons), but others also take to calling it a “wizard”...
Where Do You Nest Your Sass Breakpoints?
11.2.2019
I love nesting my @media query breakpoints. It's perhaps the most important feature of Sass to me. Maybe I pick a method and do it like this:
.element {
display: grid;
grid-template-columns: 100px 1fr;
@include breakpoint(baby-bear) {
display: block;
}
}
That's straightforward enough....
Gradians and Turns: the quiet heroes of CSS angles
6.2.2019
I love coming across little overlooked CSS gems, like the gradien (grad) and turn (turn) units that Ken Bellows uncovers in his post explaining them. I don't know, maybe y'all are already aware of them, but they're certainly new to me.
They're additional options for dealing with angles, where...
React’s Experimental Suspense API Will Rock for Fallback UI During Data Fetches
2.2.2019
Most web applications built today receive data from an API. When fetching that data, we have to take certain situations into consideration where the data might not have been received. Perhaps it was a lost connection. Maybe it was the endpoint was changed. Who knows. Whatever the issue, it's...
Netlify Makes Deployments a Cinch
22.1.2019
(This is a sponsored post.)
Let's say you were going to design the easiest way to deploy a static site you can possibly imagine. If I was tasked with that, I'd say, well, it would deploy whenever I push to my master branch, and I'd tell it what command to run to build my site. Or maybe it has...
The practical value of semantic HTML
7.1.2019
I love how Bruce steps up to the plate here:
If the importance of good HTML isn’t well-understood by the newer breed of JavaScript developers, then it’s my job as a DOWF (Dull Old Web Fart) to explain it.
Then he points out some very practical situations in which good HTML brings meaningful...
Writing Good Support Requests
2.7.2018
My take on trying to be helpful to a support staff.
One bit is just as relevant for learning development:
Writing out a ticket will help you figure out the problem.
Sometimes when you have to take a second to collect your thoughts and explain something, the problem will become clear and maybe even...
Page Transitions for Everyone
14.5.2018
As Sarah mentioned in her previous post about page transition using Vue.js, there is plenty of motivation for designers and developers to be building page transitions. Let's consider mobile applications. While mobile applications are evolving, more and more attention is given to the animation...
On HTML belts and ARIA braces (The Default Implicit ARIA semantics they didn’t want you to know about)
14.4.2015
The question of whether HTML elements need the addition of ARIA role attibutes to expose their semantics, is one that surfaces on a regular basis. The answer is maybe for a subset of elements, but increasingly no. ARIA roles add nothing to default semantics of most elements In some cases...
On HTML belts and ARIA braces (The Default Implicit ARIA semantics they didn’t want you to know about)
14.4.2015
Updated: 3rd August 2020 The question of whether HTML elements need the addition of ARIA role attributes to expose their semantics, is one that surfaces on a regular basis. The answer is maybe for a subset of elements, but increasingly no. ARIA roles add nothing to default semantics of most...