css

<p>There&#x27;s `@starting-style` in <a href="/tags/css/" rel="tag">#CSS</a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@starting-style" rel="nofollow" class="ellipsis" title="developer.mozilla.org/en-US/docs/Web/CSS/@starting-style"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/CSS/@starting-style</span></a> but no &#x27;ending-style&#x27; 🫠</p><p>Wondering how it got spec-ed out in the first place and even got implemented in browsers (around 2023-2024), where there&#x27;s start but no end… 🤔</p><p>Draft discussion here: <a href="https://github.com/w3c/csswg-drafts/issues/9500" rel="nofollow" class="ellipsis" title="github.com/w3c/csswg-drafts/issues/9500"><span class="invisible">https://</span><span class="ellipsis">github.com/w3c/csswg-drafts/is</span><span class="invisible">sues/9500</span></a></p>

<p>A Simple CSS Solution To Fix Element Blocking Page Anchor Links</p><p>Create the best website user experience possible using one of two simple Cascading Style Sheet properties to fix element blocking page anchor links.</p><p><a href="https://www.adamsdesk.com/posts/fix-element-blocking-page-anchor-links-css/" rel="nofollow" class="ellipsis" title="www.adamsdesk.com/posts/fix-element-blocking-page-anchor-links-css/"><span class="invisible">https://</span><span class="ellipsis">www.adamsdesk.com/posts/fix-el</span><span class="invisible">ement-blocking-page-anchor-links-css/</span></a></p><p><a href="/tags/blog/" rel="tag">#blog</a> <a href="/tags/web/" rel="tag">#web</a> <a href="/tags/webdev/" rel="tag">#WebDev</a> <a href="/tags/css/" rel="tag">#CSS</a> <a href="/tags/website/" rel="tag">#website</a></p>

<p><a href="/tags/css/" rel="tag">#CSS</a> is amazing. </p><p>It’s a bit unfortunate that <a href="/tags/llms/" rel="tag">#LLMs</a> default to slapping Tailwind classes in HTML instead of modern CSS that’s more maintainable and will never break.</p><p><a href="https://lyra.horse/blog/2025/08/you-dont-need-js/" rel="nofollow" class="ellipsis" title="lyra.horse/blog/2025/08/you-dont-need-js/"><span class="invisible">https://</span><span class="ellipsis">lyra.horse/blog/2025/08/you-do</span><span class="invisible">nt-need-js/</span></a><br><a href="/tags/web/" rel="tag">#web</a></p>

Alterei, ontem, as cores de <a href="https://daltux.net/" rel="nofollow">daltux.net</a> e daqui do <a href="http://snac.daltux.net/" rel="nofollow">snac.daltux.net</a> pra ficarem em harmonia com as que já tinha definido há tempos no blogue <span class="h-card"><a href="https://blog.ayom.media/daltux/" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>daltux</span></a></span>, que considero mais interessantes: mais verde, menos laranja — sai pra lá, Laranja! No <img src="https://eggplant.place/media/emoji/snac.daltux.net/snac.png" class="emoji" alt=":snac:" title=":snac:"> ainda não está 100% — há inconsistências — mas sem tempo hoje pra isso. Já acho melhor assim.<br><br>Não sou tão entendido em <a href="/tags/css/" rel="tag">#CSS</a> em geral, então é um processo de tentativa e erro. Sugestões serão muito bem-vindas! <img src="https://eggplant.place/media/emoji/snac.daltux.net/neocatLaptop.png" class="emoji" alt=":neocatLaptop:" title=":neocatLaptop:"><br>

