Livello Segreto

20 posts16 participants0 posts today

Reilly Spitzfaden (they/them)My April IndieWeb blog carnival entry on “renewal”! I often feel compelled to tweak and redesign my website at the expense of other things I value. I talk about reconnecting with what I most enjoy about composing and coding, and avoiding treating my leisure and projects as if I need to impress someone.<a href="https://reillyspitzfaden.com/posts/2025/04/indieweb-blog-carnival-renewal/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://reillyspitzfaden.com/posts/2025/04/indieweb-blog-carnival-renewal/</a><a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IndieWeb</a> <a href="https://hachyderm.io/tags/Blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blog</a> <a href="https://hachyderm.io/tags/Blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Blogging</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://hachyderm.io/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://hachyderm.io/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://hachyderm.io/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://hachyderm.io/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/Collections" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Collections</a> People’s Graphic Design Archive · A crowd-sourced virtual archive of graphic design <a href="https://ilo.im/163cql" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/163cql</a>_____ <a href="https://mastodon.social/tags/Archive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Archive</a> <a href="https://mastodon.social/tags/Community" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Community</a> <a href="https://mastodon.social/tags/Articles" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Articles</a> <a href="https://mastodon.social/tags/Images" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Images</a> <a href="https://mastodon.social/tags/Audio" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Audio</a> <a href="https://mastodon.social/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</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/GraphicDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GraphicDesign</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>

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> A11yInspect · A browser-based toolkit for accessibility testing <a href="https://ilo.im/163bj0" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/163bj0</a>_____ <a href="https://mastodon.social/tags/Testing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Testing</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/WCAG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WCAG</a> <a href="https://mastodon.social/tags/Bookmarklets" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Bookmarklets</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/Extension" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Extension</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>

Font Free DownloadsMoeflon Italic font contains varity of styles. This font is quite popular amonng the world. designed by Piet Brantjes. <a href="https://www.fontfreedownloads.com/en/moeflon-italic.font-free-download" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.fontfreedownloads.com/en/moeflon-italic.font-free-download</a> <a href="https://mastodon.social/tags/MoeflonItalic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MoeflonItalic</a> <a href="https://mastodon.social/tags/MoeflonItalic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MoeflonItalic</a> <a href="https://mastodon.social/tags/MoeflonItalic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MoeflonItalic</a> <a href="https://mastodon.social/tags/art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#art</a> <a href="https://mastodon.social/tags/creative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#creative</a> <a href="https://mastodon.social/tags/graphicdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#graphicdesign</a> <a href="https://mastodon.social/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wallpaper</a> <a href="https://mastodon.social/tags/fonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fonts</a> <a href="https://mastodon.social/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typography</a> <a href="https://mastodon.social/tags/calligraphy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#calligraphy</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/handwritten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#handwritten</a> <a href="https://mastodon.social/tags/calligraphic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#calligraphic</a> <a href="https://mastodon.social/tags/type" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#type</a> <a href="https://mastodon.social/tags/typeface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typeface</a> <a href="https://mastodon.social/tags/lettering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lettering</a> <a href="https://mastodon.social/tags/handlettering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#handlettering</a> <a href="https://mastodon.social/tags/weddingfonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#weddingfonts</a> <a href="https://mastodon.social/tags/ttf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ttf</a> <a href="https://mastodon.social/tags/otf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#otf</a>

