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.
Hinge Adjustment for a Door's Final Fit - Fine Homebuilding
By Tucker Windover Issue 192
Learn how to avoid a door that creaks or springs back from the closed position. Easy adjustments to screws, mortises, and hinges on interior doors contribute to a perfect fit. Read more to learn how to adjust door hinge.
Adjust the gap by bending the hinges
Open the hinge-side gap by spreading the hinges. I’ve seen shims used behind the hinge leaf to adjust the gap, but bending the hinge takes less time. I can widen the gap in small increments. Remember that when the gap is adjusted on one side, it affects the gap on the other side as well. Place the butt end of a nailset between the hinge leaves up against the pin eyelet, or hinge knuckle. When the door is pulled toward the closed position, the nailset spreads the leaves and widens the gap. This technique puts a lot of force on the hinge, so go slowly to avoid damaging the hinge or bending it too far.
html - How to increase space between dotted border dots - Stack Overflow
div.five:before {
content: "";
position: absolute;
border: 5px dashed #FF0000;
top: -3px;
bottom: -3px;
left: -3px;
right: -3px;
}
div {
overflow: hidden;
position: relative;
text-align:center;
padding:10px;
margin-bottom:20px;
}The Gulf Between Design and Engineering / Design Systems International
A new set of principles for better workflows when making digital products
“Ready for dev”
It’s safe to say that there is a natural tension between the fields of design and engineering. Traditionally, the role of design is to question, create meaning, and to argue for solutions that make for a better user experience. The role of engineering is to systematize, solve technical problems, and to argue for solutions that make for a simple, scalable, and future-proof implementation. The design process begins before we know what we want, and engineering usually happens when there is a clear notion of what is being built.
"Unfortunately, these projects often do more harm than good if the organization uses the design system as yet another initiative to centralize the decision-making process..."
- Flatten your waterfalls
- Make code the design product
- Operate like an open source project
- Increase visibility through automation
- Plan like a farmer
How to Build Deck Stairs (DIY) | Family Handyman
Building deck stairs can be tricky. But in this story, we'll make it easy by showing you how to build stairs by estimating step dimensions.
Iconographic Encyclopædia of Science, Literature, and Art
A complete reproduction and restoration of J. G. Heck and Spencer F. Baird’s collection of 13,000+ illustrations from 1851