bolha.us

15 posts13 participants0 posts today

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Launches</a> Toon Titles · Cartoon titles brought to life with CSS, SVG, and SMIL <a href="https://ilo.im/1632jj" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1632jj</a>_____ <a href="https://mastodon.social/tags/Collection" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Collection</a> <a href="https://mastodon.social/tags/Cartoons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Cartoons</a> <a href="https://mastodon.social/tags/Animations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animations</a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/SMIL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SMIL</a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Launches</a> Symbl · A collection of symbols for designers and developers <a href="https://ilo.im/162va3" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162va3</a>_____ <a href="https://mastodon.social/tags/Symbols" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Symbols</a> <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Figma</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/VisualDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VisualDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Examples" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Examples</a> From real to digital · How UI components are inspired by real-world objects <a href="https://ilo.im/162y07" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162y07</a>_____ <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UI</a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Components</a> <a href="https://mastodon.social/tags/Interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interactivity</a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Inspiration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Inspiration</a>

Tommi 🤯Looking for CMS adviceHey Web devs!Do you have any suggestions, tips, opinions, dos, don’ts about headless CMSes?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 <a href="https://toot.village.one/@VillageOneCoop" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@VillageOneCoop</a>, otherwise.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 noreferrer" target="_blank">Headless CMS section in the Jamstack website</a>, but I need opinions from people who actually used some of that software already.Needs<ul><li>I want to code and configure everything using <a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@eleventy</a></li><li>Admin interface (<a href="https://pan.rent/tags/WebApp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebApp</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 noreferrer" target="_blank">#OpenSource</a></li></ul>Nice to have<ul><li>Possibly using <a href="https://pan.rent/tags/Deno" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Deno</a>, not <a href="https://pan.rent/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NodeJS</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 <a href="https://toot.aquilenet.fr/@yunohost" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@yunohost</a></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 noreferrer" target="_blank">#FreeSoftware</a></li></ul>Absolutely not<ul><li>Front-end <a href="https://pan.rent/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> frameworks</li></ul>Please, boost this and ask around! Links to videos, tutorials, and resources are welcome.People whose perspective I would really value: <a href="https://fediverse.zachleat.com/@zachleat" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@zachleat</a> <a href="https://mastodon.social/@harryfk" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@harryfk</a> <a href="https://fosstodon.org/@deno_land" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@deno_land</a> <a href="https://indieweb.social/@jaredwhite" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jaredwhite</a> <a href="https://intuitivefuture.com/@vanillaweb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@vanillaweb</a> <a href="https://stefanbohacek.online/@stefan" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@stefan</a> <a href="https://front-end.social/@mxbck" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@mxbck</a> <a href="https://caneandable.social/@WeirdWriter" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@WeirdWriter</a> <a href="https://social.wedistribute.org/users/deadsuperhero" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@deadsuperhero</a> (Sorry if I am spamming you!)<a href="https://pan.rent/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://pan.rent/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://pan.rent/tags/CMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CMS</a> <a href="https://pan.rent/tags/HeadlessCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HeadlessCMS</a> <a href="https://pan.rent/tags/Ghost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Ghost</a> <a href="https://pan.rent/tags/DecapCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DecapCMS</a> <a href="https://pan.rent/tags/CraftCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CraftCMS</a> <a href="https://pan.rent/tags/Strapi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Strapi</a> <a href="https://pan.rent/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Web</a> <a href="https://pan.rent/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://pan.rent/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://pan.rent/tags/StaticGen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StaticGen</a> <a href="https://pan.rent/tags/StaticWebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StaticWebsite</a> <a href="https://pan.rent/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Website</a> <a href="https://pan.rent/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://pan.rent/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://pan.rent/tags/YunoHost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#YunoHost</a> <a href="https://pan.rent/tags/SelfHosting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SelfHosting</a> <a href="https://pan.rent/tags/Wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Wordpress</a>

Jonathan MatthewsFolks who <a href="https://fosstodon.org/tags/website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#website</a>: I'm trying to create a slice'n'dice-able <a href="https://fosstodon.org/tags/data" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#data</a> <a href="https://fosstodon.org/tags/table" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#table</a> -- somewhat like <a href="https://instances.vantage.sh/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://instances.vantage.sh/</a> with the per-column client-side search/constraint/etc. FWIW my data's a discrete JSON file.I'm allergic to JavaScript insofar as I have zero idea what I'm doing with it (and *can't* do anything with it, myself) but will happily copy'n'paste it as needed.Got any pointers? <a href="https://fosstodon.org/tags/websites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websites</a> <a href="https://fosstodon.org/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://fosstodon.org/tags/datadriven" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#datadriven</a> <a href="https://fosstodon.org/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://fosstodon.org/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#js</a> <a href="https://fosstodon.org/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://fosstodon.org/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://fosstodon.org/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://fosstodon.org/tags/dataviz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dataviz</a>

