Recent searches

No recent searches

Search options

Only available when logged in.
eupolicy.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
This Mastodon server is a friendly and respectful discussion space for people working in areas related to EU policy. When you request to create an account, please tell us something about you.

Administered by:

Server stats:

206
active users

eupolicy.social: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.3

#layout

3 posts2 participants0 posts today
TugaTech 🖥️<p>Disney+ prepara-se para uma revolução: Hulu chega para substituir o Star+ com um novo design<br>🔗&nbsp;<a href="https://tugatech.com.pt/t72280-disney-prepara-se-para-uma-revolucao-hulu-chega-para-substituir-o-star-com-um-novo-design" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tugatech.com.pt/t72280-disney-</span><span class="invisible">prepara-se-para-uma-revolucao-hulu-chega-para-substituir-o-star-com-um-novo-design</span></a></p><p><a href="https://masto.pt/tags/algoritmo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>algoritmo</span></a> <a href="https://masto.pt/tags/base" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>base</span></a> <a href="https://masto.pt/tags/disney" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>disney</span></a> <a href="https://masto.pt/tags/ios" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ios</span></a> <a href="https://masto.pt/tags/layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>layout</span></a> <a href="https://masto.pt/tags/marvel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>marvel</span></a> <a href="https://masto.pt/tags/portugal" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>portugal</span></a> <a href="https://masto.pt/tags/streaming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>streaming</span></a>&nbsp;</p>
Ana Tudor 🐯<p>You might notice something's off when you increase the blur radius above a certain value - it gets cut off from a certain point outside the original element's boundary. That point from where it get cut off is the filter region boundary, which extends 10% on each side of the element's bounding box.</p><p><a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/interactive" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>interactive</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssLayout</span></a> <a href="https://mastodon.social/tags/layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>layout</span></a></p>
Ana Tudor 🐯<p>And here's another interactive <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span> demo showing what happens if we chain a blur primitive after the offset one <a href="https://codepen.io/thebabydino/full/PwPOLJZ" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/full/Pw</span><span class="invisible">POLJZ</span></a></p><p>crossed out attribute = has default value</p><p>(in general, SVG filter primitive order matters, but here we may chain the offset after the blur)</p><p><a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/interactive" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>interactive</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>layout</span></a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssLayout</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Andrés Ortiz Massó<a href="https://pixelfed.social/discover/tags/layout?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#layout</a> <a href="https://pixelfed.social/discover/tags/layoutpictures?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#layoutpictures</a> <a href="https://pixelfed.social/discover/tags/design?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://pixelfed.social/discover/tags/minimal?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#minimal</a> <a href="https://pixelfed.social/discover/tags/minimalism?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#minimalism</a> <a href="https://pixelfed.social/discover/tags/architecture?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#architecture</a> <a href="https://pixelfed.social/discover/tags/isometric?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#isometric</a>
C.<p>I do not believe I was drunk while laying out this circuit on a protoboard.</p><p>But I'm having difficulty coming up with an alternate hypothesis for how I'm finding so many errors in the layout.</p><p><a href="https://mindly.social/tags/electronics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>electronics</span></a> <a href="https://mindly.social/tags/hobby" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hobby</span></a> <a href="https://mindly.social/tags/diy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>diy</span></a> <a href="https://mindly.social/tags/drunk" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>drunk</span></a> <a href="https://mindly.social/tags/hypothesis" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hypothesis</span></a> <a href="https://mindly.social/tags/errors" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>errors</span></a> <a href="https://mindly.social/tags/layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>layout</span></a> <a href="https://mindly.social/tags/protoboard" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>protoboard</span></a></p>
Andrés Ortiz MassóTemplw<br> <br> <a href="https://pixelfed.social/discover/tags/layout?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#layout</a> <a href="https://pixelfed.social/discover/tags/layoutpictures?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#layoutpictures</a> <a href="https://pixelfed.social/discover/tags/design?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://pixelfed.social/discover/tags/minimal?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#minimal</a> <a href="https://pixelfed.social/discover/tags/surrealism?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#surrealism</a> <a href="https://pixelfed.social/discover/tags/archidaily?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#archidaily</a> <a href="https://pixelfed.social/discover/tags/composition?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#composition</a> <a href="https://pixelfed.social/discover/tags/geometry?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#geometry</a> <a href="https://pixelfed.social/discover/tags/perspective?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#perspective</a>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Demos" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Demos</span></a><br>Styling siblings has never been easier · What to expect from two emerging CSS additions <a href="https://ilo.im/166u03" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166u03</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Layout</span></a> <a href="https://mastodon.social/tags/ColorPalettes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ColorPalettes</span></a> <a href="https://mastodon.social/tags/Animations" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Animations</span></a> <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Chrome</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Frontend Dogma<p>Hack to the Future—Frontend, by <span class="h-card" translate="no"><a href="https://hachyderm.io/@TheRealNooshu" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>TheRealNooshu</span></a></span>:</p><p><a href="https://nooshu.com/blog/2025/08/26/hack-to-the-future-frontend/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nooshu.com/blog/2025/08/26/hac</span><span class="invisible">k-to-the-future-frontend/</span></a></p><p><a href="https://mas.to/tags/history" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>history</span></a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://mas.to/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://mas.to/tags/layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>layout</span></a> <a href="https://mas.to/tags/flash" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>flash</span></a> <a href="https://mas.to/tags/imagereplacement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>imagereplacement</span></a> <a href="https://mas.to/tags/libraries" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>libraries</span></a> <a href="https://mas.to/tags/frameworks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frameworks</span></a> <a href="https://mas.to/tags/hacks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hacks</span></a> <a href="https://mas.to/tags/xhtml" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>xhtml</span></a> <a href="https://mas.to/tags/tooling" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>tooling</span></a> <a href="https://mas.to/tags/testing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>testing</span></a> <a href="https://mas.to/tags/outlooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>outlooks</span></a></p>
TugaTech 🖥️<p>WhatsApp para iPhone tem um novo teclado de GIFs e vai facilitar (muito) a sua pesquisa<br>🔗&nbsp;<a href="https://tugatech.com.pt/t71678-whatsapp-para-iphone-tem-um-novo-teclado-de-gifs-e-vai-facilitar-muito-a-sua-pesquisa" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tugatech.com.pt/t71678-whatsap</span><span class="invisible">p-para-iphone-tem-um-novo-teclado-de-gifs-e-vai-facilitar-muito-a-sua-pesquisa</span></a></p><p><a href="https://masto.pt/tags/android" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>android</span></a> <a href="https://masto.pt/tags/ar" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ar</span></a> <a href="https://masto.pt/tags/gif" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gif</span></a> <a href="https://masto.pt/tags/ios" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ios</span></a> <a href="https://masto.pt/tags/iphone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>iphone</span></a> <a href="https://masto.pt/tags/layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>layout</span></a> <a href="https://masto.pt/tags/Meta" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Meta</span></a> <a href="https://masto.pt/tags/whatsapp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>whatsapp</span></a>&nbsp;</p>
TugaTech 🖥️<p>iOS 26 chega a 15 de setembro com o novo design Liquid Glass e mais inteligência<br>🔗&nbsp;<a href="https://tugatech.com.pt/t71608-ios-26-chega-a-15-de-setembro-com-o-novo-design-liquid-glass-e-mais-inteligencia" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tugatech.com.pt/t71608-ios-26-</span><span class="invisible">chega-a-15-de-setembro-com-o-novo-design-liquid-glass-e-mais-inteligencia</span></a></p><p><a href="https://masto.pt/tags/apple" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>apple</span></a> <a href="https://masto.pt/tags/ar" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ar</span></a> <a href="https://masto.pt/tags/ios" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ios</span></a> <a href="https://masto.pt/tags/iphone" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>iphone</span></a> <a href="https://masto.pt/tags/layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>layout</span></a> <a href="https://masto.pt/tags/macos" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>macos</span></a> <a href="https://masto.pt/tags/software" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>software</span></a>&nbsp;</p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Explainers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Explainers</span></a><br>The fundamentals of CSS alignment · How alignment properties work in layouts <a href="https://ilo.im/166mhk" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166mhk</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Layout</span></a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Content</span></a> <a href="https://mastodon.social/tags/Alignment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Alignment</span></a> <a href="https://mastodon.social/tags/Spacing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Spacing</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/Containers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Containers</span></a> <a href="https://mastodon.social/tags/CssGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssGrid</span></a> <a href="https://mastodon.social/tags/CssFlexbox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssFlexbox</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guides</span></a><br>The basics of anchor positioning · An interactive guide to an exciting CSS feature <a href="https://ilo.im/166gee" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166gee</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Layout</span></a> <a href="https://mastodon.social/tags/Positioning" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Positioning</span></a> <a href="https://mastodon.social/tags/AnchorPositioning" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AnchorPositioning</span></a> <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Chrome</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Andrés Ortiz Massó<a href="https://pixelfed.social/discover/tags/layout?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#layout</a> <a href="https://pixelfed.social/discover/tags/layoutpictures?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#layoutpictures</a> <a href="https://pixelfed.social/discover/tags/design?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://pixelfed.social/discover/tags/minimal?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#minimal</a> <a href="https://pixelfed.social/discover/tags/minimalism?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#minimalism</a> <a href="https://pixelfed.social/discover/tags/mirrorlab?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#mirrorlab</a> <a href="https://pixelfed.social/discover/tags/mirror?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#mirror</a> <a href="https://pixelfed.social/discover/tags/architectureporn?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#architectureporn</a> <a href="https://pixelfed.social/discover/tags/architecture?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#architecture</a>
Andrés Ortiz Massó<a href="https://pixelfed.social/discover/tags/tinyplanet?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#tinyplanet</a> <a href="https://pixelfed.social/discover/tags/tinyplanetbuff?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#tinyplanetbuff</a> <a href="https://pixelfed.social/discover/tags/architecture?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#architecture</a> <a href="https://pixelfed.social/discover/tags/abstract?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#abstract</a> <a href="https://pixelfed.social/discover/tags/building?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#building</a> <a href="https://pixelfed.social/discover/tags/archilovers?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#archilovers</a> <a href="https://pixelfed.social/discover/tags/mirror?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#mirror</a> <a href="https://pixelfed.social/discover/tags/mirrorlab?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#mirrorlab</a> <a href="https://pixelfed.social/discover/tags/layout?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#layout</a> <a href="https://pixelfed.social/discover/tags/layoutpictures?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#layoutpictures</a> <a href="https://pixelfed.social/discover/tags/design?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#design</a> <a href="https://pixelfed.social/discover/tags/blackandwhite?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#blackandwhite</a> <a href="https://pixelfed.social/discover/tags/bnw?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#bnw</a> <a href="https://pixelfed.social/discover/tags/monochrome?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#monochrome</a>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Examples</span></a><br>Using the new CSS <span class="h-card" translate="no"><a href="https://mastodon.social/@function" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>function</span></a></span> rule · Some examples where this comes in handy <a href="https://ilo.im/166496" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166496</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Layout</span></a> <a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Typography</span></a> <a href="https://mastodon.social/tags/Borders" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Borders</span></a> <a href="https://mastodon.social/tags/Negation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Negation</span></a> <a href="https://mastodon.social/tags/Chrome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Chrome</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Steven Cudahy<p>The <a href="https://mastodon.scot/tags/MastoPrompt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoPrompt</span></a> for Friday 22 August 2025 is:</p><p><a href="https://mastodon.scot/tags/layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>layout</span></a></p><p>The poem or story can include the prompt word or be about the prompt word.</p><p>@ me, if you like, or just include the <a href="https://mastodon.scot/tags/MastoPrompt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoPrompt</span></a> tag (to allow people to follow or filter their feeds), or keep your work to yourself - all the options are good as long as you're writing.</p><p>If you're including an image please do include alt-text if you’re able to.</p><p><a href="https://mastodon.scot/tags/Writing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Writing</span></a> <a href="https://mastodon.scot/tags/SmallPoem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallPoem</span></a> <a href="https://mastodon.scot/tags/Poetry" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Poetry</span></a> <a href="https://mastodon.scot/tags/Fiction" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fiction</span></a> <a href="https://mastodon.scot/tags/MicroFiction" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MicroFiction</span></a> <a href="https://mastodon.scot/tags/SmallStories" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallStories</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Explainers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Explainers</span></a><br>There’s a new stretch keyword in CSS? · How ’height: stretch’ and ‘width: stretch’ work <a href="https://ilo.im/166346" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166346</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Layout</span></a> <a href="https://mastodon.social/tags/DevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevTools</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Techniques</span></a><br>Another article about centering in CSS · There’s no silver bullet for centering <a href="https://ilo.im/1664uj" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1664uj</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Centering" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Centering</span></a> <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Layout</span></a> <a href="https://mastodon.social/tags/Container" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Container</span></a> <a href="https://mastodon.social/tags/Text" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Text</span></a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Content</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/CssGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssGrid</span></a> <a href="https://mastodon.social/tags/CssFlexbox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssFlexbox</span></a></p>
Frontend Dogma<p>Item Flow: Next Steps for Masonry, by <span class="h-card" translate="no"><a href="https://front-end.social/@jensimmons" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>jensimmons</span></a></span> and @saron.bsky.social (<span class="h-card" translate="no"><a href="https://front-end.social/@webkit" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>webkit</span></a></span>):</p><p><a href="https://webkit.org/blog/17219/item-flow-part-2-next-steps-for-masonry/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">webkit.org/blog/17219/item-flo</span><span class="invisible">w-part-2-next-steps-for-masonry/</span></a></p><p><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mas.to/tags/masonry" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>masonry</span></a> <a href="https://mas.to/tags/layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>layout</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Approaches</span></a><br>Mobile and desktop recognizability · How much design variation is acceptable? <a href="https://ilo.im/165v3r" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/165v3r</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Layout</span></a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Content</span></a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Website</span></a> <a href="https://mastodon.social/tags/Mobile" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mobile</span></a> <a href="https://mastodon.social/tags/Desktop" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Desktop</span></a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a></p>
TrendingLive feeds
About