Recent searches

No recent searches

Search options

Only available when logged in.
med-mastodon.com is one of the many independent Mastodon servers you can use to participate in the fediverse.
Medical community on Mastodon

Administered by:

Server stats:

339
active users

med-mastodon.com: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.3

#nojs

0 posts0 participants0 posts today
Kevin Karhan :verified:<p>Wer so'n shice programmieren kann, kann auch gefälligst ne Seite baun die ohne <a href="https://infosec.space/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> auskommt! </p><p><a href="https://infosec.space/tags/NoJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NoJS</span></a> <a href="https://infosec.space/tags/Malware" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Malware</span></a> <a href="https://infosec.space/tags/NoJavascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NoJavascript</span></a> <a href="https://infosec.space/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://infosec.space/tags/Privacy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Privacy</span></a> <a href="https://infosec.space/tags/ITsec" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ITsec</span></a> <a href="https://infosec.space/tags/InfoSec" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InfoSec</span></a> <a href="https://infosec.space/tags/OpSec" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpSec</span></a> <a href="https://infosec.space/tags/ComSec" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ComSec</span></a> <a href="https://infosec.space/tags/Webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Webdesign</span></a> <a href="https://infosec.space/tags/Enshittification" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Enshittification</span></a></p>
Larry Garfield<p>This is almost certainly not the right way to do this, but damn it is cool that you can.</p><p><a href="https://dev.to/madsstoumann/guitar-chords-in-css-3hk8" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dev.to/madsstoumann/guitar-cho</span><span class="invisible">rds-in-css-3hk8</span></a></p><p><a href="https://phpc.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://phpc.social/tags/NoJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NoJS</span></a></p>
Dan Q<p><a href="https://codepen.io/ItsDanQ/full/WbbymbB" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">codepen.io/ItsDanQ/full/WbbymbB</span><span class="invisible"></span></a></p><p>This was fun but pointless: using <a href="https://m.danq.me/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> :has(), :checked, and the subsequent sibling selector (~) to make a <a href="https://m.danq.me/tags/noJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>noJS</span></a> <a href="https://m.danq.me/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> list filtering tool.</p><p>🔗 Blog post with more details: <a href="https://danq.me/dynamic-filters-in-pure-css" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">danq.me/dynamic-filters-in-pur</span><span class="invisible">e-css</span></a></p>
Daniel<p>CSS-only LQIP:</p><p><a href="https://leanrada.com/notes/css-only-lqip/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">leanrada.com/notes/css-only-lq</span><span class="invisible">ip/</span></a></p><p>This is so cool!</p><p><a href="https://social.hnnng.space/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://social.hnnng.space/tags/lqip" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lqip</span></a> <a href="https://social.hnnng.space/tags/image" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>image</span></a> <a href="https://social.hnnng.space/tags/placeholder" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>placeholder</span></a> <a href="https://social.hnnng.space/tags/nojs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nojs</span></a> <a href="https://social.hnnng.space/tags/gradient" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gradient</span></a> <a href="https://social.hnnng.space/tags/math" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>math</span></a> <a href="https://social.hnnng.space/tags/awesome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>awesome</span></a></p>
Christian Tietze<p><a href="https://codepen.io/ctietze/pen/LEPrdRM?editors=1100" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/ctietze/pen/LEPrdRM</span><span class="invisible">?editors=1100</span></a></p><p>What do y'all think about this hamburger menu? It's scalable, pure <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> Not 100% accessible just yet, but close (it's backed by a checkbox, but some additional JS is needed I believe)</p><p><a href="https://mastodon.social/tags/nojs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nojs</span></a></p>
catraxx :antifa:<p>Alright ... i finished my new website.</p><p><a href="https://catraxx.de/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">catraxx.de/</span><span class="invisible"></span></a></p><p>I hope you like it. If anyone wants to link to me for whatever reason, there is a 88x31 thing on the first page. Likewise if you'd like to be linked, let me know. I can either make you a generic button or put in your 88x31.</p><p>:ablobcatheartsqueeze: </p><p><a href="https://tech.lgbt/tags/noJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>noJS</span></a> <a href="https://tech.lgbt/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Csepp 🌢<p>There are some interesting <a href="https://merveilles.town/tags/noJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>noJS</span></a> <a href="https://merveilles.town/tags/captcha" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>captcha</span></a> implementations in this article:<br><a href="https://boehs.org/node/dark-web-security" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">boehs.org/node/dark-web-securi</span><span class="invisible">ty</span></a><br>cc: <a href="https://merveilles.town/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://infosec.exchange/@Hacker0x01" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Hacker0x01</span></a></span> using <a href="https://infosec.space/tags/ClownFlare" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ClownFlare</span></a> really rubs me at all the wrong ponts!</p><p><a href="https://infosec.space/tags/CantUse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CantUse</span></a> <a href="https://infosec.space/tags/WontUse" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WontUse</span></a> <a href="https://infosec.space/tags/Cloudflare" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Cloudflare</span></a> <a href="https://infosec.space/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://infosec.space/tags/NoJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NoJS</span></a> <a href="https://infosec.space/tags/NoJSgang" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NoJSgang</span></a></p>
Anders S<p>Synchronised updates between browser windows without JavaScript! KTor, @htmx_org and ServerSentEvents! <a href="https://mastodon.social/tags/htmx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>htmx</span></a> <a href="https://mastodon.social/tags/ktor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ktor</span></a> <a href="https://mastodon.social/tags/nojs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nojs</span></a></p><p>Full blog here: <a href="https://blog.f12.no/wp/2024/11/11/htmx-sse-easy-updates-of-html-state-with-no-javascript/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.f12.no/wp/2024/11/11/htmx</span><span class="invisible">-sse-easy-updates-of-html-state-with-no-javascript/</span></a></p><p>If you're in Oslo I am doing a talk on Wednesday: <a href="https://www.meetup.com/meetup-group-nwerbymu/events/304303659/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">meetup.com/meetup-group-nwerby</span><span class="invisible">mu/events/304303659/</span></a></p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://infosec.exchange/@NocturnalNessa" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>NocturnalNessa</span></a></span> <span class="h-card" translate="no"><a href="https://tech.lgbt/@kasdeya" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>kasdeya</span></a></span> yes, it's called <a href="https://infosec.space/tags/NoScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NoScript</span></a> and <em>the existing security settings</em>...</p><ul><li>My favorite is to <a href="https://infosec.space/@kkarhan/113491197348620873" rel="nofollow noopener" target="_blank">"go <em>full asshole</em>"</a> on shitty websites and use <span class="h-card" translate="no"><a href="https://mastodon.social/@torproject" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>torproject</span></a></span> / <a href="https://infosec.space/tags/TorBrowser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TorBrowser</span></a> on them with highest <a href="https://infosec.space/tags/security" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>security</span></a> settings = <a href="https://infosec.space/tags/NoJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NoJS</span></a>!</li></ul><p><a href="https://infosec.space/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://infosec.space/tags/ITsec" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ITsec</span></a> <a href="https://infosec.space/tags/InfoSec" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>InfoSec</span></a> <a href="https://infosec.space/tags/OpSec" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpSec</span></a> <a href="https://infosec.space/tags/ComSec" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ComSec</span></a> <a href="https://infosec.space/tags/Tor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tor</span></a> <a href="https://infosec.space/tags/Privacy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Privacy</span></a> <a href="https://infosec.space/tags/DataProtection" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DataProtection</span></a></p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://chaos.social/@feliks" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>feliks</span></a></span> very <a href="https://infosec.space/tags/cursed" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cursed</span></a> indeed! </p><ul><li>Like <a href="https://infosec.space/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> in general! </li></ul><p><a href="https://infosec.space/tags/NoJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NoJS</span></a> <a href="https://infosec.space/tags/NoJSgang" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NoJSgang</span></a></p>
Ana Tudor 🐯<p>A 🆒 no JS, no text duplication, no shadows <a href="https://mastodon.social/tags/3D" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>3D</span></a> text effect I made on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span> for the week's <a href="https://mastodon.social/tags/CodePenChallenge" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodePenChallenge</span></a> <a href="https://codepen.io/thebabydino/pen/yLmxePV" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/yLm</span><span class="invisible">xePV</span></a></p><p>Just a bit of <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> magic!🪄</p><p><a href="https://mastodon.social/tags/Pug" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Pug</span></a> code generating the SVG filter is ~1KB and the CSS is half of that (20 declarations including prettifying and layout).</p><p>Also: did anyone else have trouble with uploading videos here? This is just a 5 second 500KB vid... 😿 </p><p><a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <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/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>noJS</span></a> <a href="https://mastodon.social/tags/textEffects" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>textEffects</span></a> <a href="https://mastodon.social/tags/textEffect" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>textEffect</span></a></p>
DoctorG ♀️🏳️‍🌈<p>On a blog, do you think a word cloud (large!, for tagged articles) is good/needed for users with assistive technology and disability?</p><p><a href="https://social.vivaldi.net/tags/noJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>noJS</span></a> <a href="https://social.vivaldi.net/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://social.vivaldi.net/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://social.vivaldi.net/tags/WAI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WAI</span></a> <a href="https://social.vivaldi.net/tags/WCAG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WCAG</span></a> <a href="https://social.vivaldi.net/tags/ARIA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ARIA</span></a> <a href="https://social.vivaldi.net/tags/disability" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>disability</span></a> <a href="https://social.vivaldi.net/tags/impaired" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>impaired</span></a> <a href="https://social.vivaldi.net/tags/FollowerPower" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FollowerPower</span></a> </p><p>Please, answer how you solve it and what you think about Tag Cloud. </p><p>Please, If you disagree in Tag Cloud, tell why.</p><p>For users with impairment/disabilities a Tag Cloud:</p>
R. L. Dane :Debian:<p><span class="h-card"><a href="https://alpha.polymaths.social/@dm" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>dm</span></a></span> <span class="h-card"><a href="https://mastodon.social/@RadioAzureus" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>RadioAzureus</span></a></span> <span class="h-card"><a href="https://alpha.polymaths.social/@amin" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>amin</span></a></span> <span class="h-card"><a href="https://alpha.polymaths.social/@joelchrono" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>joelchrono</span></a></span> <span class="h-card"><a href="https://alpha.polymaths.social/@thedoctor" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>thedoctor</span></a></span> <span class="h-card"><a href="https://alpha.polymaths.social/@ivan" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>ivan</span></a></span> <span class="h-card"><a href="https://topspicy.social/@ddlyh" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>ddlyh</span></a></span> <span class="h-card"><a href="https://alpha.polymaths.social/@spaceraser" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>spaceraser</span></a></span></p><p>Yeah. I feel the same.</p><p>Stuff like librefox/wolf and ZenBrowser are great, but if Mozilla goes toes-up, those forks won't be particularly maintainable.</p><p>Maybe we need something between <a href="https://alpha.polymaths.social/tags/gemini" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Gemini</span></a> and the Web now, like... SpaceShuttleProtocol? lol<br>(Or just <a href="https://alpha.polymaths.social/tags/nojs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>NoJS</span></a>)</p>
Ana Tudor 🐯<p>Here's a little fun <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>noJS</span></a> challenge: how would you code this?</p><p>Background behind heading is transparent and cutout with rounded corners depends on text heading length.</p><p>My solution on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span>: <a href="https://codepen.io/thebabydino/pen/ZEdvbRK" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/ZEd</span><span class="invisible">vbRK</span></a></p><p>Can you guess how I did it before checking the code? 😼</p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <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/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a></p>
Ana Tudor 🐯<p>If you like this kind of stuff, pure <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> on <a href="https://mastodon.social/tags/scroll" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>scroll</span></a> effects, you can find tens more under this tag 🏷️ on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span> </p><p> 🪄<br><a href="https://codepen.io/thebabydino/pens/tags/?selected_tag=css-scroll-animation" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pens/ta</span><span class="invisible">gs/?selected_tag=css-scroll-animation</span></a> <br>✨ </p><p><a href="https://mastodon.social/tags/scroll" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>scroll</span></a> <a href="https://mastodon.social/tags/scrollAnimation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>scrollAnimation</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>noJS</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <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/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a></p>
Kevin Karhan :verified:<p>Whoever at <span class="h-card" translate="no"><a href="https://respublicae.eu/@EUCouncil" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>EUCouncil</span></a></span> decided to install <a href="https://infosec.space/tags/ClownFlare" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ClownFlare</span></a>-like, <a href="https://infosec.space/tags/ableist" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ableist</span></a> bs like this deserves to get fired!</p><ul><li>This shit should be illegal, because <a href="https://infosec.space/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> like that is at best <a href="https://infosec.space/tags/bricking" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>bricking</span></a> <a href="https://infosec.space/tags/ScreenReaders" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ScreenReaders</span></a> and is rather <a href="https://infosec.space/tags/malware" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>malware</span></a> IMHO!</li></ul><p>Espechally since there is no <em>"<a href="https://infosec.space/tags/LegitimateInterest" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LegitimateInterest</span></a>"</em> for blocking <span class="h-card" translate="no"><a href="https://mastodon.social/@torproject" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>torproject</span></a></span> / <a href="https://infosec.space/tags/Tor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tor</span></a> users from accessing i.e. press releases anonymously!</p><p>FIX THAT SHIT - NOW!<br><a href="https://www.consilium.europa.eu" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">consilium.europa.eu</span><span class="invisible"></span></a></p><p><a href="https://infosec.space/tags/noJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>noJS</span></a></p>
Ana Tudor 🐯<p>1⃣1⃣ Pure CSS 1 div animated 🌈 ∞ logo <br><a href="https://codepen.io/thebabydino/pen/zRZKxK" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/zRZ</span><span class="invisible">KxK</span></a></p><p>Also has a video of me live coding it.</p><p><a href="https://mastodon.social/tags/CodePen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodePen</span></a> <a href="https://mastodon.social/tags/geometry" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>geometry</span></a> <a href="https://mastodon.social/tags/maths" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>maths</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>noJS</span></a> <a href="https://mastodon.social/tags/transform" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>transform</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <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/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/cssGradient" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssGradient</span></a> <a href="https://mastodon.social/tags/cssVariable" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssVariable</span></a></p>
Ana Tudor 🐯<p>1⃣0⃣ Pure CSS 🌟🎄 animation <a href="https://codepen.io/thebabydino/pen/bGwYVOm" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/bGw</span><span class="invisible">YVOm</span></a></p><p>This one also has a video of me live coding it.</p><p><a href="https://mastodon.social/tags/3D" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>3D</span></a> <a href="https://mastodon.social/tags/CodePen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodePen</span></a> <a href="https://mastodon.social/tags/geometry" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>geometry</span></a> <a href="https://mastodon.social/tags/maths" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>maths</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>noJS</span></a> <a href="https://mastodon.social/tags/transform" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>transform</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <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/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a></p>
Ana Tudor 🐯<p>We can simplify things further to not even include a wave animation. Instead, the 3D surface is static in this case.</p><p>Live on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>codepen</span></a></span> <a href="https://codepen.io/thebabydino/pen/gOzGEqb" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/gOz</span><span class="invisible">GEqb</span></a></p><p>Basically, we don't have<br>z = f(x, y, t)<br>but<br>z = f(x, y)<br>because the surface shape doesn't change in time anymore.</p><p><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/3D" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>3D</span></a> <a href="https://mastodon.social/tags/pureCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pureCSS</span></a> <a href="https://mastodon.social/tags/noJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>noJS</span></a> <a href="https://mastodon.social/tags/Maths" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Maths</span></a> <a href="https://mastodon.social/tags/geometry" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>geometry</span></a> <a href="https://mastodon.social/tags/Mathematics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mathematics</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/surface" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>surface</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/function" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>function</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a></p>
TrendingLive feeds
About