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:

292
active users

#responsive

0 posts0 participants0 posts today
Ultra Verified<p>Pro Tip for conservatives who are confused. </p><p>Praying to <a href="https://mastodon.sdf.org/tags/god" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>god</span></a> or <a href="https://mastodon.sdf.org/tags/trump" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>trump</span></a> or <a href="https://mastodon.sdf.org/tags/republicans" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>republicans</span></a> to save you from <a href="https://mastodon.sdf.org/tags/floods" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>floods</span></a>, <a href="https://mastodon.sdf.org/tags/wildfires" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wildfires</span></a>, <a href="https://mastodon.sdf.org/tags/tornadoes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tornadoes</span></a>, <a href="https://mastodon.sdf.org/tags/disease" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>disease</span></a> doesn't work.</p><p><a href="https://mastodon.sdf.org/tags/science" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>science</span></a> <a href="https://mastodon.sdf.org/tags/knowledge" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>knowledge</span></a> and a <a href="https://mastodon.sdf.org/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>responsive</span></a> <a href="https://mastodon.sdf.org/tags/government" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>government</span></a> that actually cares about your health and welfare is the way a <a href="https://mastodon.sdf.org/tags/civilized" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>civilized</span></a> society responds to threats against you and your loved ones.</p>
Serhiy Barhamon<p>Hey, <a href="https://mas.to/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> people. <br>I am going to file a bug to <a href="https://mas.to/tags/Safari" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Safari</span></a> (the picture does not respect the source with display-mode: fullscreen).</p><p>Can you check the code (20 lines of HTML) to see if it makes sense <a href="https://barhamon.com/safari.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">barhamon.com/safari.html</span><span class="invisible"></span></a>?<br> If you click anywhere on the page, it will get fullscreen and greenish in every <a href="https://mas.to/tags/browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>browser</span></a> except Safari. In Safari, it just gets fullscreen. </p><p><a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://mas.to/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>responsive</span></a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a></p>
Josh Renaud<p>I’m so disappointed in the design of the new Apple Sports app, which does not degrade gracefully on smaller screen sizes, like my iPhone SE2.</p><p>Apple used to get this stuff right.</p><p><a href="https://mastodon.social/tags/apple" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>apple</span></a> <a href="https://mastodon.social/tags/apps" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>apps</span></a> <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ux</span></a> <a href="https://mastodon.social/tags/iphone" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iphone</span></a> <a href="https://mastodon.social/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>responsive</span></a> <a href="https://mastodon.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://mastodon.social/tags/sports" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sports</span></a></p>
Cloud Four<p>Hello, fediverse! 👋🐘</p><p>We’re Cloud Four, a small but mighty agency founded in the Pacific Northwest. 🌥🌲</p><p>We solve complex responsive web design and development challenges for ecommerce, healthcare, fashion, B2B, SaaS, and nonprofit organizations. ✨📱</p><p><a href="https://cloudfour.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">cloudfour.com/</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/Introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Introduction</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Responsive</span></a> <a href="https://mastodon.social/tags/Ecommerce" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Ecommerce</span></a> <a href="https://mastodon.social/tags/Performance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Performance</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/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a></p>
Tyler Sticka<p>Hey, web friends! It’s been a slow year for us at Cloud Four, and we could really use some help filling out our project schedule. <a href="https://cloudfour.com/thinks/help-us-find-our-next-project/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cloudfour.com/thinks/help-us-f</span><span class="invisible">ind-our-next-project/</span></a></p><p>If you’ve ever enjoyed our work, articles or talks, please consider reaching out or sharing us with anyone who might need <a href="https://mastodon.social/tags/Responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Responsive</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Performance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Performance</span></a> <a href="https://mastodon.social/tags/Ecommerce" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Ecommerce</span></a> expertise. (Boosts appreciated!)</p>
James Dreben :mw:<p><a href="https://mastodon.world/tags/Typst" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Typst</span></a>, the new <a href="https://mastodon.world/tags/writing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>writing</span></a> tool dubbed "an alternative to <a href="https://mastodon.world/tags/LaTeX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LaTeX</span></a>", was <a href="https://mastodon.world/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a>'d a couple of days ago.</p><p><span class="h-card"><a href="https://scholar.social/@tarleb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>tarleb</span></a></span> / <span class="h-card"><a href="https://fosstodon.org/@pandoc" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>pandoc</span></a></span> wrote a great article on it I recommend anyone interested read. Shoutout to <span class="h-card"><a href="https://hachyderm.io/@maegul" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>maegul</span></a></span> for collab &amp; <a href="https://mastodon.world/tags/Pandoc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Pandoc</span></a></p><p><a href="https://tarleb.com/posts/typst-musings" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="">tarleb.com/posts/typst-musings</span><span class="invisible"></span></a></p><p><a href="https://typst.app/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="">typst.app/</span><span class="invisible"></span></a></p><p>"The greatest value I see [in Typst] is in the <a href="https://mastodon.world/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>responsive</span></a> <a href="https://mastodon.world/tags/interactive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>interactive</span></a>, and even <a href="https://mastodon.world/tags/collaborative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>collaborative</span></a> <a href="https://mastodon.world/tags/styling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>styling</span></a> of <a href="https://mastodon.world/tags/PDFs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PDFs</span></a>." </p><p>I love LaTeX but to lower the barrier and enable people to write <a href="https://mastodon.world/tags/math" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>math</span></a>/ <a href="https://mastodon.world/tags/science" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>science</span></a>/ <a href="https://mastodon.world/tags/journalism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>journalism</span></a> is 👍</p>
Matt Knight<p>Working on the new website build and need size <a href="https://mastodon.knight.fyi/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>responsive</span></a> components - ie elements that change style based on their own size, not the browser window size. Kinda surprised in 2022 I can’t do this in <a href="https://mastodon.knight.fyi/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> but fortunately I can with <a href="https://mastodon.knight.fyi/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> in <a href="https://mastodon.knight.fyi/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>react</span></a>.</p>
Alexis Degryse<p><a href="https://h4.io/tags/introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>introduction</span></a> </p><p>Je m’appelle Alexis, j’ai la chance d’exercer le métier d’intégrateur web depuis 13 ans. Je suis dingue de <a href="https://h4.io/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> et <a href="https://h4.io/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> depuis toujours. J’adore discuter de <a href="https://h4.io/tags/s%C3%A9mantique" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sémantique</span></a>, d’<a href="https://h4.io/tags/accessibilit%C3%A9" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibilité</span></a>, de <a href="https://h4.io/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>responsive</span></a>, d’<a href="https://h4.io/tags/ergonomie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ergonomie</span></a>, de <a href="https://h4.io/tags/SEO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SEO</span></a>, d’<a href="https://h4.io/tags/animations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animations</span></a>. </p><p>Si mon profil vous intéresse : <a href="https://alexis-degryse.com" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="">alexis-degryse.com</span><span class="invisible"></span></a> (expériences, projets, formations, certifs - coucou <span class="h-card"><a href="https://mastodon.cloud/@Opquast" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Opquast</span></a></span> et Access42 ❤️).</p><p>Côté perso, j'ai 33 ans, marié, papa, joueur 🎮, baigné dans la culture populaire japonaise des années 90.</p>