<p><img src="https://eggplant.place/media/emoji/mastodon.design/kare_news.png" class="emoji" alt=":kare_news:" title=":kare_news:"> In other news, I see that <span class="h-card"><a href="https://post.lurk.org/@doriane" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>doriane</span></a></span> has published the english translation of my &quot;tactical design&quot; article. </p><p>The best part is her &quot;added notes&quot; in the context of the declarations.style project, &quot;letting the text shapes our practices and our practices shapes the text&quot; as she puts it. Thank you very much!</p><p><a href="https://declarations.style/texts/2025-01-21_tactical-design-and-from-style-tools-to-folkloric-fabulations.html" rel="nofollow" class="ellipsis" title="declarations.style/texts/2025-01-21_tactical-design-and-from-style-tools-to-folkloric-fabulations.html"><span class="invisible">https://</span><span class="ellipsis">declarations.style/texts/2025-</span><span class="invisible">01-21_tactical-design-and-from-style-tools-to-folkloric-fabulations.html</span></a></p><p><a href="/tags/tacticaldesign/" rel="tag">#tacticaldesign</a> <a href="/tags/css/" rel="tag">#css</a> <a href="/tags/webdesign/" rel="tag">#webdesign</a></p>

<p>Mastodon Bird UI support for Mastodon v4.6.0 with CSS properties is coming soon. The theme will also be modularized using SCSS partials to match Mastodon&#x27;s new style infrastructure.</p><p>The build process will include npm scripts and Parcel, making the theme ultra-portable for any Mastodon instance, whether added through the Custom CSS textarea or directly by a Mastodon admin. </p><p>I&#x27;ll also create a simple bash script for Mastodon admins to enable the theme as a selectable option more easily than the current fork-and-cut method. </p><p>This is no easy feat, but definitely worth it.</p><p>GitHub: <a href="https://github.com/ronilaukkarinen/mastodon-bird-ui" rel="nofollow" class="ellipsis" title="github.com/ronilaukkarinen/mastodon-bird-ui"><span class="invisible">https://</span><span class="ellipsis">github.com/ronilaukkarinen/mas</span><span class="invisible">todon-bird-ui</span></a></p><p>Progress in the nightly branch.</p><p><a href="/tags/mastodonbirdui/" rel="tag">#MastodonBirdUI</a> <a href="/tags/css/" rel="tag">#CSS</a> <a href="/tags/opensource/" rel="tag">#OpenSource</a> <a href="/tags/mastoadmin/" rel="tag">#MastoAdmin</a> <a href="/tags/theming/" rel="tag">#Theming</a> <a href="/tags/birdui/" rel="tag">#BirdUI</a> <a href="/tags/mastodon/" rel="tag">#Mastodon</a> <a href="/tags/buildinpublic/" rel="tag">#BuildInPublic</a></p>

<p>JUST ANNOUNCED: public pre-orders are now available for the autumn 2025 issue of <a href="/tags/goodinternet/" rel="tag">#goodinternet</a> ! magazines will begin being shipped next month!</p><p><a href="https://goodinternetmagazine.com/pre-orders-now-available-for-autumn-2025-issue/" rel="nofollow" class="ellipsis" title="goodinternetmagazine.com/pre-orders-now-available-for-autumn-2025-issue/"><span class="invisible">https://</span><span class="ellipsis">goodinternetmagazine.com/pre-o</span><span class="invisible">rders-now-available-for-autumn-2025-issue/</span></a></p><p><a href="/tags/indie/" rel="tag">#indie</a> <a href="/tags/zine/" rel="tag">#zine</a> <a href="/tags/zines/" rel="tag">#zines</a> <a href="/tags/indieweb/" rel="tag">#indieweb</a> <a href="/tags/personalwebsite/" rel="tag">#personalwebsite</a> <a href="/tags/web/" rel="tag">#web</a> <a href="/tags/internet/" rel="tag">#internet</a> <a href="/tags/enshittification/" rel="tag">#enshittification</a> <a href="/tags/socialmedia/" rel="tag">#socialmedia</a> <a href="/tags/neocities/" rel="tag">#neocities</a> <a href="/tags/nekoweb/" rel="tag">#nekoweb</a> <a href="/tags/html/" rel="tag">#html</a> <a href="/tags/webdev/" rel="tag">#webdev</a> <a href="/tags/css/" rel="tag">#css</a> <a href="/tags/webdesign/" rel="tag">#webdesign</a> <a href="/tags/website/" rel="tag">#website</a> <a href="/tags/blog/" rel="tag">#blog</a> <a href="/tags/blogger/" rel="tag">#blogger</a> <a href="/tags/digitalart/" rel="tag">#digitalart</a> <a href="/tags/opensource/" rel="tag">#opensource</a> <a href="/tags/tech/" rel="tag">#tech</a> <a href="/tags/foss/" rel="tag">#foss</a></p>

