• Shaarli
  • Tag cloud
  • Picture wall
  • Daily
  • RSS
  • Login
4320 shaares
22 / 216
Filters

An Interactive Guide to CSS Grid

QRCode

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.

https://www.joshwcomeau.com/css/interactive-guide-to-grid/
January 9, 2024 at 11:24:44 AM EST *
css grid webdesign
FILLER

This Just In: Schriftenkartei, a Typeface Index - Letterform Archive

QRCode

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.

https://letterformarchive.org/news/schriftenkartei-german-font-index/
January 8, 2024 at 8:29:13 PM EST *
fonts typography inspiration
FILLER

Making a Rotating and Flip Up Hidden Tool Storage Workbench — Project Billd

QRCode

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!

https://projectbilld.com/blog/hidden-tool-storage-workbench
January 7, 2024 at 9:12:32 AM EST *
woodworking workbench
FILLER

Newsletter Edition #0317 By Veerle Pieters

QRCode

#482539 #6188c9 #6bd3d6 #e4a959 #ff72b6

Would make a great chipset!

https://assets.adobe.com/public/060819cc-5b93-4132-5247-4a9bb16e9cd0
January 3, 2024 at 12:01:48 PM EST *
colorscheme veerle
FILLER

6 Tips for Painting Interior Woodwork | Family Handyman

QRCode

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.

https://www.familyhandyman.com/list/6-tips-for-painting-interior-woodwork/
December 28, 2023 at 8:48:09 AM EST *
painting molding
FILLER

Bird Feeding Best Practices | Mass Audubon

QRCode

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.

https://www.massaudubon.org/nature-wildlife/birds/bird-feeding
December 11, 2023 at 11:37:23 AM EST *
birds
FILLER

It's like cheating

QRCode

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.

https://www.youtube.com/watch?v=TwGEPD66SwQ
December 7, 2023 at 2:17:13 PM EST *
tablesaw woodworking molding
FILLER

Goods for the Study – NYC – pencil talk | pencil reviews and discussion

QRCode

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.

https://goodsforthestudy.com/

https://www.penciltalk.org/2023/03/goods-for-the-study
December 6, 2023 at 3:40:57 PM EST *
pencils nyc travel
FILLER

Using shiki with 11ty

QRCode

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.

https://www.hoeser.dev/blog/2023-02-07-eleventy-shiki-simple/
December 5, 2023 at 11:05:30 AM EST *
eleventy nodejs syntax
FILLER

Lesson 18-20: Transform gulp pipeline to use ESM (to fix issue with `gulp-imagemin`) · Issue #40 · Andy-set-studio/learneleventyfromscratch.com · GitHub

QRCode

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

https://github.com/Andy-set-studio/learneleventyfromscratch.com/issues/40
December 4, 2023 at 9:57:31 AM EST *
gulp eleventy
FILLER

DNS Star - Peter Attia (@peterattiamd) • Instagram reel

QRCode

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.

https://www.instagram.com/p/CvAKUnROzqc/
November 27, 2023 at 7:44:33 PM EST *
hips running fitness
FILLER

How to Mix Drywall Mud by Hand

QRCode

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.

https://www.youtube.com/watch?v=xZSSIVxQUy0
November 26, 2023 at 4:06:59 PM EST *
drywall youtube
FILLER

What To Know About PEX Pipe Connections | Family Handyman

QRCode

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.

https://www.familyhandyman.com/article/pex-connections/?_cmp=diytipshintsnl&_ebid=diytipshintsnl11172023&_mid=656127&ehid=5A1D5C101E50F584E93B57E55E8530D11A750B3E&_PermHash=4611a4bd9d445cb0011e2e3840ced5cd6bbd65bce60c58b0f14c81fbdab7cbce&tohMagStatus=NONE
November 22, 2023 at 8:32:03 PM EST *
pex plumbing home heating fhm
FILLER

14 Linting Rules To Help You Write Asynchronous Code in JavaScript - Maxim Orlov

QRCode

A compiled list of linting rules to specifically help you with writing asynchronous code in JavaScript and Node.js.

https://maximorlov.com/linting-rules-for-asynchronous-code-in-javascript/
November 20, 2023 at 8:11:08 PM EST *
javascript nodejs eslint
FILLER

Why You Should Use px Units for margin, padding, & Other Spacing Techniques | Ashlee M Boyer

QRCode

When users increase their text size, they're not trying to make the space around text bigger.

https://ashleemboyer.com/blog/why-you-should-use-px-units-for-margin-padding-and-other-spacing-techniques
November 20, 2023 at 7:54:31 AM EST *
accessibility css webdesign
FILLER

Hinge Adjustment for a Door's Final Fit - Fine Homebuilding

QRCode

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.

https://www.finehomebuilding.com/project-guides/windows-doors/hinge-adjustment-for-a-doors-final-fit
November 17, 2023 at 12:42:23 PM EST *
home doors
FILLER

html - How to increase space between dotted border dots - Stack Overflow

QRCode
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;
}
https://stackoverflow.com/questions/6250394/how-to-increase-space-between-dotted-border-dots
November 16, 2023 at 2:11:36 PM EST *
css boxes border
FILLER

The Gulf Between Design and Engineering / Design Systems International

QRCode

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

  1. Flatten your waterfalls
  2. Make code the design product
  3. Operate like an open source project
  4. Increase visibility through automation
  5. Plan like a farmer
https://designsystems.international/ideas/the-gulf-between-design-and-engineering/
November 15, 2023 at 10:00:43 AM EST *
design management career
FILLER

How to Build Deck Stairs (DIY) | Family Handyman

QRCode

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.

https://www.familyhandyman.com/project/how-to-build-stairs-deck/
November 13, 2023 at 3:18:34 PM EST *
stairs fhm
FILLER

Iconographic Encyclopædia of Science, Literature, and Art

QRCode

A complete reproduction and restoration of J. G. Heck and Spencer F. Baird’s collection of 13,000+ illustrations from 1851

https://www.c82.net/iconography/
November 13, 2023 at 3:11:20 PM EST *
drawing inspiration stock images
FILLER
22 / 216
Shaarli · The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community · Documentation
Fold Fold all Expand Expand all Are you sure you want to delete this link? Are you sure you want to delete this tag? The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community