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.jpeg Mia (web luddite) https://front-end.social/@mia Sun, 10 Aug 2025 04:02:38 +0000 https://cdn.masto.host/frontendsocial/accounts/avatars/109/287/575/127/245/522/original/0b4a5e7e3baf5a07.jpeg Mastodon v4.4.3 https://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> nonadult A 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. nonadult LIBERTY BY ANY MEANS Savoy Denver 2700 Arapahoe St August 10 @ 3pm & 6pm https://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&#39;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> css https://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&#39;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&#39;t posted pots in a week? I should fix that. Here&#39;s how the sake set came out – one of my first experiments with the New Mexico IronStone.</p> nonadult Black 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 inside nonadult The 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 mirroring https://front-end.social/@mia/114944043445782108 https://front-end.social/@mia/114944043445782108 Wed, 30 Jul 2025 20:21:52 +0000 <p>CSS mixins &amp; functions are coming! And the best way to prepare is by re-visiting CSS variables.</p><p>Don’t let the Guaranteed Invalid value &amp; 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> css https://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&#39;d come behind &amp; fix his work.</p><p>The attitude isn&#39;t new, but I never expected hype for incompetence. I hope there&#39;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&#39;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&#39;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 &quot;I spent some time in the studio for my birthday&quot; 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> nonadult A 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. nonadult from 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&#39;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 &amp; 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> css https://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&#39;ve been achieving that goal pretty consistently. I&#39;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&#39;s not surprising, I also get frustrated learning new things - but as someone who soaks up emotions, it&#39;s the part of teaching pottery i wasn&#39;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&#39;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> nonadult The 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. nonadult nine uniform small round-bottom planters with dry unfired glazes around each rim in pastel shades of red and blue and green and purple https://front-end.social/@mia/114869601585690579 https://front-end.social/@mia/114869601585690579 Thu, 17 Jul 2025 16:50:20 +0000 <p>I&#39;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> &amp; <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&#39;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&#39;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&#39;s acceptable gendering to call them a manabouttown – which is how I discovered the synonym &quot;flaneur&quot; with layabout vibes, and now I&#39;m having a gender crisis.</p><p>&quot;While flaneuring one has time to stop and look&quot; 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> nonadult Two 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 cans https://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&#39;s measurements), and outer profile of a small planter</p> nonadult triangular 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 planter https://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! – &amp; 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&#39;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&#39;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> css https://front-end.social/@mia/114798021631034567 https://front-end.social/@mia/114798021631034567 Sat, 05 Jul 2025 01:26:36 +0000 <p>Drying, trimming, glazing…</p> nonadult 9 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 chopsticks nonadult a 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. nonadult an 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 `&amp;` selector should behave inside `@scope` - and I think we made a big improvement. Here&#39;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>