<p>Got bored. Made this. <a href="https://codepen.io/cheeaun/pen/OPMvRJO" rel="nofollow"><span class="invisible">https://</span>codepen.io/cheeaun/pen/OPMvRJO</a></p><p>Seems to work best on Firefox. Weird bottom margin on Chrome. Laggy on Safari. <a href="/tags/css/" rel="tag">#CSS</a> <a href="/tags/marquee/" rel="tag">#Marquee</a> <a href="/tags/codepen/" rel="tag">#Codepen</a></p>

<p>Browser support moves very slowly, and most of the <a href="/tags/css/" rel="tag">#CSS</a> advances in the last few years are still not available for most developers.</p><p>This is likely one of the reasons so many “front-end” developers don&#x27;t learn it — they&#x27;re stuck with the production code requirements that disallow using anything modern.</p><p>In a few years, things will change: it would be possible to use all the foundational CSS features from today.</p><p>But the damage is already there: people will have to re-learn CSS from scratch.</p>

<p>dev.css: tiny, simple, classless CSS framework inspired by new.css <a href="https://lobste.rs/s/dpkqgr" rel="nofollow"><span class="invisible">https://</span>lobste.rs/s/dpkqgr</a> <a href="/tags/css/" rel="tag">#css</a> <a href="/tags/web/" rel="tag">#web</a><br><a href="https://tangled.org/devins.page/dev.css" rel="nofollow" class="ellipsis" title="tangled.org/devins.page/dev.css"><span class="invisible">https://</span><span class="ellipsis">tangled.org/devins.page/dev.cs</span><span class="invisible">s</span></a></p>

<p>&gt; The key legal question here is: Does modifying how a website displays through browser-side tools like ad blockers count as breaking the [copyright] law?</p><p><a href="https://www.techradar.com/vpn/vpn-privacy-security/germanys-possible-ad-blocker-ban-could-threaten-user-freedom-and-privacy-says-mozilla" rel="nofollow" class="ellipsis" title="www.techradar.com/vpn/vpn-privacy-security/germanys-possible-ad-blocker-ban-could-threaten-user-freedom-and-privacy-says-mozilla"><span class="invisible">https://</span><span class="ellipsis">www.techradar.com/vpn/vpn-priv</span><span class="invisible">acy-security/germanys-possible-ad-blocker-ban-could-threaten-user-freedom-and-privacy-says-mozilla</span></a></p><p>This is ridiculous. There are so many ways to display a <a href="/tags/webpage/" rel="tag">#webpage</a>. So, would using custom <a href="/tags/css/" rel="tag">#CSS</a> also violate the <a href="/tags/law/" rel="tag">#law</a>? Or using a browser like Lynx that just shows the text? Or viewing raw HTML? If anything, it&#x27;s the raw <a href="/tags/code/" rel="tag">#code</a> that should be copyrighted. <a href="/tags/ad/" rel="tag">#ad</a> <a href="/tags/adblock/" rel="tag">#adblock</a> <a href="/tags/legal/" rel="tag">#legal</a> <a href="/tags/internet/" rel="tag">#internet</a> <a href="/tags/netzpolitik/" rel="tag">#netzpolitik</a> <a href="/tags/browser/" rel="tag">#browser</a> <a href="/tags/copyright/" rel="tag">#copyright</a></p>

<p>Do you have any unsolved <a href="/tags/css/" rel="tag">#CSS</a> problems that you want to be eventually solved?</p><p>And what do you think is impossible, and we probably will never get?</p>

