Brad Kemper

@CALFIRECZU @sanmateoco Is it good to burn fir trees?

POMPONIO RANCH PRESCRIBED FIRE 🔥 We successfully burned 120-acres Thursday at Pomponio Ranch south of Half Moon Bay in San Gregorio, on the coast of @sanmateoco. Conditions were great, and fire consumed dead grass, coyote brush, poison oak and some dominant fir trees. #CaWx

@argyleink Isn’t it the other way around? iOS simulators and Android emulators? Not to split hairs or anything…

Setup was a breeze! - found all my iOS emulators - found all my Android simulators - they boot up so fast! github.com/okwasniewski/M…

@gregwhitworth @Una You mean popup menus?

@Una oh goodness, I think you're going to open bikeshedding of the name again 🤣

I am very passionate about finally making dropdowns styleable 😆

@jh3yy It doesn’t seem to work in iOS

CSS Trick 🖼️ You could take the resize trick from last week and use it to create one of those sliding image components 👀 CSS only, JavaScript to enhance later 🤓 Put an image in each panel and make them position: absolute. They can use a container query unit for their size 🫶 img { position: absolute; width: 100cqi; // Make them the container width 🤙 } .panel:last-of-type img { right: 0; } The rest of the trick from last week was using display:grid with grid-template-columns. Then we have a resizable element inside the first column 😎 .panels{ display: grid; grid-template-columns: auto 1fr; 👈 } .resizer{ max-width: 100cqi; overflow: hidden; resize: horizontal; 👈 } Where does JavaScript come in? To progressively enhance the thing with keyboard controls ✨ Not 100% sure of the pattern for that though. Feels like it should be a button that you can toggle into resize mode and then use left/right to resize 🤔 Anyways, @CodePen link below! 👇

@briankardell But the simplest solution would be just one blade, wouldn’t it? That would probably be best.

You know how there are all of these ads for razors? How is there no shaving company yet called Occam's? I want to tackle my problems knowing it's with Occam's new 5 blade razor with moisturizing strip, you know?

@LeaVerou The Web Inspector Safari Extension apps.apple.com/us/app/web-ins… is pretty convenient. It does have some issues and isn’t updated often, but it’s pretty handy when you want a console, etc.

Are there any good iPhone apps/web apps for quickly trying out JS expressions? I often find myself wanting to try something out and I have to wait until I get to a laptop.

@wesbos @hott_dogg I think it would be a little more precise to say straight :hover is selecting any descendant element that is itself being hovered

@hott_dogg Sorry you are correct! &:hover is adding a hover to the parent selector. straight :hover is selecting any child element when being hovered

CSS Nesting just landed in Firefox 117 which puts it at 100% browser support! You can start using it today — here are 11 examples on how it works 👇

@jh3yy @CodePen Why use the next sibling selector chains instead of subsequent-sibling combinator? i.e. ':has(:checked) ~ li' instead of 'li:has(:checked) + li + li + li' etc.

Here's that @CodePen link! 🚀 One day you'll get support in Firefox 🤞 codepen.io/jh3y/pen/gOBmo…

CSS Tip! ⚡️ Use :has() to style siblings in both directions ↔️ li:has(+ li :checked) { width: var(--not-feature-width); } Was asked how close you could get to "that" Stripe gallery effect 🤔 So gave it a go on the flight back from Prague! ✈️ @CodePen link below! 👇

@MerriamWebster You couldn’t make the whole thing rhyme?

I before e, except after c Or when sounded as 'a' as in 'neighbor' and 'weigh' Unless the 'c' is part of a 'sh' sound as in 'glacier' Or it appears in comparatives and superlatives like 'fancier' And also except when the vowels are sounded as 'e' as in 'seize' Or 'i' as in 'height' Or also in '-ing' inflections ending in '-e' as in 'cueing' Or in compound words as in 'albeit' Or occasionally in technical words with strong etymological links to their parent languages as in 'cuneiform' Or in other numerous and random exceptions such as 'science', 'forfeit', and 'weird'.

“I before e, except after c…” …unless your neighbor weighs his eight-year-old in a sleigh. This "rule" is best thought of as an easy way to remember the spelling pattern of words that came to English from French. receive perceive conceive deceive deceit conceit receipt

@pourmecoffee I never realized that was Vincent D’Onofrio (before Law and Order), playing Edgar in Men in Black. He was great in that.

Twitter is now X

@alanstearns @jensimmons @csswg Never mind. I was opening from files, which doesn’t launch the app, but is a more abbreviated viewer. Thanks.

@alanstearns @jensimmons @csswg I guess that’s on iPad but not iPhone? That’s ok, thanks anyway.

At the @CSSWG group meeting today, I presented some new ideas from Apple about how Anchor Positioning could work. Slides are here. Use the "Menu" UI at the top left to show speaker notes and see what we said as we presented: #Anchor_positioning_presentation_to_CSSWG" target="_blank" rel="nofollow noopener">icloud.com/keynote/0f5Uxc…

@chriscoyier Widows and orphans are usually whole lines, either the beginning or ending line of a paragraph, that are separated from the rest of the paragraph by a page break or column break. I think what you’re talking about is a “runt”. opusdesign.us/wordcount/typo…

`text-wrap: balance;` totally does avoid the orphan, but it's just too weird in this context. It leaves too much space.

I was unaware of `text-wrap: pretty;` I knew about the (new/cool) `text-wrap: balance;` — but sometimes that's a bit... too much. I feel like it's nice on headers but not smaller type. Here's what I mean.

@SaraSoueidan It’s a shame to have to ask a world of front end developers to fix a problem caused by browser implementers, but I get it. Though, isn’t it still OK on divs, spans, and role=presentation?

"The ability to use web interfaces is no trivial matter. display: contents’ breakage has a very real, very quantifiable impact on the quality of life of people who use the interfaces where it is declared." tl;dr: Don't use `display:contents;` if you care about #a11y. #CSS

"Much like burning down your house will technically successfully get rid of any spiders that happen to be living in it, declaring display: contents on something may completely eradicate qualities essential to it being announced by assistive technology." ericwbailey.website/published/disp…

@fantasai Congratulations!!

Intent to Change Affiliation fantasai.inkedblade.net/weblog/2023/af…

@consequence And you may tell yourself, “these are not my biking pants.”

David Byrne and his bicycle at the Met Gala Credit: Mike Coppola/Getty Images

@hiddevdploeg Only the first 3 songs get added to a playlist.

It's the most requested "feature" by far, and I've been thinking about it for a while. So I'm happy to let you all know... Petey for iOS is coming. Sign up here for future beta access: petey-assistant.com

@SaraSoueidan @t

Great article that articulates some of the reasons why "Mastodon is doomed" and why it won't be the Twitter replacement many have hoped it could be: justingarrison.com/blog/2023-04-2…

@DavidCornDC I’m not finding the mastodon one.

Letting folks know I am also on @DavidCornDC" target="_blank" rel="nofollow noopener">mastodon.social/@DavidCornDC post.news/@/davidcorn spoutible.com/DavidCorn facebook.com/davidcorndc instagram.com/davidcorn1/ And sign up for a FREE trial subscription to my newsletter at davidcorn.com. No wonder I'm so tired!