Rusty CorgiOne thing that's really frustrating about the History API in browsers is just the proliferation of websites that have a back button built into the site's UI, but all it does is trigger the back() function of your browser. :corgi_wtf1: If all your interface does is trigger the browser's back behavior, then just don't even have a back button in your UI. My current frustration is directed at Home Assistant. I have a link on my Firefox newtab page to a subview in one of my dashboards, and it keeps kicking me back to the newtab page when I hit the dashboard's back button to go back out to the main dashboard. It's supremely annoying. :blobfoxtableflip: Like, I dunno, if your UI has a back button that kicks you out of that UI, that seems bad to me.<a href="https://cubhub.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://cubhub.social/tags/HomeAssistant" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HomeAssistant</a>

Thor A. HoplandLately I've been pondering about how to actually create a sustainable business around <a href="https://snabelen.no/tags/WebSocial" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocial</a>, which framed thusly puts the job squarely in the lap of companies that do <a href="https://snabelen.no/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> and <a href="https://snabelen.no/tags/SysOps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SysOps</a> - where it always belonged.It's more typified, normalized and familiar and can then also be viewed in a utilitarian way, in that <a href="https://snabelen.no/tags/ActivityPub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ActivityPub</a> provides a public broadcasting function via the web.Yes inbox, yes outbox, but no braining. Stahp!Web Social a tool to broadcast content on the web. Das it.

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Proposals" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Proposals</a> Item Flow (part 1) · A new CSS layout concept uniting Grid, Flexbox, and Masonry <a href="https://ilo.im/1631o0" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1631o0</a>_____ <a href="https://mastodon.social/tags/Concept" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Concept</a> <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Layout</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/CssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CssGrid</a> <a href="https://mastodon.social/tags/CssFlexbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CssFlexbox</a> <a href="https://mastodon.social/tags/Masonry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Masonry</a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a>

royalWeb portals! Circa 2000, you found them everywhere. I'm looking for a modern one. 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. <a href="https://theres.life/tags/webportals" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webportals</a> <a href="https://theres.life/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://theres.life/tags/browsers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#browsers</a> <a href="https://theres.life/tags/vivalidi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vivalidi</a> <a href="https://theres.life/tags/webbrowsers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webbrowsers</a> <a href="https://theres.life/tags/webdashboards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdashboards</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Analyses" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Analyses</a> The fallacy of optical alignment · “You don’t have to nudge, you can measure instead.” <a href="https://ilo.im/1630q4" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1630q4</a>_____ <a href="https://mastodon.social/tags/Alignment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Alignment</a> <a href="https://mastodon.social/tags/Measurement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Measurement</a> <a href="https://mastodon.social/tags/PixelPushing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PixelPushing</a> <a href="https://mastodon.social/tags/VisualDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VisualDesign</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Cheatsheets" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Cheatsheets</a> A visual overview of 70+ UX metrics · The many ways to measure user experience <a href="https://ilo.im/162znj" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162znj</a>_____ <a href="https://mastodon.social/tags/InfoGraphic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#InfoGraphic</a> <a href="https://mastodon.social/tags/Taxonomy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Taxonomy</a> <a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UX</a> <a href="https://mastodon.social/tags/Metrics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Metrics</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Collection" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Collection</a>

Eric Mächler 🖖Ich entwickle eine Notiz App für den Browser (Javascript LocalStorage Anleitung) <a href="https://www.chefblogger.me/2023/05/22/ich-entwickle-eine-notiz-app-fuer-den-browser-javascript-localstorage-anleitung/?utm_source=mastodon&utm_medium=social" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.chefblogger.me/2023/05/22/ich-entwickle-eine-notiz-app-fuer-den-browser-javascript-localstorage-anleitung/?utm_source=mastodon&utm_medium=social</a> <a href="https://masto.maechler.cloud/tags/app" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#app</a> <a href="https://masto.maechler.cloud/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://masto.maechler.cloud/tags/css3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css3</a> <a href="https://masto.maechler.cloud/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://masto.maechler.cloud/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://masto.maechler.cloud/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a>

EmpyClawWorking through my book launch checklist. Today was... webpage!My partner, illustrator, and technically publisher, already has a site so it was just a matter of adding a page for <a href="https://mastodon.social/tags/CrownOfHorns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CrownOfHorns</a> <a href="https://audra.balion.ca/crown-of-horns/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://audra.balion.ca/crown-of-horns/</a>Let me know what you think and if there's anything that stands out that should get fixed.<a href="https://mastodon.social/tags/writing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#writing</a> <a href="https://mastodon.social/tags/writingcommunity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#writingcommunity</a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://mastodon.social/tags/fantasy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fantasy</a> <a href="https://mastodon.social/tags/books" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#books</a>

