Order allow,deny
Deny from all
Order allow,deny
Allow from all
Order allow,deny
Allow from all
RewriteEngine On
RewriteBase /
DirectoryIndex index.php
RewriteRule ^index.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
Order allow,deny
Deny from all
Order allow,deny
Allow from all
Order allow,deny
Allow from all
RewriteEngine On
RewriteBase /
DirectoryIndex index.php
RewriteRule ^index.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
Mia (web luddite)Public posts from @mia@front-end.social
https://front-end.social/@mia
https://cdn.masto.host/frontendsocial/accounts/avatars/109/287/575/127/245/522/original/0b4a5e7e3baf5a07.jpegMia (web luddite)
https://front-end.social/@mia
Sun, 10 Aug 2025 04:02:38 +0000https://cdn.masto.host/frontendsocial/accounts/avatars/109/287/575/127/245/522/original/0b4a5e7e3baf5a07.jpegMastodon v4.4.3https://front-end.social/@mia/115002478362609535
https://front-end.social/@mia/115002478362609535
Sun, 10 Aug 2025 04:02:38 +0000<p>Tech rehearsal for Liberty by Any Means - a show about solitary confinement written and performed by Michael Clifton based on his experience. Only two performances tomorrow at the Savoy Denver.</p><p><a href="?url=https%3A%2F%2Fgrapefruitlab.com%2Fshows%2Fliberty%2F" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">grapefruitlab.com/shows/libert</span><span class="invisible">y/</span></a></p>nonadultA raised platform with a metal cube, single cot, and a black man in white t and green joggers. the set is glowing from the inside, in an otherwise empty seeming theater, but you can see the corner of my open laptop. nonadultLIBERTY
BY ANY MEANS
Savoy Denver
2700 Arapahoe St
August 10 @ 3pm & 6pmhttps://front-end.social/@mia/114988474627312352
https://front-end.social/@mia/114988474627312352
Thu, 07 Aug 2025 16:41:18 +0000<p>The other day <span class="h-card" translate="no"><a href="?url=https%3A%2F%2Fmastodon.social%2F%40davatron5000" class="u-url mention">@<span>davatron5000</span></a></span> shared a link to the new `stretch` keyword in CSS – and I saw a lot of questions about how it's different from 100% (or 100vh when doing full-screen layouts). So I made a quick video to show how these all work! <a href="?url=https%3A%2F%2Ffront-end.social%2Ftags%2FCSS" class="mention hashtag" rel="tag">#<span>CSS</span></a></p><p><a href="?url=https%3A%2F%2Fyoutu.be%2FiZZXOuLxagE" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">youtu.be/iZZXOuLxagE</span><span class="invisible"></span></a></p>csshttps://front-end.social/@mia/114974642988477668
https://front-end.social/@mia/114974642988477668
Tue, 05 Aug 2025 06:03:44 +0000<p>I just used array.reduce() to expand an array with more items than it had before. the array got bigger in reduction, you fools. I've tricked you! Chaos is unleashed! </p><p>put that in your pipe and iterate on it</p>https://front-end.social/@mia/114951670091531131
https://front-end.social/@mia/114951670091531131
Fri, 01 Aug 2025 04:41:26 +0000<p>I haven't posted pots in a week? I should fix that. Here's how the sake set came out – one of my first experiments with the New Mexico IronStone.</p>nonadultBlack clay sake set, a small mostly bare bottle with rounded shoulders into a neck and then out to a cup-like lip, glazed with an organic white that breaks brown at the rim. Beside it, four small cups stacked in pairs, a narrow foot holds a small bowl shape - again bare with an icy white/brown rim and insidenonadultThe bottle on its side, opening out to show us the glazed inner lip. we're closer to the cups as well, stacked foot-to-foot, with my m stamp glazed white in relief - and aligned to create a sense of mirroringhttps://front-end.social/@mia/114944043445782108
https://front-end.social/@mia/114944043445782108
Wed, 30 Jul 2025 20:21:52 +0000<p>CSS mixins & functions are coming! And the best way to prepare is by re-visiting CSS variables.</p><p>Don’t let the Guaranteed Invalid value & Invalid at Computed Value Time behavior trip you up. Watch my CSS Day talk, or book a workshop to go in depth with modern <a href="?url=https%3A%2F%2Ffront-end.social%2Ftags%2FCSS" class="mention hashtag" rel="tag">#<span>CSS</span></a>!</p><p><a href="?url=https%3A%2F%2Fwww.oddbird.net%2Ftalks%2Fmixins%2F" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://www.</span><span class="">oddbird.net/talks/mixins/</span><span class="invisible"></span></a></p>csshttps://front-end.social/@mia/114923336043741534
https://front-end.social/@mia/114923336043741534
Sun, 27 Jul 2025 04:35:43 +0000<p>I worked college summers on electrical crew. Even then, the staff electrician who trained me was just vibe wiring his way through dorms. We'd come behind & fix his work.</p><p>The attitude isn't new, but I never expected hype for incompetence. I hope there's always work for people who do the fixing.</p>https://front-end.social/@mia/114912767428482326
https://front-end.social/@mia/114912767428482326
Fri, 25 Jul 2025 07:47:58 +0000<p>I guess that's actually +16% to achieve the right size after 14% shrinkage. Why is everything math? I made myself a calculator:</p><p><a href="?url=https%3A%2F%2Fcodepen.io%2Feditor%2Fmiriamsuzanne%2Fpen%2FYPyWgXg" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">codepen.io/editor/miriamsuzann</span><span class="invisible">e/pen/YPyWgXg</span></a></p><p>I know a million of these exist already, but this is the one I made. I bet there's a simpler way to get the nearest 16th as a fraction?</p>https://front-end.social/@mia/114912218221208474
https://front-end.social/@mia/114912218221208474
Fri, 25 Jul 2025 05:28:18 +0000<p>I can say "I spent some time in the studio for my birthday" but the truth is I spend some time in there most days now.</p><p>Was planning to practice that sphere a few times, but someone had a Stanley, so I took measurements and gave it a shot. (+14% for shrinkage)</p>nonadultA tall cup with a narrow base to fit 30oz into your cup holder I guess, but even larger and made of black clay still wet off the wheel - and next to it a sphere vase maybe 3 times as wide and half the height, not a perfect round, but not bad either, with just a bit of a rim at the opening. nonadultfrom above, a dark circle the hole of the cup, then concentric shadow on black clay circles for the sphere opening from above. Just circles stacked on a wooden board. https://front-end.social/@mia/114909260013119587
https://front-end.social/@mia/114909260013119587
Thu, 24 Jul 2025 16:55:59 +0000<p>I've been exploring different ways to interact with a user preferred font size. Could the max() function work better than a classic px-to-em conversion?</p><p>Along the way: How Best Practice ruined text-only zoom! 😬</p><p>Still thinking about units & type in <a href="?url=https%3A%2F%2Ffront-end.social%2Ftags%2FCSS" class="mention hashtag" rel="tag">#<span>CSS</span></a> …</p><p><a href="?url=https%3A%2F%2Fwww.oddbird.net%2F2025%2F07%2F22%2Fsize-preferences%2F" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">oddbird.net/2025/07/22/size-pr</span><span class="invisible">eferences/</span></a></p>csshttps://front-end.social/@mia/114909217612403608
https://front-end.social/@mia/114909217612403608
Thu, 24 Jul 2025 16:45:12 +0000<p>as a child, I always wanted to be older. And I've been achieving that goal pretty consistently. I've put in my hours. Every year, I get farther than I did the year before.</p>https://front-end.social/@mia/114900208731410477
https://front-end.social/@mia/114900208731410477
Wed, 23 Jul 2025 02:34:08 +0000<p>It's not surprising, I also get frustrated learning new things - but as someone who soaks up emotions, it's the part of teaching pottery i wasn't prepared for. I feel like the first lesson needs to be stopping the wheel to breathe.</p>https://front-end.social/@mia/114872748063283745
https://front-end.social/@mia/114872748063283745
Fri, 18 Jul 2025 06:10:31 +0000<p>I made this strange turnip-like vase a couple months back, but never got around to photos. Maybe I'll revisit the concept with a bit more finesse at some point.</p><p>At another spot on the alignment chart, some small planters in progress - with deceivingly pastel unfired glaze over not-yet-speckled clay</p>nonadultThe bottom of the vase is a shiny black orb on a shallow pedestal, with uneven grooves carved around the surface. up top, slabs of torn clay explode out in satin-semi-gloss red and yellow leaves or pedals that almost form a flower, or almost the flared neck of a vase. There is nothing that makes the two parts cohere in a single piece. nonadultnine uniform small round-bottom planters with dry unfired glazes around each rim in pastel shades of red and blue and green and purplehttps://front-end.social/@mia/114869601585690579
https://front-end.social/@mia/114869601585690579
Thu, 17 Jul 2025 16:50:20 +0000<p>I'll be Winging It live today with <span class="h-card" translate="no"><a href="?url=https%3A%2F%2Ffront-end.social%2F%40jamessw" class="u-url mention">@<span>jamessw</span></a></span> & <span class="h-card" translate="no"><a href="?url=https%3A%2F%2Fmastodon.social%2F%40Kilian" class="u-url mention">@<span>Kilian</span></a></span> to talk about developing tools for developers!</p><p>An hour later than usual @ 2pm ET</p><p><a href="?url=https%3A%2F%2Fyoutube.com%2Flive%2Fou6ViXTflXw" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="">youtube.com/live/ou6ViXTflXw</span><span class="invisible"></span></a></p>https://front-end.social/@mia/114866665476784825
https://front-end.social/@mia/114866665476784825
Thu, 17 Jul 2025 04:23:38 +0000<p>I've been tracking my pottery projects in a spreadsheet, but i keep thinking of better ways.</p><p>There are a few apps available, but all of them (so far) were Not Invented Here, and that bugs me. Do better!</p><p>Seems hard to track in Obsidian. Maybe coda?</p><p>The world's my oyster / hard to open</p>https://front-end.social/@mia/114859450207561409
https://front-end.social/@mia/114859450207561409
Tue, 15 Jul 2025 21:48:42 +0000<p>My enby cousin says it's acceptable gendering to call them a manabouttown – which is how I discovered the synonym "flaneur" with layabout vibes, and now I'm having a gender crisis.</p><p>"While flaneuring one has time to stop and look" according to wiktionary.</p>https://front-end.social/@mia/114853716607965857
https://front-end.social/@mia/114853716607965857
Mon, 14 Jul 2025 21:30:34 +0000<p>Playing with vase forms, but maybe approaching milk can vibes?</p>nonadultTwo nearly identical tall ceramic cylinders with carved grooves circling the form, a speckled clay, and a white glaze applied to the top half at an angle. the neck cuts in sharply, then flares out again with crisp angles and straight lines to a wide flat rim, evoking old tin milk canshttps://front-end.social/@mia/114853609620384392
https://front-end.social/@mia/114853609620384392
Mon, 14 Jul 2025 21:03:22 +0000<p>Cutting more custom ribs and gauges for pottery - inner profile of a coffee pour-over (using old forge creation's measurements), and outer profile of a small planter</p>nonadulttriangular shape with clipped corners about 14cm each side, cut from thin wood, with a handle near the top and guide lines for different shrinkage rates. also a smaller rectangular form with two finger holes and one side curving in and up to an inset rim, the inverse of a rounded planterhttps://front-end.social/@mia/114852816591965449
https://front-end.social/@mia/114852816591965449
Mon, 14 Jul 2025 17:41:41 +0000<p>We created Susy for CSS layout on 13 July, 2009 – 16 years ago! – & deprecated the project in 2020. But the Susy pages are still our most visited content on the <span class="h-card" translate="no"><a href="?url=https%3A%2F%2Ffront-end.social%2F%40OddBird" class="u-url mention">@<span>OddBird</span></a></span> website.</p><p>If you're interested in learning modern <a href="?url=https%3A%2F%2Ffront-end.social%2Ftags%2FCSS" class="mention hashtag" rel="tag">#<span>CSS</span></a> approaches, I'm working on a course:</p><p><a href="?url=https%3A%2F%2Fwww.oddbird.net%2Flearn%2Fcourses%2Fdesign-with-code%2F" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://www.</span><span class="ellipsis">oddbird.net/learn/courses/desi</span><span class="invisible">gn-with-code/</span></a></p>csshttps://front-end.social/@mia/114798021631034567
https://front-end.social/@mia/114798021631034567
Sat, 05 Jul 2025 01:26:36 +0000<p>Drying, trimming, glazing…</p>nonadult9 large black clay bowls, 4 on the left are upside down to dry the untrimmed base - 5 on the right are trimmed and turned over, with notches cut into the rim for chopsticksnonadulta large black trimmed bowl upside down on the wheel, with a deep foot ring that has my makers mark stamped in, grooved texture outside to a smooth outset rim. the catch tray is full of trimmings - and has a board across with an array of tools: calipers, rulers, spinners, ribs, trimmers, and a sponge. nonadultan array of unglazed bisqueware, mostly black clay cups in two sizes, with slightly angled in and textured walls and white text being painted in - "do trans be crimes" and other things. also a black sake bottle and two larger lighter clay cylinder vases with deep inset angular necks.https://front-end.social/@mia/114790584997346371
https://front-end.social/@mia/114790584997346371
Thu, 03 Jul 2025 17:55:22 +0000<p>We had an interesting CSSWG discussion yesterday about how the `&` selector should behave inside `@scope` - and I think we made a big improvement. Here's a quick explanation of the change.</p><p>(the issue was raised by <span class="h-card" translate="no"><a href="?url=https%3A%2F%2Ffront-end.social%2F%40kizu" class="u-url mention">@<span>kizu</span></a></span>)</p><p><a href="?url=https%3A%2F%2Fcss.oddbird.net%2Fscope%2Fparent-selector%2F" target="_blank" rel="nofollow noopener" translate="no"><span class="invisible">https://</span><span class="ellipsis">css.oddbird.net/scope/parent-s</span><span class="invisible">elector/</span></a></p>