Doc Edward Morbius ⭕So, have you ever said to yourself, "Self, I wish that I could read online news more like a newspaper? Well do I have your ticket!Backstory: I frequently read news headlines/stories for a friend no longer able to read. Among the news sources is CNN, particularly its "lite" headlines page. Though I found myself frustrated that 1) there is no context other than the headline, 2) the headlines themselves are utterly unorganised, and 3) a huge portion of them are fluff (sport, entertainment, style, food, etc.). I was hoping I might be able to do better. I'd hinted at this a few months ago on HN: <a href="https://news.ycombinator.com/item?id=42535359" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://news.ycombinator.com/item?id=42535359</a>.One bright note is that CNN's URLs contain much of the organising information already, with section heading as well as the date (YYYY/MM/DD). Parsing those is a Simple Matter of Programming (SMOP). Organising them takes ... a bit more work, but what I ended up with my Mark I implementation was the "lite" headlines page organised by section, with the sections themselves ordered by my own interest in them. That alone was a vast improvement.I still wanted to go further; in particular, I wanted to include lede 'graph context for stories. Which meant pulling down the related articles themselves. ...... Which I've spent the past few days doing.Mark II such as it is consists of a few shell scripts to pull, parse, and generate the website. What I've laid out is very much styled as a classic newspaper: all text, no images, and of course, no ads. It takes a few minutes to update the page, which I then view locally, or copy to my e-ink tablet. For those wondering, no, this is not publicly available. (Yet?)What's curious for me is how much saner this presentation is than virtually any current online news site, most of which far more resemble picture galleries (with utterly gratuitous images) than information services. The ability, as with the days of print newspapers, to glean the main gist of a story without having to click through, and then ward off cookie, paywall, TOU, nag, autoplay video/audio, dickbars, etc., etc., provides a cognitive ease that's hard to express.This is also giving me pause to consider why online news looks and acts the way it does, both in terms of UI/UX and content, to which I can only suggest that virtually all the incentives are perverse, on both the publisher and reader perspectives.Screenshots show a general sense of the layout as well as detail views of parts of the page. There are still some layout glitches (I've been writing Flexbox CSS for approximately a week now 😺 ), but I'm pretty happy with it, and much happier than with the original. Oh, and the design is remarkably responsive even without @media queries.(There's more design work in the page itself, including internal cross-references and URL rewrites to the <a href="https://lite.cnn.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://lite.cnn.com/</a> page itself, some of which I'm fairly chuffed about, but ... screenshots for now.)Thoughts are now toward a news-page generator which incorporates a number of different sources, with some sense of categorisation and prioritisation applied to those. Still sorting how to proceed on that.Oh, and preempting questions about why this particular site and its quality: CNN is easily parseable and not paywalled. There area other options which fail one or both of these tests, e.g., NPR has nonsemantic URLs, the NY Times is parseable but paywalled, etc. I'm working with what is to hand but am more than open to better alternatives. The HN link above includes stats on the section distribution itself, which ... is less than ideal, as well as the substantvity of much of what remains (dittos). F'rex, a couple of days ago, one of the three "Science" stories ... largely revolved around a spaced-out pop singeress. Not exactly what I'd call hard-hitting content. Three months on the relative percentage still hold. Aggregating those to larger groupings, the overall article breakdown as of this posting is:<ul><li>US: 1984 (29.94%)</li><li>World: 1311 (19.79%)</li><li>Business: 977 (14.74%) (Economy|Business|Markets|Tech|Cars|Investing|Media)</li><li>Science: 557 (8.41%) (Science|Climate|Weather|Health)</li><li>Trivia: 1796 (27.11%) (Travel|Food|Homes|Entertainment|Sport|Style|CNN)</li><li>Total: Total: 6625</li></ul>(For those summing totals: there's one "unclassified" story, an opinion piece.)<a href="https://toot.cat/tags/newsSites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#newsSites</a> <a href="https://toot.cat/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://toot.cat/tags/OnlineNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OnlineNews</a> <a href="https://toot.cat/tags/paperize" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#paperize</a>

CEOTECH.ITYouTube cambia look: miniature giganti irritano gli utenti <a href="https://mastodon.social/tags/Aggiornamento" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Aggiornamento</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</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/Google" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Google</a> <a href="https://mastodon.social/tags/Interfaccia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interfaccia</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/Miniature" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Miniature</a> <a href="https://mastodon.social/tags/Notizie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Notizie</a> <a href="https://mastodon.social/tags/Novit%C3%A0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Novità</a> <a href="https://mastodon.social/tags/TechNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TechNews</a> <a href="https://mastodon.social/tags/Tecnologia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tecnologia</a> <a href="https://mastodon.social/tags/Test" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Test</a> <a href="https://mastodon.social/tags/Thumbnail" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Thumbnail</a> <a href="https://mastodon.social/tags/UserExperience" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UserExperience</a> <a href="https://mastodon.social/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</a> <a href="https://mastodon.social/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Web</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/YouTube" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#YouTube</a> <a href="https://www.ceotech.it/youtube-cambia-look-miniature-giganti-irritano-gli-utenti/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.ceotech.it/youtube-cambia-look-miniature-giganti-irritano-gli-utenti/</a>

Tyler StickaI’m fortunate to have worked with a lot of amazing designers over the years. Some were curious about designing in the browser with basic <a href="https://social.lol/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> and <a href="https://social.lol/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>, but weren’t sure where to begin, or felt discouraged by a lot of developer-centric content.This is the advice I gave that seemed to resonate most: <a href="https://cloudfour.com/thinks/designing-in-the-browser-five-tips-for-beginners/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://cloudfour.com/thinks/designing-in-the-browser-five-tips-for-beginners/</a><a href="https://social.lol/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://social.lol/tags/DesignProcess" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignProcess</a>

