DMV.Community

23 posts20 participants2 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/Tools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tools</a> GodSVG · An open-source editor for Scalable Vector Graphics <a href="https://ilo.im/16331x" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/16331x</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/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</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/Linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Linux</a> <a href="https://mastodon.social/tags/MacOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MacOS</a> <a href="https://mastodon.social/tags/Windows" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Windows</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>

techUpdate.ioWikipedia im neuen Look: Was sich jetzt ändert<a href="https://techupdate.io/dienste/wikipedia-im-neuen-look-was-sich-jetzt-aendert/50253/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://techupdate.io/dienste/wikipedia-im-neuen-look-was-sich-jetzt-aendert/50253/</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/techupdate" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#techupdate</a> <a href="https://mastodon.social/tags/wikipedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wikipedia</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/wikimedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wikimedia</a> <a href="https://mastodon.social/tags/vector2022" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vector2022</a> <a href="https://mastodon.social/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a>

stu :sdf:Might be time to get back into learning to develop websites 😁. <a href="https://mastodon.sdf.org/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.sdf.org/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://mastodon.sdf.org/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Indie Interesting WebsitesGrumpy Website<a href="https://grumpy.website" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://grumpy.website</a>Discussions: <a href="https://discu.eu/q/https://grumpy.website" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://discu.eu/q/https://grumpy.website</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/rant" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#rant</a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a>

Richard MacManus (ricmac)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 noreferrer" target="_blank">cybercultural.com/p/david-bowi...</a> <a class="hashtag" href="https://bsky.app/search?q=%23InternetHistory" rel="nofollow noopener noreferrer" target="_blank">#InternetHistory</a> <a class="hashtag" href="https://bsky.app/search?q=%23WebDesign" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://cybercultural.com/p/david-bowie-website-1995-1997/" rel="nofollow noopener noreferrer" target="_blank">David Bowie’s Early Websites, ...</a>

Richard MacManusNew 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 noreferrer" translate="no" target="_blank">https://cybercultural.com/p/david-bowie-website-1995-1997/</a> <a href="https://mastodon.social/tags/InternetHistory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#InternetHistory</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/BowieForever" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BowieForever</a>

Stu RobsonICYMI 🎉 new article alert 🎉🎨 Today we look at creating multiple themes for one brand (like a personal website)📰 Creating Multiple Themes with Style Dictionary🌐 <a href="https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-10" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-10</a><a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEnd</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/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://front-end.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignTokens</a> <a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystems</a>

The Small Web💛 Webring Wednesday #3: Fediverse 💛 If you're a proud member of the Fediverse and have a personal site, the FediRing webring is the perfect way to connect with fellow fedizens across the open web! 🌐✨👉 Check it out: <a href="https://fediring.net/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://fediring.net/</a><a href="https://a.gup.pe/u/indieweb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@indieweb</a> <a href="https://a.gup.pe/u/smallweb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@smallweb</a> <a href="https://a.gup.pe/u/neocities" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@neocities</a> <a href="https://indieweb.social/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fediverse</a> <a href="https://indieweb.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#indieweb</a> <a href="https://indieweb.social/tags/NekoWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NekoWeb</a> <a href="https://indieweb.social/tags/neocities" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#neocities</a> <a href="https://indieweb.social/tags/nostalgia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#nostalgia</a> <a href="https://indieweb.social/tags/oldweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#oldweb</a> <a href="https://indieweb.social/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#smallweb</a> <a href="https://indieweb.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://indieweb.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://indieweb.social/tags/webrevival" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webrevival</a> <a href="https://indieweb.social/tags/webring" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webring</a><a href="https://smallweb.thecozy.cat/blog/%f0%9f%92%9b-webring-wednesday-3-fediverse-%f0%9f%92%9b/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://smallweb.thecozy.cat/blog/%f0%9f%92%9b-webring-wednesday-3-fediverse-%f0%9f%92%9b/</a>