<p>Mastodon Bird UI v3.0.0 is now released! 🎉 </p><p>Most notable changes:<br>- Support for Mastodon stable 4.5.0<br>- Fix profile links and alignment<br>- Re-style Quote Posts<br>- Improved UI for the new quote posts popper<br>- Improve status__quote--error being to high, update min-height<br>- Remove the separator dot redundant since 4.3<br>- Fix performance-expensive transitions<br>- Fix audio embed overflow<br>- Improve the accesibility of modals</p><p>Full changelog and download: <a href="https://github.com/ronilaukkarinen/mastodon-bird-ui/releases/tag/3.0.0" rel="nofollow" class="ellipsis" title="github.com/ronilaukkarinen/mastodon-bird-ui/releases/tag/3.0.0"><span class="invisible">https://</span><span class="ellipsis">github.com/ronilaukkarinen/mas</span><span class="invisible">todon-bird-ui/releases/tag/3.0.0</span></a></p><p><a href="/tags/mastodonbirdui/" rel="tag">#MastodonBirdUI</a> <a href="/tags/birdui/" rel="tag">#BirdUI</a> <a href="/tags/mastodon/" rel="tag">#Mastodon</a> <a href="/tags/mastoadmin/" rel="tag">#MastoAdmin</a> <a href="/tags/css/" rel="tag">#CSS</a> <a href="/tags/ui/" rel="tag">#UI</a> <a href="/tags/opensource/" rel="tag">#OpenSource</a></p>

<p>the what `border-start-start-radius` <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-start-start-radius" rel="nofollow" class="ellipsis" title="developer.mozilla.org/en-US/docs/Web/CSS/border-start-start-radius"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/CSS/border-start-start-radius</span></a></p><p><a href="/tags/css/" rel="tag">#CSS</a> <a href="/tags/logicalproperties/" rel="tag">#LogicalProperties</a></p>

<p>This took longer than expected. Pretty cool that it works.</p><p>Post featured in video: <a href="https://tapbots.social/@mark/114617305665385240" rel="nofollow" class="ellipsis" title="tapbots.social/@mark/114617305665385240"><span class="invisible">https://</span><span class="ellipsis">tapbots.social/@mark/114617305</span><span class="invisible">665385240</span></a></p><p><a href="/tags/phanpysocialdev/" rel="tag">#PhanpySocialDev</a> <a href="/tags/css/" rel="tag">#CSS</a> <a href="/tags/viewtransitions/" rel="tag">#ViewTransitions</a></p>

<p>Now Available: “On Web Development II”!:</p><p>A comprehensive ebook marking another 10 years of meiert.com, featuring 180 curated articles on web development from 2015 to 2025.</p><p><a href="https://meiert.com/blog/on-web-development-2/" rel="nofollow" class="ellipsis" title="meiert.com/blog/on-web-development-2/"><span class="invisible">https://</span><span class="ellipsis">meiert.com/blog/on-web-develop</span><span class="invisible">ment-2/</span></a></p><p><a href="/tags/books/" rel="tag">#books</a> <a href="/tags/webdev/" rel="tag">#webdev</a> <a href="/tags/html/" rel="tag">#html</a> <a href="/tags/css/" rel="tag">#css</a> <a href="/tags/management/" rel="tag">#management</a></p>

<p>Do you want a deeper understanding of <a href="/tags/css/" rel="tag">#CSS</a>? Not just the individual properties, but how they work together? From cascading, to custom properties, layout, and organization?</p><p>I have a workshop coming up with <span class="h-card"><a href="https://mastodon.social/@smashingconf" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>smashingconf</span></a></span>, that covers exactly that: </p><p>5 online sessions, October 14–28<br>Reserve your seat now!</p><p><a href="https://smashingconf.com/online-workshops/workshops/modern-css-miriam-suzanne/" rel="nofollow" class="ellipsis" title="smashingconf.com/online-workshops/workshops/modern-css-miriam-suzanne/"><span class="invisible">https://</span><span class="ellipsis">smashingconf.com/online-worksh</span><span class="invisible">ops/workshops/modern-css-miriam-suzanne/</span></a></p>