MiXiTFocus front-end à MiXiT 2025 !💥 Responsive CSS version 2025 ✨ Signaux & réactivité démystifiés 🚀 Requête HTTP, côté dev 🧼 JavaScript : plus léger, plus propre 📱 Jetpack Compose en mission chrono 🌌 Astro, le framework qui va vous envoyer dans l’espaceDu code, des workshops, des talks funs et utiles !📍 Pour le programme complet : <a href="https://mixitconf.org/2025?agenda=true" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mixitconf.org/2025?agenda=true</a><a href="https://piaille.fr/tags/MiXiT2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MiXiT2025</a> <a href="https://piaille.fr/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://piaille.fr/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://piaille.fr/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://piaille.fr/tags/MobileDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MobileDev</a> <a href="https://piaille.fr/tags/JetpackCompose" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JetpackCompose</a> <a href="https://piaille.fr/tags/Astro" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Astro</a> <a href="https://piaille.fr/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://piaille.fr/tags/Tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tech</a>

GetNextjs TemplatesLooking to build a beautiful, responsive site for your nonprofit or fundraiser?Check out Endeavor Pro – a clean and modern charity website template made with Next.js 15 and Tailwind CSS. Simple to use, no AI involved.Available now on GetNextJsTemplates!<a href="https://getnextjstemplates.com/products/endeavor-pro-nextjs-charity-website-template" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://getnextjstemplates.com/products/endeavor-pro-nextjs-charity-website-template</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/Nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Nextjs</a> <a href="https://mastodon.social/tags/Charity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Charity</a> <a href="https://mastodon.social/tags/NextJsThemes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NextJsThemes</a> <a href="https://mastodon.social/tags/LandingPage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LandingPage</a> <a href="https://mastodon.social/tags/Templates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Templates</a> <a href="https://mastodon.social/tags/nextjstemplates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nextjstemplates</a> <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nextjs</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</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/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</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/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Resources" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Resources</a> Apache ECharts · An ever-evolving JavaScript visualization library <a href="https://ilo.im/163806" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/163806</a>_____ <a href="https://mastodon.social/tags/Charts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Charts</a> <a href="https://mastodon.social/tags/Visualizations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Visualizations</a> <a href="https://mastodon.social/tags/Library" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Library</a> <a href="https://mastodon.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</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/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

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/Introductions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Introductions</a> The CSS shape() function · It brings responsive shapes to modern CSS <a href="https://ilo.im/163c8b" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/163c8b</a>_____ <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ModernCSS</a> <a href="https://mastodon.social/tags/Shapes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Shapes</a> <a href="https://mastodon.social/tags/CssCalc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CssCalc</a> <a href="https://mastodon.social/tags/CssUnits" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CssUnits</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/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/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/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/Mindsets" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mindsets</a> Tools don’t design, people do · The value of human judgment in the era of machines <a href="https://ilo.im/163b5y" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/163b5y</a>_____ <a href="https://mastodon.social/tags/Skills" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Skills</a> <a href="https://mastodon.social/tags/Discernment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Discernment</a> <a href="https://mastodon.social/tags/Judgment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Judgment</a> <a href="https://mastodon.social/tags/Decisions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Decisions</a> <a href="https://mastodon.social/tags/DesignTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignTools</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/IxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IxDesign</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>

Laura CarlsonToday's Web Design Update: <a href="https://groups.google.com/a/d.umn.edu/g/webdev/c/r7elwWG1HSg" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://groups.google.com/a/d.umn.edu/g/webdev/c/r7elwWG1HSg</a>Featuring <a href="https://toot.cafe/@aardrian" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@aardrian</a>, <a href="https://mastodon.social/@deconspray" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@deconspray</a>, <a href="https://a11y.social/@accessaces" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@accessaces</a>, <a href="https://mstdn.social/@a11ytalks" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@a11ytalks</a>, <a href="https://mastodon.social/@karlgroves" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@karlgroves</a>, <a href="https://front-end.social/@hdv" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@hdv</a>, <a href="https://mamot.fr/@ParisWeb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@ParisWeb</a>, <a href="https://social.vivaldi.net/@brucelawson" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@brucelawson</a>, <a href="https://front-end.social/@mia" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@mia</a>, <a href="https://toot.cafe/@bkardell" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@bkardell</a>, <a href="https://mastodon.social/@svgeesus" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@svgeesus</a>, <a href="https://mastodon.social/@zcorpan" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@zcorpan</a>, <a href="https://mastodon.social/@matuzo" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@matuzo</a>, and more.Subscribe info: <a href="https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe</a><a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#A11y</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a>