claudefiddling with <a href="https://post.lurk.org/tags/InflectorGadget" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#InflectorGadget</a> <a href="https://post.lurk.org/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> and not sure how to approach it. header/footer with all widgets visible all the time works well on desktop...<a href="https://mathr.co.uk/web/inflector-gadget/web-version/2025-03-25.jpg" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mathr.co.uk/web/inflector-gadget/web-version/2025-03-25.jpg</a>...but is terrible on mobile as the header/footer take up most of the page making it hard to do anything with the tiny part image in between.now trying a collapsible menu thing, works ok on desktop, next step is trying on mobile...<a href="https://mathr.co.uk/web/inflector-gadget/web-version/2025-03-26a.jpg" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mathr.co.uk/web/inflector-gadget/web-version/2025-03-26a.jpg</a> <a href="https://mathr.co.uk/web/inflector-gadget/web-version/2025-03-26b.jpg" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mathr.co.uk/web/inflector-gadget/web-version/2025-03-26b.jpg</a>

zeldman✩ For people who make websites: The Best of A List Apart.  10+ most popular A List Apart articles, as voted by the Refind community. <a href="https://refind.com/publications/alistapart" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://refind.com/publications/alistapart</a> <a href="https://front-end.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://front-end.social/tags/classics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#classics</a> <a href="https://front-end.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdevelopment</a> <a href="https://front-end.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ux</a> <a href="https://front-end.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://front-end.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://front-end.social/tags/content" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#content</a>

zeldman✩ For people who make websites: The Best of A List Apart.   10+ most popular A List Apart articles, as voted by the Refind community.  <a class="hashtag" href="https://bsky.app/search?q=%23webdesign" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a class="hashtag" href="https://bsky.app/search?q=%23classics" rel="nofollow noopener noreferrer" target="_blank">#classics</a> <a class="hashtag" href="https://bsky.app/search?q=%23webdevelopment" rel="nofollow noopener noreferrer" target="_blank">#webdevelopment</a> <a class="hashtag" href="https://bsky.app/search?q=%23ux" rel="nofollow noopener noreferrer" target="_blank">#ux</a> <a class="hashtag" href="https://bsky.app/search?q=%23design" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a class="hashtag" href="https://bsky.app/search?q=%23code" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a class="hashtag" href="https://bsky.app/search?q=%23content" rel="nofollow noopener noreferrer" target="_blank">#content</a> <a href="https://refind.com/publications/alistapart" rel="nofollow noopener noreferrer" target="_blank">The Best of A List Apart in 20...</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Guides</a> Making the move to UI3 · Figma’s transition to a redesigned user interface <a href="https://ilo.im/162zdy" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162zdy</a>_____ <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Figma</a> <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UI</a> <a href="https://mastodon.social/tags/DesignTool" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignTool</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a>

Absurd Positivity!🚀 Just rolled out achievement visibility controls on public profiles at <a href="https://streamgrid.link" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://streamgrid.link</a>!🎖️ Show off your progress — or keep it private. Your call. 🔥 Check it out in the new Badges & Achievements tab on your profile editor.Live example: <a href="https://streamgrid.link/m/chaos" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://streamgrid.link/m/chaos</a><a href="https://mastodon.social/tags/StreamGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StreamGrid</a> <a href="https://mastodon.social/tags/Gamers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Gamers</a> <a href="https://mastodon.social/tags/StreamingCommunity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StreamingCommunity</a> <a href="https://mastodon.social/tags/IndieDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieDev</a> <a href="https://mastodon.social/tags/SocialPlatform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SocialPlatform</a> <a href="https://mastodon.social/tags/Achievements" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Achievements</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Announcements" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Announcements</a> Making the move to UI3 · Figma’s transition to a redesigned user interface <a href="https://ilo.im/162zdy" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162zdy</a>_____ <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Figma</a> <a href="https://mastodon.social/tags/Redesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Redesign</a> <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UI</a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AI</a> <a href="https://mastodon.social/tags/DesignTool" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignTool</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Approaches</a> Design handoff is broken · Beyond the limitations of traditional design handoff <a href="https://ilo.im/162we4" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162we4</a>_____ <a href="https://mastodon.social/tags/Handoff" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Handoff</a> <a href="https://mastodon.social/tags/Communication" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Communication</a> <a href="https://mastodon.social/tags/Collaboration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Collaboration</a> <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Figma</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a>

Recent searches

Search options

Administered by:

Server stats:

#webdesign