lingo.lol is one of the many independent Mastodon servers you can use to participate in the fediverse.
A place for linguists, philologists, and other lovers of languages.

Server stats:

64
active users

#WebDesign

5 posts5 participants0 posts today
Terry Hancock (Director/Producer)<p><span>Worked on the </span><a href="https://lunatics.tv" rel="nofollow noopener noreferrer" target="_blank"><span>Lunatics release page</span></a><span> CSS a little.<br><br>I had noticed that the page works very poorly on e-ink devices like my InkPad 3 Color reader's browser, because of the animated background effect, which I'm still pretty attached to.<br><br>It moves pretty slowly, but it still created updates with constant flickering as my e-reader tried to keep up.<br><br>Of course, the page is really designed to distribute or stream video, so it's normally intended for full-motion video browsers. The video is never going to work right on an e-reader.<br><br>But there's also credits and other text information on the site.<br><br>So, I looked up methods to fix this with CSS media queries, and I think it's fixed now.<br><br>It now only animates if the browser reports media type "screen" and feature "update: fast".<br><br>And this correctly suppresses animation now on my InkPad 3 Color e-reader. If you happen to have a similar device or other oddball browser, I'd be interested if the page is working for you.<br><br>Still working on honoring other parameters like "prefers-reduced-motion", "prefers-color-scheme", and "prefers-contrast". I would like to get those working as well.<br><br>Ultimately, I may add a Javascript button to change the behavior manually, but the page currently is HTML and CSS only to keep it lighter weight.<br><br>I did also test it in a text-only browser, w3m, where it looks pretty correct. Haven't tried other ones.<br> </span><a href="https://m.filmfreedom.net/tags/LunaticsProject" rel="nofollow noopener noreferrer" target="_blank">#LunaticsProject</a><span> </span><a href="https://m.filmfreedom.net/tags/WebDesign" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a><span> </span><a href="https://m.filmfreedom.net/tags/CSS" rel="nofollow noopener noreferrer" target="_blank">#CSS</a><span> </span><a href="https://m.filmfreedom.net/tags/MediaQueries" rel="nofollow noopener noreferrer" target="_blank">#MediaQueries</a><span> </span><a href="https://m.filmfreedom.net/tags/Testing" rel="nofollow noopener noreferrer" target="_blank">#Testing</a></p>
Ruben ~ Kedara.eu<p>I've recently changed the style and behaviour for external links on my website. I use them a lot and while the icons I used previously to indicate external links are very clear, they make the text look cluttered to me (see first pic).<br><br>Inspired by <a href="https://thomasrigby.com" rel="nofollow noopener noreferrer" target="_blank">https://thomasrigby.com</a> (thanks <span class="h-card"><a href="https://fedia.social/@hryggrbyr" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>hryggrbyr</span></a></span> !) I opted for a subtler visual difference: dotted underline for inline links and a double underline for external links. To me it looks calmer.<br><br>Also, everything now opens in the same tab, so it's up to you to open links in a new tab, if you prefer.<br><br>What do you think? Do you have any preference or do you not really care to know if a link is external or internal?<br><br><a href="https://kedara.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://kedara.social/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a> <a href="https://kedara.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://kedara.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a></p>
Louis Ingenthron<p>Any <a href="https://ingenthron.social/tags/liberal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>liberal</span></a> US-based <a href="https://ingenthron.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> folks out there that might be interested in volunteering a bit of time to help jazz up a non-profit informational political tool?</p><p>Please DM me if so.</p><p><a href="https://ingenthron.social/tags/uspol" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uspol</span></a></p>
mattp (6×💉)<p>Hey webfolk! I'm a cloud engineer who can code in several languages, both high and low level. I hand-crank my own website with a static generator and no framework (see <a href="https://www.peperell.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">peperell.com/</span><span class="invisible"></span></a>) but my web design skills are severely lacking. Can anyone recommend a book which focuses on web design principles suitable for someone like me? </p><p>I'm more interested in the theory and how to apply it in a web context rather than "this is what HTML is" and "this is what CSS is" content.</p><p>Ideas welcome.</p><p><a href="https://mathstodon.xyz/tags/books" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>books</span></a> <a href="https://mathstodon.xyz/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
WebHeads United<p>Ever wondered how architect Mies van der Rohe's "less is more" philosophy would translate to web design?</p><p>We explored the concept of a website inspired by his iconic style: strong grids, clean lines, and purposeful minimalism. The result is a masterclass in structure and clarity.</p><p>Read our thoughts: <a href="https://webheadsunited.com/what-if-mies-van-der-rohe-designed-a-website/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">webheadsunited.com/what-if-mie</span><span class="invisible">s-van-der-rohe-designed-a-website/</span></a></p><p><a href="https://mastodon.social/tags/MiesVanDerRohe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MiesVanDerRohe</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UI</span></a> <a href="https://mastodon.social/tags/Bauhaus" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Bauhaus</span></a> <a href="https://mastodon.social/tags/LessIsMore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LessIsMore</span></a> <a href="https://mastodon.social/tags/Minimalism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Minimalism</span></a></p>
🌈✨ vanta rainbow black ✨🌈<p>"your website doesn't work without javascript" </p><p>ah yes you see that's because <strong>javascript is part of the website.</strong> and you're attempting to cut that part out entirely. for some weird esoteric reason. what did you expect lol? you can't complain when the problem is literally something you've created for yourself. this is like leaving a bad review for a recipe online because you randomly decided to replace one of the core ingredients with something else entirely</p><p>this is just something i've heard a good bit and it always irks me</p><p><a href="https://cyberpunk.lol/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://cyberpunk.lol/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://cyberpunk.lol/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://cyberpunk.lol/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
raphaël ⁂ bastide<p>I had the pleasure to think and produce the web specimen of the typeface NaN Archy designed by 💥 <span class="h-card" translate="no"><a href="https://typo.social/@helenemarian" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>helenemarian</span></a></span> It’s an interactive audio+text piece based on the music of the duo Autoreverse (Nina Garcia aka Mariachi and Arnaud Rivière). <br>Check this out! <a href="http://nanananarchy.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">http://</span><span class="">nanananarchy.com/</span><span class="invisible"></span></a><br><a href="https://post.lurk.org/tags/noise" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>noise</span></a> <a href="https://post.lurk.org/tags/typeface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>typeface</span></a> <a href="https://post.lurk.org/tags/typeDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>typeDesign</span></a> <a href="https://post.lurk.org/tags/typeSpecimen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>typeSpecimen</span></a> <a href="https://post.lurk.org/tags/webDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDesign</span></a> <a href="https://post.lurk.org/tags/webAudio" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webAudio</span></a> <a href="https://post.lurk.org/tags/netart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>netart</span></a></p>
kaffeeringe.de<p><strong>Die perfekte Verbindung zwischen Instagram und Fediverse</strong></p><p>Oft ist Insta­gram der aktu­ells­te Kanal vie­ler Orga­ni­sa­tio­nen. Dabei soll­te eine aktu­el­le Web­site die Basis jeder digi­ta­len Prä­senz sein. Wer bei­des mit­ein­an­der ver­bin­den will und dazu einen Fuß ins Fedi­ver­se set­zen will, kann das mit Word­Press&nbsp;tun.</p><p><a href="https://kaffeeringe.de/2025/06/25/die-perfekte-verbindung-zwischen-instagram-und-fediverse/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kaffeeringe.de/2025/06/25/die-</span><span class="invisible">perfekte-verbindung-zwischen-instagram-und-fediverse/</span></a></p><p><a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/activitypub/" target="_blank">#ActivityPub</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/buffer/" target="_blank">#Buffer</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/facebook/" target="_blank">#Facebook</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/hootsuite/" target="_blank">#Hootsuite</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/instagram/" target="_blank">#Instagram</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/twitter/" target="_blank">#Twitter</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/webdesign/" target="_blank">#Webdesign</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/wordpress/" target="_blank">#Wordpress</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://kaffeeringe.de/tag/x/" target="_blank">#X</a></p>
Nolwenn Maudet<p>:kare_news: Il y a quelques mois, j'ai demandé à des designer·euses web dont j'admire le travail ( <span class="h-card" translate="no"><a href="https://post.lurk.org/@julienbidoret" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>julienbidoret</span></a></span>, <span class="h-card" translate="no"><a href="https://mastodon.design/@timotheegoguely" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>timotheegoguely</span></a></span>, <span class="h-card" translate="no"><a href="https://post.lurk.org/@marieverdeil" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>marieverdeil</span></a></span>, <span class="h-card" translate="no"><a href="https://tldr.nettime.org/@estherbouquet" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>estherbouquet</span></a></span>, Clara Pasteau, Benjamin G., Anne Faubry, Studio F451, <span class="h-card" translate="no"><a href="https://mastodon.social/@tegabrain" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>tegabrain</span></a></span> ) ce qu'elles et ils pensent des formes du Web frugal. Nos conversations sont maintenant en ligne dans le dernier Graphisme en France. </p><p><a href="https://www.cnap.fr/actualites/graphisme-en-france/revues/ndeg31-graphisme-en-france-futur-souhaitable" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">cnap.fr/actualites/graphisme-e</span><span class="invisible">n-france/revues/ndeg31-graphisme-en-france-futur-souhaitable</span></a></p><p><a href="https://mastodon.design/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.design/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.design/tags/SustainableWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SustainableWeb</span></a> <a href="https://mastodon.design/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieWeb</span></a> <a href="https://mastodon.design/tags/graphicdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>graphicdesign</span></a> <a href="https://mastodon.design/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.design/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a></p>
Break3 Studios<p>Just added a new article to the VEX.blue BETA site: No Code' Is Bad</p><p>I’ve used no-code tools before, but building VEX.blue from scratch showed me the value of actually learning the basics.</p><p>From monthly fees to platform lock-in, this post is about why No Code works for some, but not for everyone.</p><p>Reply via your timeline 🌀<br><a href="https://new.vex.blue/articles/2024/09/05/no-code-is-bad" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">new.vex.blue/articles/2024/09/</span><span class="invisible">05/no-code-is-bad</span></a></p><p><a href="https://mas.to/tags/NoCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NoCode</span></a> <a href="https://mas.to/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mas.to/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieWeb</span></a> <a href="https://mas.to/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Coding</span></a> <a href="https://mas.to/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mas.to/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mas.to/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mas.to/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mas.to/tags/VEXblue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VEXblue</span></a> <a href="https://mas.to/tags/Fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Fediverse</span></a> <a href="https://mas.to/tags/OpenWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenWeb</span></a> <a href="https://mas.to/tags/TechThoughts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TechThoughts</span></a></p>
Kalamuna<p>Brilliant research shouldn’t be lost in a maze of confusing websites. </p><p>The Stanford Humanities Center asked us to simplify their sprawling digital presence. We built a modern, user-friendly platform where scholars and visitors can easily access and engage with arts resources and events. A digital space where knowledge is actively shared and explored.</p><p>See the full story:<br><a href="https://www.kalamuna.com/portfolio/stanford-humanities-center?utm_medium=social-organic&amp;utm_source=linkedin&amp;utm_campaign=higher-ed&amp;utm_content=6/18/2025" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">kalamuna.com/portfolio/stanfor</span><span class="invisible">d-humanities-center?utm_medium=social-organic&amp;utm_source=linkedin&amp;utm_campaign=higher-ed&amp;utm_content=6/18/2025</span></a></p><p><a href="https://mastodon.social/tags/drupal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>drupal</span></a> <a href="https://mastodon.social/tags/HigherEd" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HigherEd</span></a> <a href="https://mastodon.social/tags/UXDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UXDesign</span></a> <a href="https://mastodon.social/tags/usercentereddesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>usercentereddesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a><br><a href="https://mastodon.social/tags/AcademicResearch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AcademicResearch</span></a> <a href="https://mastodon.social/tags/stanford" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>stanford</span></a> <a href="https://mastodon.social/tags/humanities" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>humanities</span></a></p>
Senna 🌷<p>My personal website is ready for visitors! 😺 This was a great opportunity to learn about web development and design. I was inspired by other personal websites, especially ones that are responsive, media-rich and fuzzy :3</p><p><a href="https://secretbase.yurupath.net/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">secretbase.yurupath.net/</span><span class="invisible"></span></a></p><p><a href="https://mindly.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mindly.social/tags/webDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDesign</span></a> <a href="https://mindly.social/tags/furry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>furry</span></a></p>
Nolwenn Maudet<p>:kare_mac: La belle matérialité du site <a href="https://mater.digital/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">mater.digital/</span><span class="invisible"></span></a></p><p><a href="https://mastodon.design/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.design/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.design/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://mastodon.design/tags/dithering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dithering</span></a> <a href="https://mastodon.design/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a></p>
Claudio Pires<p>Education WordPress theme - Create, publish and sell courses online, a complete courses and learning website builder powered by drag and drop page builder for creating school/university/academic/college websites <a href="https://visualmodo.com/theme/education-wordpress-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">visualmodo.com/theme/education</span><span class="invisible">-wordpress-theme/</span></a> <br>🎓💼💻📱📚📖<br><a href="https://mastodon.social/tags/education" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>education</span></a> <a href="https://mastodon.social/tags/courses" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>courses</span></a> <a href="https://mastodon.social/tags/learning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>learning</span></a> <a href="https://mastodon.social/tags/theme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>theme</span></a> <a href="https://mastodon.social/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wordpress</span></a> <a href="https://mastodon.social/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>responsive</span></a> <a href="https://mastodon.social/tags/academic" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>academic</span></a> <a href="https://mastodon.social/tags/templates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>templates</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://mastodon.social/tags/plugins" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>plugins</span></a></p>
alexandra<p>another reason to potentially support <a href="https://goodinternetmagazine.com" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">goodinternetmagazine.com</span><span class="invisible"></span></a> — it literally made me get carpal tunnel surgery!!!</p><p>become a free member, grab a physical copy, support more issues by buying an annual membership — these are the best ways to help and support!</p><p><a href="https://tilde.zone/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a> <a href="https://tilde.zone/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://tilde.zone/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://tilde.zone/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://tilde.zone/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://tilde.zone/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://tilde.zone/tags/indie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indie</span></a> <a href="https://tilde.zone/tags/zine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>zine</span></a> <a href="https://tilde.zone/tags/publishing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>publishing</span></a> <a href="https://tilde.zone/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://tilde.zone/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>internet</span></a></p>
Steve B<p>Client: Here's some money. Please redo my website to get better search results.</p><p>Me: OK. It's done.</p><p>Client: I don't like the new text, please change it to this, which I've just thought of off the top of my head with no thought to SEO.</p><p>Me: OK. It's your money, but it will negate all the work you've paid me to do. Done.</p><p>Client (6 months later): Why is my site not ranking better after I paid you that money to improve it?</p><p>Me: Really?</p><p><a href="https://mastodon.ie/tags/freelance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>freelance</span></a> <a href="https://mastodon.ie/tags/fuckingclients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fuckingclients</span></a> <a href="https://mastodon.ie/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Comics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Comics</span></a><br>Sheriff vs. Sans-Sheriff · When web typography goes wild west <a href="https://ilo.im/164hwm" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/164hwm</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Font" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Font</span></a> <a href="https://mastodon.social/tags/Typeface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Typeface</span></a> <a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Typography</span></a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a></p>
Web Axe<p>Dangerous <a href="https://a11y.info/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> Assumptions That Put Everyone at Risk<br><a href="https://buttondown.com/access-ability/archive/dangerous-accessibility-assumptions-that-put/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">buttondown.com/access-ability/</span><span class="invisible">archive/dangerous-accessibility-assumptions-that-put/</span></a><br><a href="https://a11y.info/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://a11y.info/tags/productmgmt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>productmgmt</span></a> <a href="https://a11y.info/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://a11y.info/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Findings" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Findings</span></a><br>The hamburger menu icon today · When used thoughtfully, it works well <a href="https://ilo.im/164n9o" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/164n9o</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Icon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Icon</span></a> <a href="https://mastodon.social/tags/HamburgerMenu" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HamburgerMenu</span></a> <a href="https://mastodon.social/tags/Navigation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Navigation</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/VisualDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VisualDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Guidelines</span></a></p>
Mike Hindle<p>Sustainable WordPress Websites - 7 Eco-Friendly Standards 🌱</p><p><a href="https://clearcutderby.uk/sustainable-wordpress-websites-7-eco-friendly-standards/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">clearcutderby.uk/sustainable-w</span><span class="invisible">ordpress-websites-7-eco-friendly-standards/</span></a></p><p>With additional insights and expertise from six other WordPress professionals working in the sustainability space ℹ️</p><p><a href="https://mastodon.social/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wordpress</span></a> <a href="https://mastodon.social/tags/sustainability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sustainability</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a></p>