Font Free DownloadsMonday Donuts Regular font is a script type font created by Khurasan. <a href="https://www.fontfreedownloads.com/en/monday-donuts-regular.font-free-download" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.fontfreedownloads.com/en/monday-donuts-regular.font-free-download</a> <a href="https://mastodon.social/tags/MondayDonutsRegular" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MondayDonutsRegular</a> <a href="https://mastodon.social/tags/MondayDonutsRegular" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MondayDonutsRegular</a> <a href="https://mastodon.social/tags/MondayDonutsRegular" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MondayDonutsRegular</a> <a href="https://mastodon.social/tags/art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#art</a> <a href="https://mastodon.social/tags/creative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#creative</a> <a href="https://mastodon.social/tags/graphicdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#graphicdesign</a> <a href="https://mastodon.social/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wallpaper</a> <a href="https://mastodon.social/tags/fonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fonts</a> <a href="https://mastodon.social/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typography</a> <a href="https://mastodon.social/tags/calligraphy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#calligraphy</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/handwritten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#handwritten</a> <a href="https://mastodon.social/tags/calligraphic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#calligraphic</a> <a href="https://mastodon.social/tags/type" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#type</a> <a href="https://mastodon.social/tags/typeface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typeface</a> <a href="https://mastodon.social/tags/lettering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lettering</a> <a href="https://mastodon.social/tags/handlettering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#handlettering</a> <a href="https://mastodon.social/tags/weddingfonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#weddingfonts</a> <a href="https://mastodon.social/tags/ttf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ttf</a> <a href="https://mastodon.social/tags/otf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#otf</a>

Font Free DownloadsModellista handwritten or modern signature typeface with a calligraphic style. <a href="https://www.fontfreedownloads.com/en/modellista.font-free-download" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.fontfreedownloads.com/en/modellista.font-free-download</a> <a href="https://mastodon.social/tags/Modellista" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Modellista</a> <a href="https://mastodon.social/tags/Modellista" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Modellista</a> <a href="https://mastodon.social/tags/Modellista" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Modellista</a> <a href="https://mastodon.social/tags/art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#art</a> <a href="https://mastodon.social/tags/creative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#creative</a> <a href="https://mastodon.social/tags/graphicdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#graphicdesign</a> <a href="https://mastodon.social/tags/wallpaper" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wallpaper</a> <a href="https://mastodon.social/tags/fonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fonts</a> <a href="https://mastodon.social/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typography</a> <a href="https://mastodon.social/tags/calligraphy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#calligraphy</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/handwritten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#handwritten</a> <a href="https://mastodon.social/tags/calligraphic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#calligraphic</a> <a href="https://mastodon.social/tags/type" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#type</a> <a href="https://mastodon.social/tags/typeface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typeface</a> <a href="https://mastodon.social/tags/lettering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#lettering</a> <a href="https://mastodon.social/tags/handlettering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#handlettering</a> <a href="https://mastodon.social/tags/weddingfonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#weddingfonts</a> <a href="https://mastodon.social/tags/ttf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ttf</a> <a href="https://mastodon.social/tags/otf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#otf</a>

Pseudonymous :antiverified:<a href="https://mastodon.decentralised.social/@wezm" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@wezm</a>You're doing things right if I can learn to design your site in fourth grade and make it as a project for class.<a href="https://infosec.exchange/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://infosec.exchange/tags/Minimalism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Minimalism</a> <a href="https://infosec.exchange/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://infosec.exchange/tags/Web2p0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Web2p0</a>

🍄💀Shye Strange💀🍄It turns out that making your own icon web font is a lot more work than one might think. I'm currently working on assets for the web app I'm building. I'm making it all for my own needs, but I'll likely put this and other bits out under a GPL for others to use. In this icon set I'm only including FOSS third party logos, as that's all I'll associate with now. The idea of making my own icon font actually came from that they generally focus on the same old commercial ones and ignore all the cool things.<a href="https://deadrobots.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://deadrobots.social/tags/foss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#foss</a> <a href="https://deadrobots.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://deadrobots.social/tags/iconography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#iconography</a>

Inautilo<a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Business</a> <a href="https://mastodon.social/tags/Debates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Debates</a> Is ‘ethical AI’ an oxymoron? · The unpleasant side effects of generative AI <a href="https://ilo.im/163agd" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/163agd</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/GenerativeAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeAI</a> <a href="https://mastodon.social/tags/Sustainability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sustainability</a> <a href="https://mastodon.social/tags/Ethics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Ethics</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/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>

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> SVG Viewer · Edit, optimize, and convert SVGs, all on one site <a href="https://ilo.im/163721" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/163721</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/Editor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Editor</a> <a href="https://mastodon.social/tags/Optimizer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Optimizer</a> <a href="https://mastodon.social/tags/Converter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Converter</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>

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/Debates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Debates</a> Designers don’t need to code · ”They need to learn to prompt.” <a href="https://ilo.im/1639id" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1639id</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/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Coding</a> <a href="https://mastodon.social/tags/VibeCoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VibeCoding</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> <a href="https://mastodon.social/tags/Backend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Backend</a>

Recent searches

Search options

Administered by:

Server stats:

#webdesign