zeldman<p>Understand trends and projections in the <a href="https://front-end.social/tags/type" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>type</span></a> industry.</p><p>With insights from 4,777 participants across more than 13 countries, the 2024 Global Font Use & Forecasting Survey by Monotype and Censuswide investigates what <a href="https://front-end.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> industry members are looking for and why they choose certain <a href="https://front-end.social/tags/fonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fonts</span></a>. </p><p><a href="https://www.monotype.com/resources/ebook/global-font-use-forecasting-survey-2024?zeldielocks" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">monotype.com/resources/ebook/g</span><span class="invisible">lobal-font-use-forecasting-survey-2024?zeldielocks</span></a> </p><p><a href="https://front-end.social/tags/fonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fonts</span></a> <a href="https://front-end.social/tags/typefaces" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typefaces</span></a> <a href="https://front-end.social/tags/surveys" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>surveys</span></a> <a href="https://front-end.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://front-end.social/tags/monotype" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>monotype</span></a> <a href="https://front-end.social/tags/StateoftheWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StateoftheWeb</span></a> <a href="https://front-end.social/tags/StateofDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StateofDesign</span></a></p>
mastodon.world is one of the many independent Mastodon servers you can use to participate in the fediverse.
Generic Mastodon server for anyone to use.
Administered by:
Server stats:
8.3Kactive users
mastodon.world: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.0
#stateoftheweb
0 posts · 0 participants · 0 posts today
zeldman<p>“As cool as any technology may be, we need to be sure we’re not rapidly generating inequality at scale.” <span class="h-card" translate="no"><a href="https://mastodon.social/@davatron5000" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>davatron5000</span></a></span> </p><p><a href="https://daverupert.com/2023/10/accessiblity-shamed/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">daverupert.com/2023/10/accessi</span><span class="invisible">blity-shamed/</span></a> <a href="https://front-end.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://front-end.social/tags/StateoftheWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StateoftheWeb</span></a> <a href="https://front-end.social/tags/DevelopersReflect" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevelopersReflect</span></a></p>
pablolarah<p>🟠🟡 Web Almanac<br>HTTP Archive 💾<br>@httparchive.org ’s annual<br>state of the web report<br>2024<br><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/WebAlmanac" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebAlmanac</span></a> <a href="https://mastodon.social/tags/StateOfTheWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StateOfTheWeb</span></a> </p><p><a href="https://almanac.httparchive.org/en/2024/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">almanac.httparchive.org/en/202</span><span class="invisible">4/</span></a></p>
Maneesh 💻 🇨🇦<p>Auto-playing video on websites is the same energy as playing your music on speaker on the subway.<br><a href="https://mstdn.ca/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mstdn.ca/tags/stateoftheweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>stateoftheweb</span></a> <a href="https://mstdn.ca/tags/firstworldproblems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>firstworldproblems</span></a></p>
Luke Dorny<p>…put another pot on the stove, it's a long one…</p><p>☕️🍵🫖🧉</p><p><a href="https://typo.social/tags/Fallout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Fallout</span></a> <a href="https://typo.social/tags/rewild" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rewild</span></a> <a href="https://typo.social/tags/rewilding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rewilding</span></a> <a href="https://typo.social/tags/infrastructure" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>infrastructure</span></a> <a href="https://typo.social/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a> <a href="https://typo.social/tags/resilience" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>resilience</span></a> <a href="https://typo.social/tags/sotw" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sotw</span></a> <a href="https://typo.social/tags/StateOfTheWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StateOfTheWeb</span></a> <a href="https://typo.social/tags/search" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>search</span></a> <a href="https://typo.social/tags/internet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>internet</span></a> <a href="https://typo.social/tags/WalledGarden" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WalledGarden</span></a></p>
Luke Dorny<p>Another, even better, piece about the state of the web:</p><p><a href="https://www.noemamag.com/we-need-to-rewild-the-internet/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">noemamag.com/we-need-to-rewild</span><span class="invisible">-the-internet/</span></a></p><p>via the powerful Manual Moreale:<br><a href="https://manuelmoreale.com" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">manuelmoreale.com</span><span class="invisible"></span></a></p><p><a href="https://typo.social/tags/rewild" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rewild</span></a> <a href="https://typo.social/tags/rewilding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rewilding</span></a> <a href="https://typo.social/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a> <a href="https://typo.social/tags/resilience" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>resilience</span></a> <a href="https://typo.social/tags/sotw" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sotw</span></a> <a href="https://typo.social/tags/StateOfTheWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StateOfTheWeb</span></a> <a href="https://typo.social/tags/search" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>search</span></a> <a href="https://typo.social/tags/internet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>internet</span></a></p>
zeldman<p>What’s in a job title? <span class="h-card" translate="no"><a href="https://front-end.social/@elly" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>elly</span></a></span> explains why good old “web design” is the best way to understand what she does—and maybe what you do, too.</p><p><a href="https://front-end.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://front-end.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://front-end.social/tags/webstandards" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webstandards</span></a> <a href="https://front-end.social/tags/design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>design</span></a> <a href="https://front-end.social/tags/stateoftheweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>stateoftheweb</span></a></p><p><a href="https://zeldman.com/2024/04/03/the-more-things-change-or-whats-in-a-job-title/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">zeldman.com/2024/04/03/the-mor</span><span class="invisible">e-things-change-or-whats-in-a-job-title/</span></a></p>
zeldman<p>In A List Apart, for people who make websites: <span class="h-card" translate="no"><a href="https://mastodon.social/@stegrainer" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>stegrainer</span></a></span> reviews the history of the web, analyzes where we are now, and shares how we can shape a better web future.</p><p><a href="https://alistapart.com/article/the-wax-and-the-wane-of-the-web/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">alistapart.com/article/the-wax</span><span class="invisible">-and-the-wane-of-the-web/</span></a> Illustration: Dougal MacPherson</p><p><a href="https://front-end.social/tags/StateoftheWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StateoftheWeb</span></a> <a href="https://front-end.social/tags/WebStrategy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebStrategy</span></a> <a href="https://front-end.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://front-end.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://front-end.social/tags/ux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ux</span></a></p>
zeldman<p>☞ “I built an Ultra-Lean, Web Components enhanced, no-build, no-dependencies boilerplate for PWAs, using only the Modern Web.” </p><p><a href="https://medium.com/@neerventure/purepwa-a-radical-u-turn-in-web-development-a386c0dc092e" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">medium.com/@neerventure/purepw</span><span class="invisible">a-a-radical-u-turn-in-web-development-a386c0dc092e</span></a> </p><p>Hat tip: <span class="h-card" translate="no"><a href="https://front-end.social/@Aaron" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Aaron</span></a></span> <a href="https://front-end.social/tags/webstandards" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webstandards</span></a> <a href="https://front-end.social/tags/StateoftheWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StateoftheWeb</span></a> <a href="https://front-end.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://front-end.social/tags/development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>development</span></a> <a href="https://front-end.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdevelopment</span></a> <a href="https://front-end.social/tags/PWAs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PWAs</span></a> <a href="https://front-end.social/tags/W3C" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>W3C</span></a></p>
Vlad Iliescu 🐬<p>I feel like a lot of the web nowadays is bloated, suffering from a chronic inability to "get to the point". </p><p>Most times, an article will tease you with a small piece of information and then run around in circles for three pages before revealing it. </p><p>While I understand why this happens (SEO, Google optimization, Ads), it's frustrating to say the least. </p><p>That's why I'm excited about LLMs and their capability to cut the fat out of an article when asked nicely.</p><p><a href="https://mastodon.online/tags/stateoftheweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>stateoftheweb</span></a> <a href="https://mastodon.online/tags/bingchat" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bingchat</span></a> <a href="https://mastodon.online/tags/llm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>llm</span></a> </p><p>1/</p>
Eric Eggert<p>Not how any of this works…</p><p><button type="button" class="css-x3e7ag"><svg width="40" height="40" viewBox="0 0 18 10" fill="none" xmlns="<a href="http://www.w3.org/2000/svg" rel="nofollow noopener" target="_blank"><span class="invisible">http://www.</span><span class="">w3.org/2000/svg</span><span class="invisible"></span></a>" alt="chevron" loading="lazy" aria-hidden="true" focusable="false" class="css-1bs8wnl">…</svg></button></p><p><a href="https://yatil.social/tags/stateOfTheWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>stateOfTheWeb</span></a></p>
Stef Walter<p><a href="https://front-end.social/tags/StateOfTheWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StateOfTheWeb</span></a><br>The 2022 Web Almanac is out, it combines stats and trends from HTTP Archive, to create a report of the start of the web, using real data. <a href="https://almanac.httparchive.org/en/2022/?utm_source=stephaniewalter.design&utm_medium=weeklylinks" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">almanac.httparchive.org/en/202</span><span class="invisible">2/?utm_source=stephaniewalter.design&utm_medium=weeklylinks</span></a></p>
bookandswordblogself-hosted Wordpress creepy
TrendingLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload