Link Category: Tools

Accordions in Pure HTML

This post by Salma Alam-Naylor is pretty short, but it does teach something that I certainly didn’t know. That these days you can really count on HTML to some cool things. I, for one, had no idea that an expanding/collapsible accordion of content could be as simple as this:

At a recent (virtual) Fort Collins WordPress meetup, someone shared this little site which I’ve never encountered before: As you might guess from the name, it’s a simple little site/tool to tell you if the contrast between two colors you’re using in a design is in line with the WCAG 2.0 standard for contrast.

Dashboard Summary Plugin

I stumbled across this little plugin from Greg Sweet a few weeks ago. I’ve run it on a few sites, and I think it’s just a great little free upgrade to the “At a Glance” widget on the WordPress Dashboard. (Here I mean the thing that’s labelled Dashboard, not the general “back end administration area.”) It’s simplest to understand what it does by looking. Here is what it shows on the “Content” tab (here on WPShout):

Mac User? Try HazeOver

I was just thinking the other day that I should send some love to some my favorite “not really WordPress” computer tools. And the first one I want to share is this missing-feature app I love on the Mac called “HazeOver.” In short, it blacks out (or any other color you want, but you want black 🤪) everything else on your Mac that isn’t the front-most app window. (If you’re a visual person, this post’s “feature image” on this post is what my screen looked like while writing this post, with HazeOver running.)

Google Tricks Cheatsheet

I use Google a lot. You probably do too. But have you ever thought about tricks that’d make you better at Googling? I honestly don’t much of the time. And that’s partly down to just how good “normal Googling” is, and also my laziness.

CSS Grid Generator

Frequent readers my recognize me as the not-great-at-CSS person here at WPShout. So for me, this Interactive CSS Grid Generator from Layoutit! is just such a welcome relief. I can (and have) learned all the different bits of markup and orders for different CSS grid properties. But I also ALWAYS have to look them up when I want to use them.Which one goes first? What’s that one actually called? All those sorts of questions.

Draw Things for Free with Autodesk SketchBook

Autodesk Sketchbook

I recently bought a drawing tablet (googling “Wacom Intuos Wireless Graphic Drawing Tablet (Medium)” should find it for you), because I had no way I liked to write out visual notes, especially timelines and complex process flows. It was one of the best purchases I’ve made in a long time—I wish I’d thought of it five years ago.

Amazing Weekly Web Dev Link-Collection, August 21 Edition

Over on her blog at Lireo Designs, Deborah Edwards-Onoro has been collecting an amazing array of great content about web design and development for while. And I had no earthly idea. It was only when I randomly noticed that she’d been sharing some great links on Twitter that Deborah let me know there was a whole lot more where that came from.