Stu Robson🎉 new article alert 🎉🎨 Today we're looking at creating multiple themes for one brand (like a personal website)📰 Creating Multiple Themes with Style Dictionary🌐 <a href="https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-10" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-10</a><a href="https://front-end.social/tags/DesignTokens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignTokens</a> <a href="https://front-end.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystems</a> <a href="https://front-end.social/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontEnd</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/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a>

Laura CarlsonToday's Web Design Update: <a href="https://groups.google.com/a/d.umn.edu/g/webdev/c/tlahEuNgPXg" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://groups.google.com/a/d.umn.edu/g/webdev/c/tlahEuNgPXg</a>Featuring <a href="https://mastodon.social/@SteveFaulkner" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@SteveFaulkner</a>, <a href="https://toot.community/@rachael" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@rachael</a>, <a href="https://toot.cafe/@alastc" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@alastc</a>, <a href="https://w3c.social/@wai" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@wai</a>, <a href="https://mastodon.social/@LFLegal" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@LFLegal</a>, <a href="https://tech.lgbt/@alex86" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@alex86</a>, <a href="https://mastodon.social/@heydon" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@heydon</a>, <a href="https://mastodon.social/@adactio" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@adactio</a>, <a href="https://front-end.social/@mia" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@mia</a>, <a href="https://front-end.social/@stacy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@stacy</a>, <a href="https://mastodon.social/@Richr" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@Richr</a>, <a href="https://front-end.social/@OddBird" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@OddBird</a>, <a href="https://tech.lgbt/@huijing" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@huijing</a>, <a href="https://indieweb.social/@dries" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@dries</a>, <a href="https://fosstodon.org/@rauschma" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@rauschma</a>, <a href="https://mas.to/@j9t" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@j9t</a>, <a href="https://mastodon.be/@vitalyf" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@vitalyf</a>, <a href="https://mastodon.social/@smashingmag" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@smashingmag</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>

devoluteI know it's terribly 2018 <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> of me, but I find it odd that Neither <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Figma</a> nor <a href="https://mastodon.social/tags/Penpot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Penpot</a> allow you to set an SVG as a repeating background pattern in the year of our lord 2025.

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>

Robert Temel<a href="https://wien.rocks/tags/Praktikum" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Praktikum</a> <a href="https://wien.rocks/tags/Multimedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Multimedia</a> / <a href="https://wien.rocks/tags/Webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Webdesign</a> / <a href="https://wien.rocks/tags/Grafikdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Grafikdesign</a> gesucht! Ein guter Bekannter (20 Jahre alt) schließt vor dem Sommer das Multimedia-Kolleg der Graphischen ab und muss dafür im Sommer 8 Wochen lang ein Praktikum machen – seine Schwerpunkte sind 2D-Illustration, 3D-Modeling/Sculpting, aber auch Grafikdesign und Webdesign. Er sucht ein Unternehmen, wo er dieses Praktikum leisten kann. Falls jemand Interesse oder einen Hinweis hat, ich freue mich über Rückmeldungen!

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>

Font Free DownloadsStefania is a serif font designed with a modern, luxury, and romantic feel. and design by gheathcote. <a href="https://www.fontfreedownloads.com/en/stefania.font-free-download" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.fontfreedownloads.com/en/stefania.font-free-download</a> <a href="https://mastodon.social/tags/Stefania" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Stefania</a> <a href="https://mastodon.social/tags/Stefania" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Stefania</a> <a href="https://mastodon.social/tags/Stefania" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Stefania</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>

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>If it requires forge integration, it should support <a href="https://pan.rent/tags/ForgeJo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ForgeJo</a></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>

Jon HenshawThe image srcset property is primarily used to serve resized images for responsive layouts. However, it can also serve uniquely different images, significantly improving a visitor's experience and engagement on a web page.<a href="https://coywolf.pro/webdev/why-you-should-do-more-than-resizing-images-with-the-srcset-property/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://coywolf.pro/webdev/why-you-should-do-more-than-resizing-images-with-the-srcset-property/</a><a href="https://henshaw.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://henshaw.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://henshaw.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</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/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>

Recent searches

Search options

Administered by:

Server stats:

#webdesign