-
💠CSS if() functions & reading-flow (in Chrome 137...
Here's my thought on 💠CSS if() functions & reading-flow (in Chrome 137) - YouTube css if() just landed, I'm struggling to understand what I an do with this…
-
💠Build UIs that don't suck - YouTube
Here's my thought on 💠Build UIs that don't suck - YouTube How to make an entire clickable without presenting the entire content of the card as the link…
-
tailwind aspect
I've been back to putting some images on my blog lately and thinking about making them a bit thinner through the use of aspect ratio for simplicity. I'm leaning pretty heavy on tailwindcss these days due to some weird quirks of markdown-it-attrs I cannot have slashes in classes from markdown so I made a class to achieve this. Example screenshot-2025-01-31T14-50-00-094Z.png {.cinematic}
-
hover z-index and positioning
I broke my [[ sick-wikilink-hover ]] recently in a refactor, today I did some diving in to figure out what happened. Before As you can see in the screenshot below, the link is in a list of links, and when the hover image pops up it sits behind all of the other text. The z-index of the list-item is supposed to be raised above the others on hover. image Manually setting z-index to 20 in the inspector I noticed this message from devtools, "The position: static property prevents z-index from havin
-
💠Animate to height: auto; (and other intrinsic si...
Here's my thought on 💠Animate to height: auto; (and other intrinsic sizing keywords)... Css is getting so good, new things like interpolate-size are making…
-
💠Styling better custom inputs with Dave Rupert - ...
Here's my thought on 💠Styling better custom inputs with Dave Rupert - YouTube Reminder to tune in later, can't watch now, but saw a link on Dave's blog.…
-
💠Wes Bos on X: "CSS Anchors: flip a tooltip to th...
Here's my thought on 💠Wes Bos on X: "CSS Anchors: flip a tooltip to the bottom when ... These css anchors are crazy that you can do this with html and not a…
-
💠Wes Bos on X: "Are you using position: absolute;...
Here's my thought on 💠Wes Bos on X: "Are you using position: absolute; to overlap el... This is a pretty incredible use of css grid to overlay items overtop…
-
💠Customize and apply backgrounds fast | SVG Backg...
Here's my thought on 💠Customize and apply backgrounds fast | SVG Backgrounds svgbackgrounds is a really awesome resource for svg things recently featured…
-
💠Text Decoration - Tailwind CSS
Here's my thought on 💠Text Decoration - Tailwind CSS Tailwind calls strikethrough line-through. This caught me off guard and took me a minute to find.…
-
💠Adam Wathan on X: "Hear me out. https://t.co/QHk...
Here's my thought on 💠Adam Wathan on X: "Hear me out. https://t.co/QHkEI6SJYZ" / X I'm going to give this trick a shot on my sites, and see how I like it.…
-
💠CSS @media print issues with background-color; -...
Here's my thought on 💠CSS @media print issues with background-color; - Stack Overflow Get those print colors exact !!! note This post is a thought . It's…
-
💠page-break-after - CSS: Cascading Style Sheets |...
Here's my thought on 💠page-break-after - CSS: Cascading Style Sheets | MDN I'm working on something that might go to print, so I want the page breaks to…
-
💠Tailwind Connect 2023 — Keynote - YouTube
Here's my thought on 💠Tailwind Connect 2023 — Keynote - YouTube Tailwind comes with that I have never heard of that is made to give margin and padding…
-
💠Overflow - Tailwind CSS
Here's my thought on 💠Overflow - Tailwind CSS Controlling overflow with tailwindcss Examples !!! note This post is a thought . It's a short note that I…
-
💠How To Create a Custom Scrollbar
Here's my thought on 💠How To Create a Custom Scrollbar Default scrollbars on a dark theme website are just the ugliest thing. This page covers all the…
-
💠Change Autocomplete Styles in WebKit Browsers | ...
Here's my thought on 💠Change Autocomplete Styles in WebKit Browsers | CSS-Tricks - C... All the hover, select, autofil, focus combinations have left me…
-
💠Preline UI - Tailwind CSS component library | Pr...
Here's my thought on 💠Preline UI - Tailwind CSS component library | Preline UI, craf... Tailwind css component library. There are many examples with copy…
-
💠Tailwind CSS Cheat Sheet
Here's my thought on 💠Tailwind CSS Cheat Sheet A nice searchable cheatsheet for tailwindcss classes. !!! note This post is a thought . It's a short note…
-
💠Tailwind CSS Crash Course - YouTube
Here's my thought on 💠Tailwind CSS Crash Course - YouTube Nice intro into tailwind, I definitely started grasping some of the concepts after watching Brad.…
-
💠Dark Form
Here's my thought on 💠Dark Form A nice codepen reference for dark forms. I am using it for my thoughts chrome extension. !!! note This post is a thought…
-
💠Chris Coyier on Twitter: "I was unaware of `text...
Here's my thought on 💠Chris Coyier on Twitter: "I was unaware of `text-wrap: pretty;... Next time I'm working with large headers on small screens I need to…