Frontend Dogma<p>CSS Isn’t Broken—You Just Never Read the Docs, by (not found on Mastodon or Bluesky):</p><p><a href="https://archive.fo/0SbnS" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">archive.fo/0SbnS</span><span class="invisible"></span></a></p><p><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://mas.to/tags/documentation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>documentation</span></a> <a href="https://mas.to/tags/cascade" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cascade</span></a> <a href="https://mas.to/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a> <a href="https://mas.to/tags/presentationalcss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>presentationalcss</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.
Administered by:
Server stats:
285active users
shakedown.social: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.7
#layout
1 post · 1 participant · 0 posts today
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://labyrinth.zone/users/mjdxp" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>mjdxp</span></a></span> consider adding those <code>Meta</code> & <code>Hyper</code> keys on the top left corner and make them 2U vertical to fuck with my OCD... ^ </p><ul><li>And I thought you'd be pissed that it's not a <a href="https://infosec.space/tags/Neo2" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Neo2</span></a>, <a href="https://infosec.space/tags/Dvorak" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Dvorak</span></a> or <a href="https://infosec.space/tags/Workman" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Workman</span></a> <a href="https://infosec.space/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a>...<br></li></ul><p><a href="https://infosec.space/tags/sarcasm" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sarcasm</span></a> <a href="https://infosec.space/tags/joke" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>joke</span></a> <a href="https://infosec.space/tags/keyboards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>keyboards</span></a> <a href="https://infosec.space/tags/keyboard" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>keyboard</span></a> <a href="https://infosec.space/tags/KeyboardLayout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>KeyboardLayout</span></a></p>
Sean AlexanderStreet photography as geometric graphic design layout.<br>
<br>
Denver, CO (2022)<br>
<br>
<a href="https://pixelfed.social/discover/tags/photography?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#photography</a> <a href="https://pixelfed.social/discover/tags/streetphotography?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#streetphotography</a> <a href="https://pixelfed.social/discover/tags/geometry?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#geometry</a> <a href="https://pixelfed.social/discover/tags/graphicdesign?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#graphicdesign</a> <a href="https://pixelfed.social/discover/tags/layout?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#layout</a> <a href="https://pixelfed.social/discover/tags/abstract?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#abstract</a> <a href="https://pixelfed.social/discover/tags/denver?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#denver</a> <a href="https://pixelfed.social/discover/tags/colorado?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#colorado</a>
evtso<p>not quite finished but should be tomorrow :)<br>and there’s a ‘poem’ on the front 🙃<br>🌼🌸🌼🌸🌼🌸🌼<br><a href="https://socel.net/tags/zines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>zines</span></a> <a href="https://socel.net/tags/altcomics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>altcomics</span></a> <a href="https://socel.net/tags/illustration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>illustration</span></a> <a href="https://socel.net/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a> <a href="https://socel.net/tags/%E4%B8%80%E6%AC%A1%E5%89%B5%E4%BD%9C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>一次創作</span></a> <a href="https://socel.net/tags/%E5%90%8C%E4%BA%BA%E8%AA%8C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>同人誌</span></a></p>
clew<p>Computer printing history question: Why is imposition such a pain? At what level is “a page” so different from “this graphic” that imposition is still handled by different software than the rest of page layout?</p><p>Historical quirks and links to explanations, vague memories of subtle bugs, all welcome.</p><p><a href="https://ecoevo.social/tags/printing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>printing</span></a> <a href="https://ecoevo.social/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a> <a href="https://ecoevo.social/tags/typesetting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>typesetting</span></a> (not using imposition as a hashtag because it's a lively one with a different meaning)</p>
Ana Tudor 🐯<p>Ever wanted to get the number of auto-fit columns in CSS?</p><p>```<br>--u: 5em;<br>grid-template-columns: repeat(auto-fit, minmax(var(--u), 1fr))<br>```</p><p>It's now possible! Using registered <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> vars, the tan division hack and container query units! Here's a little test on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span>: <br> <a href="https://codepen.io/thebabydino/pen/JojpBJr" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/Joj</span><span class="invisible">pBJr</span></a></p><p><a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssGrid</span></a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssLayout</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
Luke Dorny<p>Grid Systems</p><p>Book Review</p><p><a href="https://typo.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a> <a href="https://typo.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://typo.social/tags/grids" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grids</span></a> <a href="https://typo.social/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>typography</span></a> <a href="https://typo.social/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a></p><p><a href="https://youtu.be/MNMTjffhRcU" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">youtu.be/MNMTjffhRcU</span><span class="invisible"></span></a></p>
dusoft<p>Yep, <a href="https://fosstodon.org/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PHP</span></a> website, two scrollbars are definitely way to go!<br><a href="https://fosstodon.org/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://fosstodon.org/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://fosstodon.org/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://fosstodon.org/tags/webstandards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webstandards</span></a> <a href="https://fosstodon.org/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://fosstodon.org/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a></p>
Weird Place<p>I’m doing a series of videos about creating my first TTRPG. Check it out: a little layout chat! <a href="https://dice.camp/tags/ttrpg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ttrpg</span></a> <a href="https://dice.camp/tags/gamedesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gamedesign</span></a> <a href="https://dice.camp/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a> <a href="https://dice.camp/tags/indiegame" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indiegame</span></a> <a href="https://dice.camp/tags/rpg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rpg</span></a></p><p><a href="https://youtu.be/F30iFgGsmSg?si=_jGSfZANPUOljX2G" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">youtu.be/F30iFgGsmSg?si=_jGSfZ</span><span class="invisible">ANPUOljX2G</span></a></p>
Cristina TrandafirPoem about her<br>
<br>
<a href="https://pixelfed.social/discover/tags/scrapbooking?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrapbooking</a> <a href="https://pixelfed.social/discover/tags/scrapbook?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrapbook</a> <a href="https://pixelfed.social/discover/tags/handmade?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#handmade</a> <a href="https://pixelfed.social/discover/tags/journal?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#journal</a> <a href="https://pixelfed.social/discover/tags/scrapbookingideas?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrapbookingideas</a> <a href="https://pixelfed.social/discover/tags/papercrafts?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#papercrafts</a> <a href="https://pixelfed.social/discover/tags/papercraft?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#papercraft</a> <a href="https://pixelfed.social/discover/tags/papercrafting?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#papercrafting</a> <a href="https://pixelfed.social/discover/tags/journaling?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#journaling</a> <a href="https://pixelfed.social/discover/tags/scrapbooklayout?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrapbooklayout</a> <a href="https://pixelfed.social/discover/tags/memorykeeping?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#memorykeeping</a> <a href="https://pixelfed.social/discover/tags/junkjournal?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#junkjournal</a> <a href="https://pixelfed.social/discover/tags/diy?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#diy</a> <a href="https://pixelfed.social/discover/tags/craft?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#craft</a> <a href="https://pixelfed.social/discover/tags/crafting?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#crafting</a> <a href="https://pixelfed.social/discover/tags/crafts?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#crafts</a> <a href="https://pixelfed.social/discover/tags/art?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#art</a> <a href="https://pixelfed.social/discover/tags/artjournal?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#artjournal</a> <a href="https://pixelfed.social/discover/tags/bulletjournal?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#bulletjournal</a> <a href="https://pixelfed.social/discover/tags/handmadecards?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#handmadecards</a> <a href="https://pixelfed.social/discover/tags/layout?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#layout</a> <a href="https://pixelfed.social/discover/tags/digitalscrapbooking?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#digitalscrapbooking</a> <a href="https://pixelfed.social/discover/tags/vintage?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#vintage</a> <a href="https://pixelfed.social/discover/tags/scrapbookinglayout?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrapbookinglayout</a> <a href="https://pixelfed.social/discover/tags/planner?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#planner</a> <a href="https://pixelfed.social/discover/tags/creative?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#creative</a> <a href="https://pixelfed.social/discover/tags/mixedmedia?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#mixedmedia</a><br>
<a href="https://pixelfed.social/discover/tags/stickers?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#stickers</a> <a href="https://pixelfed.social/discover/tags/stationery?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#stationery</a> <a href="https://pixelfed.social/discover/tags/journalinspiration?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#journalinspiration</a> <a href="https://pixelfed.social/discover/tags/love?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#love</a> <a href="https://pixelfed.social/discover/tags/bujo?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#bujo</a> <a href="https://pixelfed.social/discover/tags/projectlife?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#projectlife</a> <a href="https://pixelfed.social/discover/tags/scrapbooker?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrapbooker</a> <a href="https://pixelfed.social/discover/tags/scrapbookideas?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrapbookideas</a> <a href="https://pixelfed.social/discover/tags/junkjournaling?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#junkjournaling</a> <a href="https://pixelfed.social/discover/tags/scraplovers?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scraplovers</a> <a href="https://pixelfed.social/discover/tags/cards?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#cards</a> <a href="https://pixelfed.social/discover/tags/paper?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#paper</a> <a href="https://pixelfed.social/discover/tags/paperlove?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#paperlove</a> <a href="https://pixelfed.social/discover/tags/handmadewithlove?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#handmadewithlove</a> <a href="https://pixelfed.social/discover/tags/card?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#card</a> <a href="https://pixelfed.social/discover/tags/minialbum?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#minialbum</a> <a href="https://pixelfed.social/discover/tags/ephemeral?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#ephemeral</a> <a href="https://pixelfed.social/discover/tags/scrapbookingsupplies?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrapbookingsupplies</a> <a href="https://pixelfed.social/discover/tags/washitape?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#washitape</a> <a href="https://pixelfed.social/discover/tags/stamping?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#stamping</a> <a href="https://pixelfed.social/discover/tags/digiscrap?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#digiscrap</a> <a href="https://pixelfed.social/discover/tags/scrapaddict?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrapaddict</a> <a href="https://pixelfed.social/discover/tags/memorykeeper?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#memorykeeper</a> <a href="https://pixelfed.social/discover/tags/scrapbookpaper?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrapbookpaper</a> <a href="https://pixelfed.social/discover/tags/album?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#album</a> <a href="https://pixelfed.social/discover/tags/artjournaling?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#artjournaling</a> <a href="https://pixelfed.social/discover/tags/handmadegifts?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#handmadegifts</a> <a href="https://pixelfed.social/discover/tags/collage?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#collage</a> <a href="https://pixelfed.social/discover/tags/scrapbooking?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrapbooking</a> <a href="https://pixelfed.social/discover/tags/vintage?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#vintage</a> <a href="https://pixelfed.social/discover/tags/creative?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#creative</a> <a href="https://pixelfed.social/discover/tags/diy?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#diy</a> <a href="https://pixelfed.social/discover/tags/craft?src=hash" class="u-url hashtag" rel="nofollow noopener noreferrer" target="_blank">#craft</a> #paper #stickers #crafts #album #mixedmedia #planner #bulletjournal #stationery #journal #cards #scrapbooking #crafting
Terry Hancock (Director/Producer)<p><a href="https://indieweb.social/@elkcityhazard" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@elkcityhazard@indieweb.social</a><span> <br><br>Yeah. Also my experience. I just occasionally hope someone has finally figured out a better way. </span><a href="https://m.filmfreedom.net/tags/Wordpress" rel="nofollow noopener noreferrer" target="_blank">#Wordpress</a><span> </span><a href="https://m.filmfreedom.net/tags/CMS" rel="nofollow noopener noreferrer" target="_blank">#CMS</a><span> </span><a href="https://m.filmfreedom.net/tags/Blog" rel="nofollow noopener noreferrer" target="_blank">#Blog</a><span> </span><a href="https://m.filmfreedom.net/tags/Layout" rel="nofollow noopener noreferrer" target="_blank">#Layout</a><span> </span><a href="https://m.filmfreedom.net/tags/Images" rel="nofollow noopener noreferrer" target="_blank">#Images</a></p>
Terry Hancock (Director/Producer)<p><span>I used the "gallery" option in Wordpress (Classic Editor) a lot.<br><br>But what it looks like in the pseudo-HTML source that Wordpress uses is this:<br><br>[gallery columns="4" link="file" ids="7910,7911,7912,7913,7920,7921,7922,7924"]<br><br>Which conversion/archiving tools don't know what to do with.<br><br>I assume Wordpress must generate the gallery HTML everytime the page is loaded? (I'm pretty sure the numbers are document numbers for the images, which also contain size and captions).<br><br>I've been manually converting them to HTML tables, which will work in exported Markdown (albeit just as quoted HTML -- because apparently Markdown doesn't support image tables or galleries).<br><br>Also, I have to open each image and then copy and paste the filename into the "Add Media" search bar in order to add the images to my article so I can put table tags around them.<br><br>Is there a better way to do this?<br><br>Maybe a way to explode the galleries into individual images, at least?<br><br>Also, do any of the static CMS/blog generators handle images and galleries better than this?<br><br>All the ones I know seem to view images as an afterthought, and galleries, let alone artistic layouts not even a tiny bit. Not everything of value is words, folks.<br><br>I'm thinking of migrating to something else -- but what?<br> </span><a href="https://m.filmfreedom.net/tags/Wordpress" rel="nofollow noopener noreferrer" target="_blank">#Wordpress</a><span> </span><a href="https://m.filmfreedom.net/tags/CMS" rel="nofollow noopener noreferrer" target="_blank">#CMS</a><span> </span><a href="https://m.filmfreedom.net/tags/Blog" rel="nofollow noopener noreferrer" target="_blank">#Blog</a><span> </span><a href="https://m.filmfreedom.net/tags/Layout" rel="nofollow noopener noreferrer" target="_blank">#Layout</a><span> </span><a href="https://m.filmfreedom.net/tags/Images" rel="nofollow noopener noreferrer" target="_blank">#Images</a></p>
IT News<p>3D Printed Caliper Extensions Make Hole Measurement Easier - If there’s anything more frustrating than mounting holes that don’t line up with t... - <a href="https://hackaday.com/2024/12/06/3d-printed-extensions-make-hole-measurement-easier/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">hackaday.com/2024/12/06/3d-pri</span><span class="invisible">nted-extensions-make-hole-measurement-easier/</span></a> <a href="https://schleuss.online/tags/center" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>center</span></a>-to-center <a href="https://schleuss.online/tags/measurement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>measurement</span></a> <a href="https://schleuss.online/tags/toolhacks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>toolhacks</span></a> <a href="https://schleuss.online/tags/caliper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>caliper</span></a> <a href="https://schleuss.online/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a> <a href="https://schleuss.online/tags/hole" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hole</span></a></p>
Aral Balkan<p>If you use Vial (<a href="https://get.vial.today" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">get.vial.today</span><span class="invisible"></span></a>) to configure your keyboard on macOS and you need to map a key to backtick/tilde, mapping it to the backtick/tidle key in the Vial keyboard won’t work (you’ll get the section/plus-minus key). Instead, map it to the following code:</p><p>KC_NONUS_BSLASH</p><p>(At least that’s what worked for me on the British English Mac layout.)</p><p><a href="https://mastodon.ar.al/tags/Mac" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mac</span></a> <a href="https://mastodon.ar.al/tags/keyboard" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>keyboard</span></a> <a href="https://mastodon.ar.al/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a> <a href="https://mastodon.ar.al/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> <a href="https://mastodon.ar.al/tags/backtick" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>backtick</span></a> <a href="https://mastodon.ar.al/tags/tilde" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tilde</span></a> <a href="https://mastodon.ar.al/tags/via" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>via</span></a> <a href="https://mastodon.ar.al/tags/vial" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>vial</span></a> <a href="https://mastodon.ar.al/tags/qmk" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>qmk</span></a></p>
Martinus Hoevenaar<p>This is how every one of my murals starts. Some sketchy lines for layout on a scrappy envelope. This is how I start to feel the space the wall is in. How I want people to walk in and get sucked up by the motions of lines, the depths, their perspectives of the space and themselves. Feeling normal on one end, feeling small on the other.<br>To be continued...</p><p><a href="https://hoevenaar.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">hoevenaar.com/</span><span class="invisible"></span></a></p><p><a href="https://mastodon.art/tags/mural" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mural</span></a> <a href="https://mastodon.art/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a> <a href="https://mastodon.art/tags/flow" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>flow</span></a> <a href="https://mastodon.art/tags/perspective" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>perspective</span></a> <a href="https://mastodon.art/tags/start" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>start</span></a> <a href="https://mastodon.art/tags/mastoart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mastoart</span></a> <a href="https://mastodon.art/tags/poperinge" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>poperinge</span></a> <a href="https://mastodon.art/tags/belgium" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>belgium</span></a></p>
Oblomov<p>OK this might be a bit crazy but is there a way to “interleave” content with <a href="https://sociale.network/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a>? As in: you have two long lines of content, and you want to allow the standard linebreaking algorithm to do its thing on both, BUT you don't want all the content from one line followed by the other, if it wraps:</p><p>L1L1L1L1<br>L1L1L1L1<br>L1L1L1<br>L2L2L2L2<br>L2L2L2</p><p>but you want the wrapped line(s) to follow the wrapped line(s) of the following content:</p><p>L1L1L1<br>L2L2L2<br>L1L1L1<br>L2L2<br>L1L1</p><p><a href="https://sociale.network/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://sociale.network/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a></p>
Jan Penfrat<p><a href="https://eupolicy.social/tags/FediHelp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FediHelp</span></a>: I am looking for a <a href="https://eupolicy.social/tags/graphics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>graphics</span></a> <a href="https://eupolicy.social/tags/designer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designer</span></a> who can beautifully visualise the sign-up process of the <a href="https://eupolicy.social/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Fediverse</span></a> + beginners tips on an approx. 2m² large <a href="https://eupolicy.social/tags/print" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>print</span></a> banner.</p><p>Banner will be used for a conference booth and should allow newbies to understand the Fediverse and how easy it is. Design can be playful and colourful :)</p><p>Please DM me if interested; boosts and tagging very appreciated! 🙏 </p><p><a href="https://eupolicy.social/tags/PaidGig" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PaidGig</span></a> <a href="https://eupolicy.social/tags/FediWork" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FediWork</span></a> <a href="https://eupolicy.social/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a> <a href="https://eupolicy.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a></p>
Nazisklatschen<p>Hallo <a href="https://mastodon.social/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fediverse</span></a> </p><p>Kurz vor der <a href="https://mastodon.social/tags/europawahl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>europawahl</span></a> ist unser <a href="https://mastodon.social/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a> für unsere <a href="https://mastodon.social/tags/Kundgebung" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kundgebung</span></a> am 17. <a href="https://mastodon.social/tags/august" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>august</span></a> #2024 in <a href="https://mastodon.social/tags/berlin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>berlin</span></a> <a href="https://mastodon.social/tags/kreuzberg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>kreuzberg</span></a> fertig geworden.</p><p>Unseren ersten <a href="https://mastodon.social/tags/aufruf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>aufruf</span></a> findet ihr hier:<br><a href="https://nazisklatschen.noblogs.org/post/2024/05/11/nazis-klatschen/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nazisklatschen.noblogs.org/pos</span><span class="invisible">t/2024/05/11/nazis-klatschen/</span></a></p><p><a href="https://mastodon.social/tags/savethedate" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>savethedate</span></a> und folgt uns gerne unauffällig 😜 </p><p><a href="https://mastodon.social/tags/nzskltschn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nzskltschn</span></a> <a href="https://mastodon.social/tags/b1708" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>b1708</span></a> </p><p><a href="https://mastodon.social/tags/niewiederistjetzt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>niewiederistjetzt</span></a> <a href="https://mastodon.social/tags/buntststattbraun" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>buntststattbraun</span></a></p><p><a href="https://mastodon.social/tags/fckafd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fckafd</span></a> <a href="https://mastodon.social/tags/noafd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>noafd</span></a> <a href="https://mastodon.social/tags/fcknzs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fcknzs</span></a> <a href="https://mastodon.social/tags/nazis" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nazis</span></a> <a href="https://mastodon.social/tags/rechts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rechts</span></a><br><a href="https://mastodon.social/tags/antifa" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>antifa</span></a> <a href="https://mastodon.social/tags/omasgegenrechts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>omasgegenrechts</span></a> <br><a href="https://mastodon.social/tags/demokratie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>demokratie</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>> The <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/AnchorPositioning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AnchorPositioning</span></a> <a href="https://mastodon.social/tags/API" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>API</span></a> is a game-changer in <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>development</span></a> because it lets you natively position elements relative to other elements, known as anchors. This API simplifies complex <a href="https://mastodon.social/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a> requirements for many interface features like menus and submenus, tooltips, selects, labels, cards, settings dialogs, and many more.</p><p><a href="https://developer.chrome.com/blog/anchor-positioning-api" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.chrome.com/blog/anch</span><span class="invisible">or-positioning-api</span></a></p><p><a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/cssAnchorPositioning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssAnchorPositioning</span></a></p>
Luke Dorny<p><a href="https://typo.social/tags/Masonry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Masonry</span></a> <a href="https://typo.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> and how to move forward:</p><p><a href="https://youtu.be/azs0xtt_tJc?si=xRvmIgjhMoBGKc8Q" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">youtu.be/azs0xtt_tJc?si=xRvmIg</span><span class="invisible">jhMoBGKc8Q</span></a></p><p>I suggest we make it its own thing. Call it whatever we like: Bricks, stacks, castle, river, stones, etc. </p><p><span class="h-card" translate="no"><a href="https://front-end.social/@kevinpowell" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>kevinpowell</span></a></span><br><span class="h-card" translate="no"><a href="https://front-end.social/@jensimmons" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>jensimmons</span></a></span><br><a href="https://typo.social/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a> <a href="https://typo.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://typo.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://typo.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a></p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload