101010.pl is one of the many independent Mastodon servers you can use to participate in the fediverse.
101010.pl czyli najstarszy polski serwer Mastodon. Posiadamy wpisy do 2048 znaków.

Server stats:

581
active users

#webdesign

7 posts7 participants0 posts today
Michael Houmann<p><a href="https://c.im/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>100DaysOfCode</span></a> day 0:<br>My dad died a few weeks ago, and I haven't been coding anything, or done anything since. But I think it is time to pick myself up again, so I will be re-starting the challenge from tomorrow Sunday April 6th.</p><p><a href="https://c.im/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://c.im/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://c.im/tags/Javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Javascript</span></a> <a href="https://c.im/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://c.im/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a></p>
Gardiner Bryant<p>I couldn't be more excited about the new attr() syntax in CSS! Check out my latest blog post all about this! <a href="https://mastodon.online/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.online/tags/syntax" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>syntax</span></a> <a href="https://mastodon.online/tags/newcss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>newcss</span></a> <a href="https://mastodon.online/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.online/tags/uidesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uidesign</span></a> <a href="https://mastodon.online/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> </p><p><a href="https://blog.gardinerbryant.com/the-new-css-attr-function/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.gardinerbryant.com/the-ne</span><span class="invisible">w-css-attr-function/</span></a></p>
Stu Robson<p>Minimal CSS-only blurry image placeholders</p><p><a href="https://leanrada.com/notes/css-only-lqip/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">leanrada.com/notes/css-only-lq</span><span class="invisible">ip/</span></a></p><p><a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://front-end.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://front-end.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a></p>
Richard MacManus<p>New on Cybercultural: During the mid-1990s, David Bowie's website went from a storytelling structure for the Outside album, into a striking, grunge-inspired design for Earthling. At the same time, Bowie fan sites emerged. <a href="https://cybercultural.com/p/david-bowie-website-1995-1997/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cybercultural.com/p/david-bowi</span><span class="invisible">e-website-1995-1997/</span></a> <a href="https://mastodon.social/tags/InternetHistory" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InternetHistory</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/BowieForever" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BowieForever</span></a></p>
Ronalds Vilciņš<p>If you're a web designer or developer, this might be just what you need! I've created a website showcasing the most beautiful and inspiring web designs. Check it out here: <a href="https://thecolophon.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">thecolophon.com/</span><span class="invisible"></span></a> </p><p><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/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</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/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</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/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/marketing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>marketing</span></a> <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/developers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>developers</span></a> <a href="https://mastodon.social/tags/hugo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hugo</span></a> <a href="https://mastodon.social/tags/ssg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ssg</span></a> <a href="https://mastodon.social/tags/static" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>static</span></a> <a href="https://mastodon.social/tags/images" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>images</span></a> <a href="https://mastodon.social/tags/gallery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gallery</span></a> <a href="https://mastodon.social/tags/showcase" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>showcase</span></a> <a href="https://mastodon.social/tags/curated" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>curated</span></a> <a href="https://mastodon.social/tags/ai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ai</span></a></p>
Web Axe<p>Just published! The WebAIM Million 2025 Report <a href="https://webaim.org/projects/million/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">webaim.org/projects/million/</span><span class="invisible"></span></a> <a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://a11y.info/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://a11y.info/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://a11y.info/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://a11y.info/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://a11y.info/tags/testing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>testing</span></a></p>
Ronalds Vilciņš<p>If you're a web designer or developer, this might be just what you need! I've created a website showcasing the most beautiful and inspiring web designs. Check it out here: <a href="https://thecolophon.com/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">thecolophon.com/</span><span class="invisible"></span></a> </p><p><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/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</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/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</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/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/marketing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>marketing</span></a> <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/developers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>developers</span></a> <a href="https://mastodon.social/tags/hugo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hugo</span></a> <a href="https://mastodon.social/tags/ssg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ssg</span></a> <a href="https://mastodon.social/tags/static" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>static</span></a> <a href="https://mastodon.social/tags/images" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>images</span></a> <a href="https://mastodon.social/tags/gallery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gallery</span></a> <a href="https://mastodon.social/tags/showcase" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>showcase</span></a> <a href="https://mastodon.social/tags/curated" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>curated</span></a></p>
Laura Carlson<p>Today's Web Design Update: <a href="https://groups.google.com/a/d.umn.edu/g/webdev/c/tlahEuNgPXg" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">groups.google.com/a/d.umn.edu/</span><span class="invisible">g/webdev/c/tlahEuNgPXg</span></a></p><p>Featuring <span class="h-card" translate="no"><a href="https://mastodon.social/@SteveFaulkner" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>SteveFaulkner</span></a></span>, <span class="h-card" translate="no"><a href="https://toot.community/@rachael" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>rachael</span></a></span>, <span class="h-card" translate="no"><a href="https://toot.cafe/@alastc" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>alastc</span></a></span>, <span class="h-card" translate="no"><a href="https://w3c.social/@wai" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>wai</span></a></span>, <span class="h-card" translate="no"><a href="https://mastodon.social/@LFLegal" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>LFLegal</span></a></span>, <span class="h-card" translate="no"><a href="https://tech.lgbt/@alex86" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>alex86</span></a></span>, <span class="h-card" translate="no"><a href="https://mastodon.social/@heydon" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>heydon</span></a></span>, <span class="h-card" translate="no"><a href="https://mastodon.social/@adactio" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>adactio</span></a></span>, <span class="h-card" translate="no"><a href="https://front-end.social/@mia" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>mia</span></a></span>, <span class="h-card" translate="no"><a href="https://front-end.social/@stacy" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>stacy</span></a></span>, <span class="h-card" translate="no"><a href="https://mastodon.social/@Richr" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Richr</span></a></span>, <span class="h-card" translate="no"><a href="https://front-end.social/@OddBird" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>OddBird</span></a></span>, <span class="h-card" translate="no"><a href="https://tech.lgbt/@huijing" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>huijing</span></a></span>, <span class="h-card" translate="no"><a href="https://indieweb.social/@dries" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>dries</span></a></span>, <span class="h-card" translate="no"><a href="https://fosstodon.org/@rauschma" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>rauschma</span></a></span>, <span class="h-card" translate="no"><a href="https://mas.to/@j9t" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>j9t</span></a></span>, <span class="h-card" translate="no"><a href="https://mastodon.be/@vitalyf" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>vitalyf</span></a></span>, <span class="h-card" translate="no"><a href="https://mastodon.social/@smashingmag" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>smashingmag</span></a></span>, and more.</p><p>Subscribe info: <a href="https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">d.umn.edu/itss/training/online</span><span class="invisible">/webdesign/webdev_listserv.html#subscribe</span></a></p><p><a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/A11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>A11y</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a></p>
Tommi 🤯<p><strong>Looking for CMS advice</strong></p><p>Hey Web devs!</p><p>Do you have any suggestions, tips, opinions, dos, don’ts about <strong>headless CMS</strong>es?</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" translate="no"><a href="https://toot.village.one/@VillageOneCoop" class="u-url mention" rel="nofollow noopener" 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 noopener" target="_blank">Headless CMS section in the Jamstack website</a>, but I need opinions from people who actually used some of that software already.</p><p><strong>Needs</strong></p><ul><li>I want to code and configure everything using <span class="h-card" translate="no"><a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>eleventy</span></a></span></li><li>Admin interface (<a href="https://pan.rent/tags/WebApp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebApp</span></a>) for the client to add pages and write posts</li><li>Static website in the front-end</li><li>Simple and reliable CI/CD</li><li>No/minimal maintenance after the first setup</li><li>Self-hostable (I was taking this for granted so much that I forgot to write it)</li><li><a href="https://pan.rent/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a></li></ul><p><strong>Nice to have</strong></p><ul><li>Possibly using <a href="https://pan.rent/tags/Deno" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Deno</span></a>, not <a href="https://pan.rent/tags/NodeJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NodeJS</span></a></li><li>Allowing the client to customize a bit their website through the admin interface, with a GUI</li><li>CMS app packaged on <span class="h-card" translate="no"><a href="https://toot.aquilenet.fr/@yunohost" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>yunohost</span></a></span></li><li>No CMS vendor lock-in</li><li>I’d love to write as little JavaScript as possible</li><li><a href="https://pan.rent/tags/FreeSoftware" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FreeSoftware</span></a></li></ul><p><strong>Absolutely not</strong></p><ul><li>Front-end <a href="https://pan.rent/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> frameworks</li></ul><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" translate="no"><a href="https://fediverse.zachleat.com/@zachleat" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>zachleat</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.social/@harryfk" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>harryfk</span></a></span> <span class="h-card" translate="no"><a href="https://fosstodon.org/@deno_land" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>deno_land</span></a></span> <span class="h-card" translate="no"><a href="https://indieweb.social/@jaredwhite" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>jaredwhite</span></a></span> <span class="h-card" translate="no"><a href="https://intuitivefuture.com/@vanillaweb" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>vanillaweb</span></a></span> <span class="h-card" translate="no"><a href="https://stefanbohacek.online/@stefan" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>stefan</span></a></span> <span class="h-card" translate="no"><a href="https://front-end.social/@mxbck" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>mxbck</span></a></span> <span class="h-card" translate="no"><a href="https://caneandable.social/@WeirdWriter" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>WeirdWriter</span></a></span> <span class="h-card" translate="no"><a href="https://social.wedistribute.org/users/deadsuperhero" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>deadsuperhero</span></a></span> (Sorry if I am spamming you!)</p><p><a href="https://pan.rent/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Eleventy</span></a> <a href="https://pan.rent/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a> <a href="https://pan.rent/tags/CMS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CMS</span></a> <a href="https://pan.rent/tags/HeadlessCMS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HeadlessCMS</span></a> <a href="https://pan.rent/tags/Ghost" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Ghost</span></a> <a href="https://pan.rent/tags/DecapCMS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DecapCMS</span></a> <a href="https://pan.rent/tags/CraftCMS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CraftCMS</span></a> <a href="https://pan.rent/tags/Strapi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Strapi</span></a> <a href="https://pan.rent/tags/Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Web</span></a> <a href="https://pan.rent/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://pan.rent/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://pan.rent/tags/StaticGen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StaticGen</span></a> <a href="https://pan.rent/tags/StaticWebsite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StaticWebsite</span></a> <a href="https://pan.rent/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Website</span></a> <a href="https://pan.rent/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://pan.rent/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://pan.rent/tags/YunoHost" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>YunoHost</span></a> <a href="https://pan.rent/tags/SelfHosting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SelfHosting</span></a> <a href="https://pan.rent/tags/Wordpress" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Wordpress</span></a></p>
royal<p>Web portals! Circa 2000, you found them everywhere. I'm looking for a modern one.<br>Or maybe you'd call it a dashboard. I want a visual, drag-and-drop bookmark manager. You know, the sort of thing that lets me cluster my blog links in one section, news sites in another, etc. Maybe with color-coding. Maybe with images or page previews. FOSS preferred but I'd consider anything.<br><a href="https://theres.life/tags/webportals" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webportals</span></a> <a href="https://theres.life/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://theres.life/tags/browsers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>browsers</span></a> <a href="https://theres.life/tags/vivalidi" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>vivalidi</span></a> <a href="https://theres.life/tags/webbrowsers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webbrowsers</span></a> <a href="https://theres.life/tags/webdashboards" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdashboards</span></a></p>
Web Axe<p>Related: Using padding to space an input and label <a href="https://www.darins.page/articles/using-padding-to-space-an-input-and-label" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">darins.page/articles/using-pad</span><span class="invisible">ding-to-space-an-input-and-label</span></a> <a href="https://a11y.info/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://a11y.info/tags/forms" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>forms</span></a> <a href="https://a11y.info/tags/usability" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>usability</span></a> <a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a></p>
zeldman<p>✩ For people who make websites: The Best of A List Apart.

</p><p>10+ most popular A List Apart articles, as voted by the Refind community.
</p><p><a href="https://refind.com/publications/alistapart" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">refind.com/publications/alista</span><span class="invisible">part</span></a> <a href="https://front-end.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://front-end.social/tags/classics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>classics</span></a> <a href="https://front-end.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://front-end.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a> <a href="https://front-end.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://front-end.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://front-end.social/tags/content" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>content</span></a></p>
Web Axe<p>What Makes a Good Accessibility Designer? <a href="https://davidakennedy.com/blog/what-makes-a-good-accessibility-designer/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">davidakennedy.com/blog/what-ma</span><span class="invisible">kes-a-good-accessibility-designer/</span></a> <a href="https://a11y.info/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a></p>
Web Axe<p>How to set up an accessible page structure and navigation<br><a href="https://blog.pope.tech/2023/01/31/how-to-set-up-an-accessible-page-structure-and-navigation/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.pope.tech/2023/01/31/how-</span><span class="invisible">to-set-up-an-accessible-page-structure-and-navigation/</span></a><br><a href="https://a11y.info/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://a11y.info/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://a11y.info/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a></p>
beyond tellerrand<p>Welcome to a new week in 2025. Pages for <a href="https://mastodon.social/tags/btconf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>btconf</span></a> Berlin with first speakers and tickets are online. Find everything here and stay tuned for more! </p><p><a href="https://beyondtellerrand.com/events/berlin-2025" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">beyondtellerrand.com/events/be</span><span class="invisible">rlin-2025</span></a></p><p><a href="https://mastodon.social/tags/berlin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>berlin</span></a> <a href="https://mastodon.social/tags/event" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>event</span></a> <a href="https://mastodon.social/tags/conference" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>conference</span></a> <a href="https://mastodon.social/tags/festival" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>festival</span></a> <a href="https://mastodon.social/tags/beyondtellerrand" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>beyondtellerrand</span></a> <a href="https://mastodon.social/tags/speakers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>speakers</span></a> <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/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</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/community" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>community</span></a></p>
Matt × 🇳🇴 🇺🇦<p>I can't believe the Last.fm homepage has been so useless for so long. Once you are logged in, it's looked like the attached image for years, and I can't believe anyone finds this useful.</p><p><a href="https://oslo.town/tags/LastFM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LastFM</span></a> <a href="https://oslo.town/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://oslo.town/tags/uxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uxDesign</span></a> <a href="https://oslo.town/tags/Music" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Music</span></a></p>
The gallant knight<p><span class="h-card" translate="no"><a href="https://caneandable.social/@WeirdWriter" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>WeirdWriter</span></a></span> <span class="h-card" translate="no"><a href="https://wandering.shop/@MsHearthWitch" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>MsHearthWitch</span></a></span> I'm not afraid of those. I just don't like spam. Doesn't matter if it's <a href="https://nrw.social/tags/crypto" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>crypto</span></a> <a href="https://nrw.social/tags/boobs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>boobs</span></a> or <a href="https://nrw.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a>. Once people try to lure me to their service for no additional benefit I consider it spam. As I said, if they share interesting stuff, I don't care what they do and I often tell people to just add a link to their bio so I can look them up and what they do. Heck, I ordered a book from someone who I found interesting. This can all be done without spamming me.</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/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Approaches</span></a><br>Revisiting CSS ‘border-image’ · “It remains one of the most underused CSS tools.” <a href="https://ilo.im/162y7m" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162y7m</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Image" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Image</span></a> <a href="https://mastodon.social/tags/Decoration" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Decoration</span></a> <a href="https://mastodon.social/tags/Callout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Callout</span></a> <a href="https://mastodon.social/tags/Button" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Button</span></a> <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/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</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/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Mew :BlahajWavingTransFlag:<p>Why do people default to React and JavaScript for front end and UIs?</p><p>As a backend developer whose frontend experience is mostly from using Phoenix and Django, which utilize server-side rendering, I’m wondering why most people choose React and JavaScript as the “default” frontend solution, even for pages and SaaS products that don’t really benefit from any additional client-side interactivity.</p><p><a href="https://sipstea.town/tags/Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Web</span></a> <a href="https://sipstea.town/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://sipstea.town/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://sipstea.town/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://sipstea.town/tags/Phoenix" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Phoenix</span></a> <a href="https://sipstea.town/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Django</span></a> <a href="https://sipstea.town/tags/Programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Programming</span></a> <a href="https://sipstea.town/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://sipstea.town/tags/FrontendDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDevelopment</span></a></p>
Joel :void: :casio:<p>I kinda feel like going back to a side bar, thoughts? :blobcatderpy: </p><p><a href="https://fosstodon.org/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a> <a href="https://fosstodon.org/tags/jekyll" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jekyll</span></a> <a href="https://fosstodon.org/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://fosstodon.org/tags/personalWebsite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>personalWebsite</span></a> <a href="https://fosstodon.org/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a></p>