Getting to Know the useReducer React Hook


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...

Spam Detection APIs


I was trying to research the landscape of these the other day — And by research, I mean light Googling and asking on Twitter. Weirdly, very little comes to mind when thinking about spam detection APIs. I mean some kind of URL endpoint, paid or not, where you can hit it with a block of text...

Why I don’t use web components


Here’s an interesting post by Rich Harris where he’s made a list of some of the problems he’s experienced in the past with web components and why he doesn’t use them today: Given finite resources, time spent on one task means time not spent on another task. Considerable energy has been expended...

CSS :focus-within


Using :hover to display additional information or elements is a very useful technique but a big drawback to using the hover pseudo-class is that they are usually not accessibility-friendly. Not everyone uses a mouse and some users have visual impairments, so they rely on screen readers or...

Byte Sized Computer Science: Order of Operations


As a coder, you're probably pretty used to telling computers what to do. Type up some code, run it, and the computer gets to work executing whatever command you gave it. Even though we have

Render Snarky Comments in Comic Sans


Hilarious idea by Zach Leatherman. To test if a comment is "snarky" or not, there is an npm package up to the task. On this site, we generally just delete snarky comments, but I still run a WordPress plugin that allows me to "feature" or "bury" comments. It's old but it still works fine in...

Building a Conference Schedule with CSS Grid


It’s hard to beat the feeling of finding a perfect use for a new technology. You can read every handy primer under the sun and ooh-and-ahh at flashy demos, but the first time you use it on your own project… that’s when things really click. I gained a new appreciation for CSS Grid when building...

Collective #527


Writing HTML in HTML * The perils of functional CSS * Shape (Beta) * Screenzy * How to learn D3.js Collective #527 was written by Pedro Botelho and published on Codrops

Reduced Motion Picture Technique, Take Two


Did you see that neat technique for using the <picture> element with <source media=""> to serve an animated image (or not) based on a prefers-reduced-motion media query? After we shared that in our newsletter, we got an interesting reply from Michael Gale: What about folks who love...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace