shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.

Administered by:

Server stats:

288
active users

#css3

0 posts0 participants0 posts today
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://social.vivaldi.net/@ajsadauskas" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>ajsadauskas</span></a></span> <span class="h-card" translate="no"><a href="https://infosec.exchange/@JessTheUnstill" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>JessTheUnstill</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.world/@tomiahonen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>tomiahonen</span></a></span> yes, and to <em>add insult to injury</em> <a href="https://infosec.space/tags/Mozilla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mozilla</span></a> didn't even wanted to sell people like <span class="h-card" translate="no"><a href="https://oxytodon.com/@fuchsiii" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>fuchsiii</span></a></span> or me a <a href="https://infosec.space/tags/FirefoxOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FirefoxOS</span></a> device, with the only one being <em>"launched"</em> in the <a href="https://infosec.space/tags/EU" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EU</span></a> being a <a href="https://infosec.space/tags/SimLock" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SimLock</span></a>'d &amp; <a href="https://infosec.space/tags/NetLock" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NetLock</span></a>'d <a href="https://infosec.space/tags/prepaid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>prepaid</span></a> phone in <a href="https://infosec.space/tags/Spain" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Spain</span></a> one could only attain in-store with all the <em>"<a href="https://infosec.space/tags/KYC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>KYC</span></a>"</em> nonsense they had, demanding a legal address in Spain back then.</p><ul><li>So whilst Firefox OS had the <em>most "<a href="https://infosec.space/tags/accessible" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessible</span></a>"</em> <a href="https://infosec.space/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://infosec.space/tags/tools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tools</span></a> (literally using <a href="https://infosec.space/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a> for it and having <em>every <a href="https://infosec.space/tags/App" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>App</span></a></em> as <a href="https://infosec.space/tags/WebView" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebView</span></a>|s / <a href="https://infosec.space/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a>+<a href="https://infosec.space/tags/JS5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS5</span></a>+<a href="https://infosec.space/tags/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a> files in a container), they didn't even sold <em>us</em> said devices, making it a worse flop than <a href="https://infosec.space/tags/UbuntuTouch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UbuntuTouch</span></a> which at least still gets some devices made that support it...</li></ul><p>And <a href="https://infosec.space/tags/nerds" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nerds</span></a> like myself are far from the <em>"<a href="https://infosec.space/tags/consoomer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>consoomer</span></a> <a href="https://infosec.space/tags/Normies" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Normies</span></a>"</em> for whom stuff that isn't on shelves at Staturn/MediaMarkt, BestBuy, Walmart, ... doesn't exist. I'm used to importing <a href="https://infosec.space/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a> that I want!</p><ul><li>Feels even more <a href="https://www.youtube.com/watch?v=0DSGq9FQKU4" rel="nofollow noopener noreferrer" target="_blank">half-assed</a> than <a href="https://infosec.space/tags/MobileCoin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MobileCoin</span></a> in hindsight…</li></ul>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://kitty.social/@Linux" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Linux</span></a></span> <span class="h-card" translate="no"><a href="https://kitty.social/@breadcat" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>breadcat</span></a></span> <span class="h-card" translate="no"><a href="https://kitty.social/@tertle950" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>tertle950</span></a></span> the Problem ain't <a href="https://kitty.social/notes/a1kwi0b7be9z19jq" rel="nofollow noopener noreferrer" target="_blank">web standards</a>, far from it!</p><ul><li><span class="h-card" translate="no"><a href="https://mastodon.social/@torproject" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>torproject</span></a></span> / <a href="https://infosec.space/tags/TorBroeser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TorBroeser</span></a> per default can do all the fancy <a href="https://infosec.space/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a> / <a href="https://infosec.space/tags/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a> / <a href="https://infosec.space/tags/JS6" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS6</span></a> stuff anyone wants because it's just <a href="https://infosec.space/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Firefox</span></a> with <a href="https://infosec.space/tags/Tor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tor</span></a> bolted into the inlet &amp; exhaust.</li></ul><p>The only issue I can see are assholes blocking Tor and that is IMHO illegal and beeds to be penalized...</p>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://chaos.social/@frumble" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>frumble</span></a></span> Und <a href="https://chaos.social/@frumble/113518031698361744" rel="nofollow noopener noreferrer" target="_blank">deiner Kritik</a> stimme ich nur zu Teil zu.</p><ul><li>Unter anderem weil's nicht einfach <em>glorifizierte Shortcuts</em> sind, sondern auch lokal gespeicherte Daten sind und alles als <a href="https://infosec.space/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a> + <a href="https://infosec.space/tags/JS6" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS6</span></a> + <a href="https://infosec.space/tags/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a> - Struktur aufgebaut ist, inklusive zentraler <a href="https://infosec.space/tags/Apps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Apps</span></a> wie Telefonie und Taschenrechner.</li></ul><p>Das erlaubt ein sehr sauberes und durchaus flinkes System und die Möglichkeit, alle System-Apps nach bedarf zu restylen und so Dinge wie <a href="https://infosec.space/tags/Verschl%C3%BCsselung" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Verschlüsselung</span></a> bei <a href="https://infosec.space/tags/SMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SMS</span></a> transparent umzusetzen.</p><ul><li>Damit sind Lösungen alla <a href="https://en.wikipedia.org/wiki/TextSecure" rel="nofollow noopener noreferrer" target="_blank">TextSecure</a> trivialst nativ integrierbar...</li></ul>
Kevin Karhan :verified:<p><span class="h-card" translate="no"><a href="https://missiletest.site/users/Ariri" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Ariri</span></a></span> unless you want custom-engineer your own <a href="https://infosec.space/tags/Markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Markdown</span></a> -&gt; <a href="https://infosec.space/tags/LaTeX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LaTeX</span></a> -&gt; <a href="https://infosec.space/tags/Ghostscript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Ghostscript</span></a> pipeline like <span class="h-card" translate="no"><a href="https://oxytodon.com/@fuchsiii" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>fuchsiii</span></a></span> did, consider <a href="https://infosec.space/tags/MkDocs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MkDocs</span></a> as an <a href="https://www.mkdocs.org" rel="nofollow noopener noreferrer" target="_blank">easy solution to turn Markdown files</a> into sleek <a href="https://infosec.space/tags/documentation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>documentation</span></a> with <a href="https://www.mkdocs.org/getting-started/" rel="nofollow noopener noreferrer" target="_blank">minimal configuration needed</a>.</p><ul><li>I've set it up multiple times and by just <a href="https://www.mkdocs.org/user-guide/configuration/#docs_dir" rel="nofollow noopener noreferrer" target="_blank">changing the</a> <code>docs_dir</code> to like <code>source</code> and the <code>site_dir</code> <a href="https://www.mkdocs.org/user-guide/configuration/#site_dir" rel="nofollow noopener noreferrer" target="_blank">to</a> <code>docs</code> you can use <a href="https://infosec.space/tags/GithubPages" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GithubPages</span></a> for <a href="https://infosec.space/tags/hosting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hosting</span></a> said <a href="https://infosec.space/tags/documentation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>documentation</span></a>...</li></ul><p>That should provide you with an easy way to present stuff in an intuitive way...</p><ul><li>Also proper <a href="https://infosec.space/tags/documentation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>documentation</span></a> is nice and <a href="https://en.wikipedia.org/wiki/Markdown" rel="nofollow noopener noreferrer" target="_blank">Markdown</a> is <a href="https://www.markdownguide.org/cheat-sheet/" rel="nofollow noopener noreferrer" target="_blank">very easy to write and edit</a> with <a href="https://vscodium.com" rel="nofollow noopener noreferrer" target="_blank">Editors like</a> <a href="https://infosec.space/tags/Codium" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Codium</span></a> a direct &amp; instant preview.</li></ul><p>I myself can't he assed writing <a href="https://infosec.space/tags/HTML5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML5</span></a> / <a href="https://infosec.space/tags/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a> / <a href="https://infosec.space/tags/JS6" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS6</span></a> or wahtever <a href="https://infosec.space/tags/cursed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cursed</span></a> <a href="https://infosec.space/tags/WebApp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebApp</span></a> <a href="https://infosec.space/tags/TechStack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TechStack</span></a> is trendy tthese days so I use <a href="https://infosec.space/tags/MkDocs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MkDocs</span></a> all the time...</p>
CSS by T. Afif :verified:<p>Am I the only one not excited about the new versioning thing of CSS? CSS4, CSS5, CSS10!</p><p>I don't think I will get used to that 😖</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/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a> <a href="https://front-end.social/tags/CSS4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS4</span></a> <a href="https://front-end.social/tags/CSS5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS5</span></a> <a href="https://front-end.social/tags/CSS6" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS6</span></a></p>
David Megginson<p>My DIY circular slide rule side project — an excuse to improve my knowledge of CSS3 transitions and SVG — progresseth apace.</p><p>There is now a simple version (just multiplication and subtraction) and an advanced version (square and cube roots). It will also animate the solutions to random basic problems on either.</p><p>Coming soon:</p><ul><li><p>advanced problems</p></li><li><p>DIY printables and instructions for assembling your own</p></li><li><p>detailed instructions</p></li></ul><p><a href="https://davidmegginson.github.io/cardboard-computer/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">davidmegginson.github.io/cardb</span><span class="invisible">oard-computer/</span></a></p><p><a href="https://mstdn.ca/tags/sliderules" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sliderules</span></a> <a href="https://mstdn.ca/tags/DIY" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DIY</span></a> <a href="https://mstdn.ca/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mstdn.ca/tags/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a></p>
Luke Dorny<p>Hey, <span class="h-card"><a href="https://front-end.social/@leaverou" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>leaverou</span></a></span> is going lean!</p><p><a href="https://lea.verou.me/blog/2023/going-lean/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">lea.verou.me/blog/2023/going-l</span><span class="invisible">ean/</span></a><br><a href="https://typo.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://typo.social/tags/css3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css3</span></a> <a href="https://typo.social/tags/redesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>redesign</span></a> <a href="https://typo.social/tags/www" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>www</span></a> <a href="https://typo.social/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://typo.social/tags/html5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html5</span></a></p>
ajaxStardust<p>I've had this "CSS Crib Sheet" for probably 15+ years. I can't remember where it came from originally. If You know, please advise so I can add the correct citation. </p><p>Also, any <a href="https://social.vivaldi.net/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> gurus out there care to help me bring it up to speed w/ <a href="https://social.vivaldi.net/tags/CSS3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS3</span></a>? Even though it's old, some of the tips remain valuable:</p><p><a href="https://wordpresscenter.net/css-crib-sheet/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">wordpresscenter.net/css-crib-s</span><span class="invisible">heet/</span></a></p><p><span class="h-card"><a href="https://social.vivaldi.net/@Vivaldi" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Vivaldi</span></a></span> <span class="h-card"><a href="https://social.vivaldi.net/@Catweazle" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Catweazle</span></a></span> <span class="h-card"><a href="https://chirp.social/@Perl" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Perl</span></a></span> <span class="h-card"><a href="https://chirp.social/@not_wordpress" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>not_wordpress</span></a></span> </p><p>Cheers!</p>
benteh<p>what is the point of <a href="https://mastodon.social/tags/modernizr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modernizr</span></a> in this age? </p><p>i don't even know how to use it – it feels pointless? i'm not supporting the stone age browsers.</p><p>tell me why i'm wrong?</p><p> <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/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/css3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css3</span></a> <a href="https://mastodon.social/tags/progressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>progressiveEnhancement</span></a></p>
Luke Dorny<p>Great chat <span class="h-card"><a href="https://mastodon.social/@Brilliantcrank" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Brilliantcrank</span></a></span> </p><p>Bring back <a href="https://typo.social/tags/BeOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BeOS</span></a>, innovative <a href="https://typo.social/tags/blog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blog</span></a> design, <a href="https://typo.social/tags/html5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html5</span></a> and <a href="https://typo.social/tags/css3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css3</span></a> basics that we championed in 2000s, and grassroots internet systems driven by passion.</p>
🌮 Dave Millar 🌮<p>‪Open source af. <a href="https://puz.fun/tags/indieweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>indieweb</span></a> <a href="https://puz.fun/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://puz.fun/tags/css3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css3</span></a> <a href="https://puz.fun/tags/web2pointoh" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web2pointoh</span></a> <a href="https://puz.fun/tags/fireemoji" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fireemoji</span></a> <a href="https://puz.fun/tags/hashtagzzzzz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hashtagzzzzz</span></a> ‬</p>