<p>Looking for CMS advice</p><p>Hey Web devs!</p><p>Do you have any suggestions, tips, opinions, dos, don’ts about headless CMSes?</p><p>I have a growing list of small/mid non-profits and collectives asking for my help to (re)make their website. I totally want to help, but I don’t have much time, especially considering that they generally have little or no funding—I would most definitely point them to <span class="h-card"><a href="https://toot.village.one/@VillageOneCoop" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>VillageOneCoop</span></a></span>, otherwise.</p><p>Therefore, I want a super simple and replicable solution where I can copy-paste most of the code, while providing them with a stable, fast, and modern solution. I had a look at the <a href="https://jamstack.org/headless-cms/" rel="nofollow">Headless CMS section in the Jamstack website</a>, but I need opinions from people who actually used some of that software already.</p><p>Needs</p><p>I want to code and configure everything using <span class="h-card"><a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>eleventy</span></a></span><br>Admin interface (<a href="/tags/webapp/" rel="tag">#WebApp</a>) for the client to add pages and write posts<br>Static website in the front-end<br>Simple and reliable CI/CD<br>No/minimal maintenance after the first setup<br>Self-hostable (I was taking this for granted so much that I forgot to write it)<br>If it requires forge integration, it should support <a href="/tags/forgejo/" rel="tag">#ForgeJo</a><br><a href="/tags/opensource/" rel="tag">#OpenSource</a></p><p>Nice to have</p><p>Possibly using <a href="/tags/deno/" rel="tag">#Deno</a>, not <a href="/tags/nodejs/" rel="tag">#NodeJS</a><br>Allowing the client to customize a bit their website through the admin interface, with a GUI<br>CMS app packaged on <span class="h-card"><a href="https://toot.aquilenet.fr/@yunohost" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>yunohost</span></a></span><br>No CMS vendor lock-in<br>I’d love to write as little JavaScript as possible<br><a href="/tags/freesoftware/" rel="tag">#FreeSoftware</a></p><p>Absolutely not</p><p>Front-end <a href="/tags/javascript/" rel="tag">#JavaScript</a> frameworks</p><p>Please, boost this and ask around! Links to videos, tutorials, and resources are welcome.</p><p>People whose perspective I would really value: <span class="h-card"><a href="https://fediverse.zachleat.com/@zachleat" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>zachleat</span></a></span> <span class="h-card"><a href="https://mastodon.social/@harryfk" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>harryfk</span></a></span> <span class="h-card"><a href="https://fosstodon.org/@deno_land" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>deno_land</span></a></span> <span class="h-card"><a href="https://indieweb.social/@jaredwhite" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>jaredwhite</span></a></span> <span class="h-card"><a href="https://intuitivefuture.com/@vanillaweb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>vanillaweb</span></a></span> <span class="h-card"><a href="https://stefanbohacek.online/@stefan" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>stefan</span></a></span> <span class="h-card"><a href="https://front-end.social/@mxbck" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>mxbck</span></a></span> <span class="h-card"><a href="https://caneandable.social/@WeirdWriter" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>WeirdWriter</span></a></span> <span class="h-card"><a href="https://social.wedistribute.org/users/deadsuperhero" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>deadsuperhero</span></a></span> (Sorry if I am spamming you!)</p><p><a href="/tags/eleventy/" rel="tag">#Eleventy</a> <a href="/tags/11ty/" rel="tag">#11ty</a> <a href="/tags/cms/" rel="tag">#CMS</a> <a href="/tags/headlesscms/" rel="tag">#HeadlessCMS</a> <a href="/tags/ghost/" rel="tag">#Ghost</a> <a href="/tags/decapcms/" rel="tag">#DecapCMS</a> <a href="/tags/craftcms/" rel="tag">#CraftCMS</a> <a href="/tags/strapi/" rel="tag">#Strapi</a> <a href="/tags/web/" rel="tag">#Web</a> <a href="/tags/webdev/" rel="tag">#WebDev</a> <a href="/tags/webdesign/" rel="tag">#WebDesign</a> <a href="/tags/staticgen/" rel="tag">#StaticGen</a> <a href="/tags/staticwebsite/" rel="tag">#StaticWebsite</a> <a href="/tags/website/" rel="tag">#Website</a> <a href="/tags/html/" rel="tag">#HTML</a> <a href="/tags/css/" rel="tag">#CSS</a> <a href="/tags/yunohost/" rel="tag">#YunoHost</a> <a href="/tags/selfhosting/" rel="tag">#SelfHosting</a> <a href="/tags/wordpress/" rel="tag">#Wordpress</a></p>

<p>Very pleased and a little nervous to announce that I got to write a bumper post for <span class="h-card"><a href="https://mastodon.social/@csstricks" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>csstricks</span></a></span>!</p><p><a href="https://css-tricks.com/come-to-the-light-dark-side" rel="nofollow" class="ellipsis" title="css-tricks.com/come-to-the-light-dark-side"><span class="invisible">https://</span><span class="ellipsis">css-tricks.com/come-to-the-lig</span><span class="invisible">ht-dark-side</span></a></p><p><a href="/tags/css/" rel="tag">#CSS</a> <a href="/tags/darkmode/" rel="tag">#darkMode</a> <a href="/tags/lightmode/" rel="tag">#lightMode</a> <a href="/tags/contrast/" rel="tag">#contrast</a> <a href="/tags/accessibility/" rel="tag">#accessibility</a></p>

<p>✨ 0.9.0 of dj-angles, a library to incorporate more HTML into <a href="/tags/django/" rel="tag">#Django</a> templates, is now published. ✨</p><p>The main feature is (beta) support for slots in components! 🎰🚀</p><p>Slots documentation: <a href="https://dj-angles.adamghill.com/en/latest/components.html#slots" rel="nofollow" class="ellipsis" title="dj-angles.adamghill.com/en/latest/components.html#slots"><span class="invisible">https://</span><span class="ellipsis">dj-angles.adamghill.com/en/lat</span><span class="invisible">est/components.html#slots</span></a></p><p>📖 <a href="https://dj-angles.adamghill.com" rel="nofollow"><span class="invisible">https://</span>dj-angles.adamghill.com</a><br>📦 <a href="https://pypi.org/project/dj-angles" rel="nofollow"><span class="invisible">https://</span>pypi.org/project/dj-angles</a><br>🛠️ <a href="https://github.com/adamghill/dj-angles" rel="nofollow"><span class="invisible">https://</span>github.com/adamghill/dj-angles</a></p><p><a href="/tags/python/" rel="tag">#Python</a> <a href="/tags/html/" rel="tag">#HTML</a> <a href="/tags/webcomponents/" rel="tag">#WebComponents</a> <a href="/tags/css/" rel="tag">#CSS</a> <a href="/tags/djt/" rel="tag">#DJT</a></p>

So I&#x27;ve been running my own <a href="/tags/snac/" rel="tag">#Snac</a> instance for the past week and I have to say that I&#x27;m actually loving it. It hardly takes up any resources and the inbuilt web interface is easily configurable with nothing more than <a href="/tags/css/" rel="tag">#CSS</a> .<br>There are some things that folk used to running <a href="/tags/mastodon/" rel="tag">#Mastodon</a> might not like. For example it does not show any follower or following numbers to any instances. So people using Mastodon will see 0 followers and 0 following even though those Snac uses may have 100&#x27;s of followers .<br>You do get a people tab on the snac interface that is just a list divided into people following you and people you follow but no numbers. This is an intentional design feature by the author <span class="h-card"><a href="https://comam.es/snac/grunfink" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>grunfink</span></a></span> who stated.<br><p>I haven&#x27;t implemented a simple count of following / followers on purpose; I consider all metrics in network media inherently toxic, because it&#x27;s a way of comparing the relative success of people. This is also why, as seen from other Fediverse implementations, snac accounts always report 0 / 0 connections.<br></p>Also not all features work with android / iOS apps but most of the essentials do. I occasionally use <a href="/tags/tusky/" rel="tag">#Tusky</a> when I&#x27;m not just using the web interface for Snac which I just find easier. I think I will be staying with this fantastic lightweight piece of software and look forward to see what new features get added in the future. A wish would be to have a way of importing followers from Mastodon to Snac, which I think the dev is working on at the moment. Oh and I nearly forgot to say that you can import the CSV file of people that you are following through the command line and it&#x27;s fairly simple to do too. I&#x27;d 100% recommended giving Snac a try if you&#x27;re looking for a no nonsene lightweight <a href="/tags/fediverse/" rel="tag">#Fediverse</a> instance.<br><br><a href="https://codeberg.org/grunfink/snac2" rel="nofollow"><span class="invisible">https://</span>codeberg.org/grunfink/snac2</a><br><br>

<p>Join me in Sydney to go in depth with <a href="/tags/css/" rel="tag">#css</a>! We&#x27;ll talk about the cascade, layouts, &amp; overall architecture - along with new features like :has, container queries, and layers.</p><p>Use code miriamworkshop for $200 off! </p><p><a href="https://webdirections.org/dev-summit/speakers/workshop-suzanne.php" rel="nofollow" class="ellipsis" title="webdirections.org/dev-summit/speakers/workshop-suzanne.php"><span class="invisible">https://</span><span class="ellipsis">webdirections.org/dev-summit/s</span><span class="invisible">peakers/workshop-suzanne.php</span></a></p>

<p>Hugo’s new CSS powers via <span class="h-card"><a href="https://social.treehouse.systems/@RunxiYu" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>RunxiYu</span></a></span> <a href="https://lobste.rs/s/uqjxtf" rel="nofollow"><span class="invisible">https://</span>lobste.rs/s/uqjxtf</a> <a href="/tags/css/" rel="tag">#css</a> <a href="/tags/web/" rel="tag">#web</a><br><a href="https://www.brycewray.com/posts/2026/04/hugos-new-css-powers/" rel="nofollow" class="ellipsis" title="www.brycewray.com/posts/2026/04/hugos-new-css-powers/"><span class="invisible">https://</span><span class="ellipsis">www.brycewray.com/posts/2026/0</span><span class="invisible">4/hugos-new-css-powers/</span></a></p>

<p>After some fixes and more than 400+ commits, I&#x27;d like share my repo on UI Design now having a better life on Codeberg.</p><p><a href="https://codeberg.org/tipoqueno/UI-Design" rel="nofollow" class="ellipsis" title="codeberg.org/tipoqueno/UI-Design"><span class="invisible">https://</span><span class="ellipsis">codeberg.org/tipoqueno/UI-Desi</span><span class="invisible">gn</span></a></p><p>You&#x27;ll get a huge list of resources to learn &amp; practice User Interface Design (and more) </p><p>I started this in 2017 on Github but was archived 3 years ago because I started to dislike BS from Github and Microsoft.</p><p>Enjoy!</p><p><a href="/tags/uidesign/" rel="tag">#uidesign</a> <a href="/tags/frontend/" rel="tag">#frontend</a> <a href="/tags/ux/" rel="tag">#ux</a> <a href="/tags/html/" rel="tag">#html</a> <a href="/tags/css/" rel="tag">#css</a> <a href="/tags/books/" rel="tag">#books</a></p>

<p>Hey y&#x27;all, I have a new workshop at the end of April - deepdive into modern CSS Layout techniques. Level up your team with a systemic understanding.</p><p>The intro video has a demo of <a href="/tags/css/" rel="tag">#CSS</a> grid areas. I’ll post more tips in the lead up. Early-bird pricing til April 12!</p><p><a href="https://www.oddbird.net/workshops/cascading-layouts/" rel="nofollow" class="ellipsis" title="www.oddbird.net/workshops/cascading-layouts/"><span class="invisible">https://</span><span class="ellipsis">www.oddbird.net/workshops/casc</span><span class="invisible">ading-layouts/</span></a></p>