Design pattern for custom tooltips - HTMHell
The title attribute is not particularly accessible.
On the <dl> | Ben Myers
The <dl>, or description list, element is underrated.
It's used to represent a list of name–value pairs. This is a common UI pattern that, at the same time, is incredibly versatile. For instance, you've probably seen these layouts out in the wild…
<dl>
<dt>Title</dt>
<dd>Designing with Web Standards</dd>
<dt>Publisher</dt>
<dd>New Riders Pub; 3rd edition (October 19, 2009)</dd>
</dl>linux - How to reverse-i-search back and forth? - Super User
I use reverse-i-search often, and that's cool. Sometime though when pressing Ctrl+r multiple times, I pass the command I am actually looking for. Because Ctrl+r searches backward in history, from n...
The one-sentence answer: Run stty -ixon in your terminal, and then use Ctrl+S to change the search direction from backward to forward.
sbensu: How to: friction logs
Most software is bad. I neither know why, nor how to solve the problem. Instead, the best I have to offer is a technique to keep the badness away for a while: friction logs.Friction logs are what they sound: a detailed log of everything that caused friction when using a product. This post teaches you how to make one. I recommend you to make one if:
sshx | A secure web-based, collaborative terminal
sshx lets you share your terminal with anyone by link, on a multiplayer infinite canvas.
It has real-time collaboration, with remote cursors and chat. It's also fast and end-to-end encrypted, with a lightweight server written in Rust.
Install sshx with a single command. Use it for teaching, debugging, or cloud access.
An Interactive Guide to CSS Grid
CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Grid works and how we can use it effectively. I'll share the biggest 💡 lightbulb moments I've had in my own learning journey.
This Just In: Schriftenkartei, a Typeface Index - Letterform Archive
This box of 600+ specimen cards holds a complete snapshot of the last metal type foundries in Germany.
Produced 1958–1971, the Schriftenkartei (Typeface Index) represents the final effort to catalog all the country’s typefaces in production at the time. The cards are useful for researchers and designers as they share a common format and show complete glyph sets. Thanks to Michael Wörgötter, a set of these cards is now in our collection, and his high-res scans are online.
Making a Rotating and Flip Up Hidden Tool Storage Workbench — Project Billd
In this video we're making a really cool workbench that hides a whole bunch of tools under the table when you don’t need them but rotates and/or flips them up to the top when you do need them!
6 Tips for Painting Interior Woodwork | Family Handyman
Brushing a silky smooth finish on woodwork takes patience and attention to detail. We'll show you how to use the techniques that pros use to paint wood.
For dents and chips deeper than about 1/8-in., use a two-part polyester resin. It sticks well, doesn’t shrink and sands easily. It’s also the best material for rebuilding chipped corners. Auto body fillers also work well.
Sand the painted surface with 100- or 120-grit sandpaper or a medium sanding sponge. Then, finish-sand with 180-grit sandpaper or a fine sanding sponge. Spot-prime the filler and any bare wood with a latex primer.
We recommend you use an additive that slows the drying process and helps the paint lie smooth. (Floetrol is one common choice.)
Quickly coat an area with several brush loads of paint, and then blend and smooth it out by lightly running the unloaded brush tip over it (called “tipping”). Try to coat a whole board or section, but don’t let the paint sit more than a minute before tipping.
Bird Feeding Best Practices | Mass Audubon
Get the answers to all your bird feeding questions.
-
Sunflower Seed
Black-oil sunflower seeds are more popular with birds than black striped due to the softer shell. -
Nyjer Seed
It is popular with smaller finches, -
Mixed Seed
Mixed seed often has a large percent of undesirable food, which many birds will simply toss on the ground to get at sunflower seeds and other preferred foods. This can result in a lot of waste, as well as a build-up of rotting seed under the feeder.
All feeders should be cleaned and disinfected on a regular basis (every 2 weeks) with a solution of one part bleach to nine parts water.
It's like cheating
Why is it that the miters sometimes looks awful even though you've done everything to the book? This might be the answer your looking for.
Dial Gauge: https://shorturl.at/lKVZ6
Cut the miters using the digital level cube and set the angle to 44.9º so there will be a very small gap at the back.
Goods for the Study – NYC – pencil talk | pencil reviews and discussion
Goods for the Study is a stationery store in New York City. Their website tells me they have two locations. I visited the “West Village” shop at 50 West 8th Street in late 2022.
Using shiki with 11ty
Since my last post about shiki was really long and described a really deep way on how to use and modify shiki, this is the complete opposite. This shows just short and simple how to use shiki in your eleventy (11ty) project.
Lesson 18-20: Transform gulp pipeline to use ESM (to fix issue with `gulp-imagemin`) · Issue #40 · Andy-set-studio/learneleventyfromscratch.com · GitHub
gulp-imagemin in its latest version is now ESM only (see also #24 ). In my personal project I have changed the gulp pipeline to use ESM and was able to update all dependencies to their latest versions. I want to leave my code here for an...
DNS Star - Peter Attia (@peterattiamd) • Instagram reel
An absolute favorite of mine. I can’t get enough of the DNS star movement. Started this way back with @rintala_movementflow and I keep it up with @drkylerbrown … the more I do it the more I like it.
How to Mix Drywall Mud by Hand
Subscribe to Our Channel and Like Our Video!
Leah from See Jane Drill demonstrates how to hand-mix drywall mud (joint compound) to a perfect, lump-free consistency.
What To Know About PEX Pipe Connections | Family Handyman
Have a plumbing job coming up? PEX pipe is well worth considering, and learning how PEX connections work is the first step to plumbing success.
14 Linting Rules To Help You Write Asynchronous Code in JavaScript - Maxim Orlov
A compiled list of linting rules to specifically help you with writing asynchronous code in JavaScript and Node.js.
Why You Should Use px Units for margin, padding, & Other Spacing Techniques | Ashlee M Boyer
When users increase their text size, they're not trying to make the space around text bigger.