Select Page

Category: Article

WordPress + React

I posted just 2 months ago about Foxhound and how I found it pretty cool, but also curious that it was one of very few themes around that combine the WordPress JSON API and React, even though they seem like a perfect natural fit. Like a headless CMS, almost. Since then, a few more things have crossed my desk of people doing more with this idea and combination. Maxime Laboissonniere wrote Strapping React.js on a WordPress Backend: WP REST API Example: I’ll use WordPress as a backend, and WordPress REST API to feed data into a simple React e-commerce SPA: Creating products with the WP Advanced Custom Fields plugin Mapping custom fields to JSON payload Consuming the JSON REST API with React Rendering products in our store Perhaps more directly usable, Postlight have put out a Starter Kit. Gina Trapani: People who publish on the web love WordPress. Engineers love React. With some research, configuration, and trial and error, you can have both — but we’d like to save you the work. Here’s that repo. WordPress + React is a post from CSS-Tricks...

Read More

Save 15% or More on Car Insurance by Switching to Plain JavaScript

Satire disclaimer: This article is as much satire as it is serious insight if there is even any of that at all. Don’t take it too seriously, but do tell all your friends. Also, the bit about Taco Bell is 100% true. I wouldn’t joke about something like that. My day usually begins like this: I wake up at 6:15 a.m. (kill me) to get the kids ready for school. They’re mad. I’m mad. Everyone is on the brink of an emotional breakdown because it’s 6:15 in the morning. Usually the first thing that I do when I wake up...

Read More

Simple Patterns for Separation (Better Than Color Alone)

Color is pretty good for separating things. That’s what your basic pie chart is, isn’t it? You tell the slices apart by color. With enough color contrast, you might be OK, but you might be even better off (particularly where accessibility is concerned) using patterns, or a combination. Patrick Dillon tackled the Pie Chart thing Enhancing Charts With SVG Patterns: When one of the slices is filled with something more than color, it’s easier to figure out [who the Independents are]: See the Pen Political Party Affiliation – #2 by Patrick Dillon (@pdillon) on CodePen. Filling a pie slice...

Read More

How to Disable Links

The topic of disabling links popped up at my work the other day. Somehow, a “disabled” anchor style was added to our typography styles last year when I wasn’t looking. There is a problem though: there is no real way to disable an link (with a valid href attribute) in HTML. Not to mention, why would you even want to? Links are the basis of the web. At a certain point, it looked like my co-workers were not going to accept this fact, so I started thinking of how this could be accomplished. Knowing that it would take a...

Read More

Accessible Web Apps with React, TypeScript, and AllyJS

Accessibility is an aspect of web development that is often overlooked. I would argue that it is as vital as overall performance and code reusability. We justify our endless pursuit of better performance and responsive design by citing the users, but ultimately these pursuits are done with the user’s device in mind, not the user themselves and their potential disabilities or restrictions. A responsive app should be one that delivers its content based on the needs of the user, not only their device. Luckily, there are tools to help alleviate the learning curve of accessibility-minded development. For example, GitHub...

Read More
000webhost logo