comicscamp.club is part of the decentralized social network powered by Mastodon.
A friendly home in the Fediverse for creators and lovers of comics and narrative art of all sorts.

Server stats:

27
active users

Learn more

#webdev

17 posts13 participants3 posts today
Ana Tudor 🐯<p>Made this a couple of years ago on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> but for some reason never shared it: a hopefully accessible base for a smooth elastic dropdown <a href="https://codepen.io/thebabydino/pen/qBJENKM" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/qBJ</span><span class="invisible">ENKM</span></a></p><p>Based on a thing at a now dead link which did something of the kind with a huge div soup.</p><p><a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.social/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dropdown</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</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> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
Ana Tudor 🐯<p>Someone hearted this button ripple effect demo on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> (coded about half a decade ago) and made me notice it still said "only works in Chromium" - as of last summer, it's cross-browser! 🥳🎉</p><p><a href="https://codepen.io/thebabydino/pen/LYZpEVy" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/LYZ</span><span class="invisible">pEVy</span></a></p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</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> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
Ana Tudor 🐯<p>Know how border-image &amp; border-radius don't play nice together?</p><p>(interactive <a href="https://codepen.io/thebabydino/pen/jxZyed" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/jxZ</span><span class="invisible">yed</span></a>)</p><p><a href="https://mastodon.social/tags/tinyCSStip" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tinyCSStip</span></a> there's a workaround IF corner radius ≤ border-width: use inset() clip-path + a round value!</p><p>clip-path: inset(0 round $r)</p><p><span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> demo: <a href="https://codepen.io/thebabydino/pen/qBELJGY?editors=1100" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/qBE</span><span class="invisible">LJGY?editors=1100</span></a></p><p>(and yes, this is a tip I first shared on twitter over half a decade ago <a href="https://x.com/anatudor/status/1219916121341644807" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">x.com/anatudor/status/12199161</span><span class="invisible">21341644807</span></a> )</p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/clipPath" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>clipPath</span></a> <a href="https://mastodon.social/tags/cssClipPath" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssClipPath</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</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> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</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/borderImage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>borderImage</span></a> <a href="https://mastodon.social/tags/borderRadius" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>borderRadius</span></a></p>
Harry W.<p>I honestly *can* see that AI could be helpful with really simple / monotonous tasks, like creating unit tests to help you describe what code you're going to write. </p><p>But would I let it write this code? Just no. This is terrible. </p><p><a href="https://mstdn.social/tags/VibeCoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VibeCoding</span></a> <a href="https://mstdn.social/tags/VibeCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VibeCode</span></a> <a href="https://mstdn.social/tags/Code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Code</span></a> <a href="https://mstdn.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a></p>
Harry W.<p>Oh wow:</p><p>```<br>If you're still seeing issues, we might need to try a different approach. Let's try creating a fresh SvelteKit project with Tailwind CSS using the official SvelteKit create command with the Tailwind<br>```<br>Wow, thanks <a href="https://mstdn.social/tags/cursor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cursor</span></a>. The last 10 minutes (and god knows how much compute power) was wasted on that slop. </p><p><a href="https://mstdn.social/tags/VibeCoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VibeCoding</span></a> <a href="https://mstdn.social/tags/VibeCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VibeCode</span></a> <a href="https://mstdn.social/tags/Code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Code</span></a> <a href="https://mstdn.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a></p>
Harry W.<p>Honestly Vibe Coding might be one of the most damaging things to the Software industry that I've seen in a fair while. </p><p><a href="https://mstdn.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mstdn.social/tags/Code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Code</span></a> <a href="https://mstdn.social/tags/VibeCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VibeCode</span></a></p>
Ayo<p>🎉 Why I Care So Much About the Fediverse by Ayo Ayco (<span class="h-card" translate="no"><a href="https://social.ayco.io/@ayo" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>ayo</span></a></span>) | <a href="https://ayos.blog/why-fediverse/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ayos.blog/why-fediverse/</span><span class="invisible"></span></a></p><p><a href="https://social.ayco.io/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fediverse</span></a> <a href="https://social.ayco.io/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mastodon</span></a> <a href="https://social.ayco.io/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://social.ayco.io/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a></p>
Reilly Spitzfaden (they/them)<p>This is a good reminder for me to add some more comments into my website's HTML</p><p>“Let’s build websites that are source-readable by humans and let’s help people learn how to build websites. I believe it will also help us build websites that are using the correct semantic HTML elements, are more accessible and are not just&nbsp;div soup.”</p><p><a href="https://hamatti.org/posts/view-source-explorers-welcome/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">hamatti.org/posts/view-source-</span><span class="invisible">explorers-welcome/</span></a></p><p><a href="https://hachyderm.io/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://hachyderm.io/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IndieWeb</span></a> <a href="https://hachyderm.io/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Coding</span></a> <a href="https://hachyderm.io/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a></p>
ofelia<p>wouldn't it be cool to know how to edit my google search information for my website?</p><p><a href="https://post.lurk.org/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a></p>
dynamite_ready<p>Had to repost this...</p><p><a href="https://mastodon.gamedev.place/tags/projectmanagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>projectmanagement</span></a> <a href="https://mastodon.gamedev.place/tags/agile" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>agile</span></a> <a href="https://mastodon.gamedev.place/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.gamedev.place/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a></p>
David Bisset<p>.van {<br> .van {<br> .car {<br> color: blue;<br> }<br> }<br>}</p><p><a href="https://phpc.social/tags/meme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>meme</span></a> <a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://phpc.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a></p>
Amber Weinberg<p>I scream with the rage of a thousand suns.</p><p><a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://front-end.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://front-end.social/tags/webdevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdevelopment</span></a> <a href="https://front-end.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a></p>
Skora, Will<p>i remember reading a while back, a good article on the tradeoffs of loading <a href="https://mastodon.xyz/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> conditionally in multiple files (&amp; only loading it on page when used &amp; the extra network requests that results in) vs. placing that css all in one file.. <a href="https://mastodon.xyz/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.xyz/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> - any ideas?</p>
Senna 🌷<p>Play my browser game!</p><p><a href="https://biome.yurupath.net" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">biome.yurupath.net</span><span class="invisible"></span></a></p><p>Try to discover all the entities in the biome. Once you have this knowledge, try to uncover them in the shortest amount of time!</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/gameDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gameDev</span></a> <a href="https://mindly.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mindly.social/tags/game" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>game</span></a> <a href="https://mindly.social/tags/puzzle" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>puzzle</span></a></p>
David Bisset<p>"We need a BIG launch for our website 🚀 but don't have a NASA or SpaceX budget."</p><p>🤔</p><p><a href="https://phpc.social/tags/memes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>memes</span></a> <a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://phpc.social/tags/mentos" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mentos</span></a></p>
sb arms & legs<p>I've been writing a new personal site from scratch. It's been a while since I've done a site design entirely by hand, without any frameworks to lean on.</p><p>It's been a lot of fun, and I've been honing my html5 and css3 skills - trying to do everything the *right* way. Making use of some of the more esoteric CSS properties I'd never bothered with before (like margin-inline or padding-block) .</p><p>I've made all the graphics myself using <a href="https://metroholografix.ca/tags/svg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svg</span></a> (thanks <a href="https://metroholografix.ca/tags/inkscape" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>inkscape</span></a>!).</p><p>I'm focusing on having a *microscopic* footprint, with minimum connections (one markup, one stylesheet). </p><p><a href="https://metroholografix.ca/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://metroholografix.ca/tags/indieWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieWeb</span></a> <a href="https://metroholografix.ca/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a></p>
Ana Tudor 🐯<p>Because someone just hearted a 5 year old <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> demo <a href="https://codepen.io/thebabydino/pen/GRooBJm?editors=0100" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/GRo</span><span class="invisible">oBJm?editors=0100</span></a> I made using a <a href="https://mastodon.social/tags/Sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Sass</span></a> function + looping to generate a <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> 🌈: we don't need *any* Sass for this anymore! 🎉</p><p>We can now do it with</p><p>background: <br> linear-gradient(in hsl longer hue 90deg, <br> hsl(0, 95%, 65%) 0 0)</p><p><a href="https://mastodon.social/tags/SCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SCSS</span></a> <a href="https://mastodon.social/tags/loop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>loop</span></a> <a href="https://mastodon.social/tags/looping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>looping</span></a> <a href="https://mastodon.social/tags/newCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>newCSS</span></a> <a href="https://mastodon.social/tags/rainbow" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rainbow</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssGradient</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</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/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</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> <a href="https://mastodon.social/tags/hueInterpolation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hueInterpolation</span></a></p>
Roni Laukkarinen<p>👀 </p><p><a href="https://mementomori.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WordPress</span></a> <a href="https://mementomori.social/tags/StarterTheme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StarterTheme</span></a> <a href="https://mementomori.social/tags/WordPressStarterTheme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WordPressStarterTheme</span></a> <a href="https://mementomori.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mementomori.social/tags/AirLight" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AirLight</span></a></p>
alexandra<p>this is it, folks! we are in the final week before submissions are due for GOOD INTERNET, a new print periodical magazine about all the things that make the <a href="https://tilde.zone/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> fun: things like the <a href="https://tilde.zone/tags/smallweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>smallweb</span></a>, the fediverse, the <a href="https://tilde.zone/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a>, and efforts to actively fight <a href="https://tilde.zone/tags/enshittification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>enshittification</span></a>. submissions are open until MARCH 15.</p><p>check the submission guidelines or sign up for email alerts to be notified when we publish in may!</p><p><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></p><p>if this is your first time hearing about this, you still have enough time to come up with and write an article or complete a digital <a href="https://tilde.zone/tags/art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>art</span></a> piece, if you're passionate about the <a href="https://tilde.zone/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>internet</span></a> and want to write about it! :) bloggers, it's your time to shine!~ </p><p>i can't wait to show y'all the incredible stories that have been submitted from all over the 'net, and some of the coolest art i've seen about the web!</p><p>thank you to everyone who's been so supportive of this project already. this is why this side of the internet is amazing. ❤️ please boost, if you can; i want to make sure i did everything i could to include as many diverse voices as i can.</p><p>thank you! 🤟 </p><p>original post: <a href="https://tilde.zone/@xandra/113913277766098384" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">tilde.zone/@xandra/11391327776</span><span class="invisible">6098384</span></a></p><p><a href="https://tilde.zone/tags/writing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>writing</span></a> <a href="https://tilde.zone/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a> <a href="https://tilde.zone/tags/personalweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalweb</span></a> <a href="https://tilde.zone/tags/personalwebsites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>personalwebsites</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/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://tilde.zone/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</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/magazine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>magazine</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/codingisart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>codingisart</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/writers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>writers</span></a> <a href="https://tilde.zone/tags/fediverse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fediverse</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/digitalart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>digitalart</span></a> <a href="https://tilde.zone/tags/artist" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>artist</span></a></p>
Ana Tudor 🐯<p>Can you help me out, mastodon? 🦣</p><p>Do you see the same result as below for this test, especially in Chrome/ Safari?<br><a href="https://cdpn.io/pen/debug/KwKvRKr" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">cdpn.io/pen/debug/KwKvRKr</span><span class="invisible"></span></a></p><p>Or finding red in rgb(0, 100%, 0%)?</p><p>Are you on a wide gamut display? You can check here <a href="https://wide-gamut.com/test" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">wide-gamut.com/test</span><span class="invisible"></span></a></p><p>Retoots appreciated. Thank you! 🙏</p><p><a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/chrome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>chrome</span></a> <a href="https://mastodon.social/tags/chromeBug" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>chromeBug</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</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/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</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> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a></p>