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:

269
active users

#webdev

24 posts24 participants1 post today
JohnW<p>As a small time, small town web developer, I plan to amend my website intro saying something like: "I don't use AI, I won't use AI to create or supplement images, video, content. etc... etc...</p><p><a href="https://indieweb.social/tags/Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Web</span></a> <a href="https://indieweb.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://indieweb.social/tags/noAI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>noAI</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: New Sci-Fi <a href="https://ift.tt/tnliYxR" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/tnliYxR</span><span class="invisible"></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/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodeNewbie</span></a></p>
Thomas Weibel<p><a href="https://swiss.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a>¹ v0.2 published! </p><p><a href="https://www.thomasweibel.ch/solar-system4/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">thomasweibel.ch/solar-system4/</span><span class="invisible"></span></a> </p><p>¹Cascading Solar System </p><p><a href="https://swiss.social/tags/astronomy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>astronomy</span></a> <a href="https://swiss.social/tags/astrophysics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>astrophysics</span></a> <a href="https://swiss.social/tags/space" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>space</span></a> <a href="https://swiss.social/tags/nasa" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nasa</span></a> <a href="https://swiss.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://swiss.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://swiss.social/tags/webapp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webapp</span></a> <a href="https://swiss.social/tags/solarsystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>solarsystem</span></a> <a href="https://swiss.social/tags/opendata" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opendata</span></a> <span class="h-card" translate="no"><a href="https://mastodon.social/@OpendataCH" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>OpendataCH</span></a></span> <span class="h-card" translate="no"><a href="https://w3c.social/@w3c" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>w3c</span></a></span></p>
TRSakib<p>🌸Just as a flower blooms slowly, an idea grows with patience.<br>Some find beauty in code, some in leaves, others in the depths of a flower.<br>If you are one of them — let’s grow together and stay connected.🌱</p><p><a href="https://mastodon.social/tags/development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>development</span></a> <a href="https://mastodon.social/tags/nature" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nature</span></a> <a href="https://mastodon.social/tags/beauty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>beauty</span></a> <a href="https://mastodon.social/tags/love" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>love</span></a> <a href="https://mastodon.social/tags/cute" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cute</span></a> <a href="https://mastodon.social/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>react</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/nice" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nice</span></a> <a href="https://mastodon.social/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a></p>
alexandra<p>happy <a href="https://tilde.zone/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> day! if you’re into meeting some new friends also into webweaving, find an <a href="https://html.energy/html-day/2025/index.html" rel="nofollow noopener" target="_blank">in-person event</a> near you to free-write code with others!~ all over the world! (there’s also an online meetup!)</p><p><a href="https://tilde.zone/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://tilde.zone/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a> <a href="https://tilde.zone/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallWeb</span></a></p>
DjangoCon US :django: :python:<p>🎉 The DjangoCon US 2025 schedule is officially here!</p><p><a href="https://2025.djangocon.us/news/announcing-schedule-dcus/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">2025.djangocon.us/news/announc</span><span class="invisible">ing-schedule-dcus/</span></a> </p><p>📅 Talks: Sept 8-10<br>🛠️ Sprints: Sept 11-12</p><p>Exciting sessions lined up including "Django for AI" and "Building maintainable Django projects"! </p><p>🎤 Keynote speakers to be announced soon - stay tuned!</p><p><a href="https://fosstodon.org/tags/DjangoConUS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DjangoConUS</span></a> <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Django</span></a> <a href="https://fosstodon.org/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Python</span></a> <a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://fosstodon.org/tags/Conference2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Conference2025</span></a></p>
Tom :damnified:<p>Automatic dark mode for Drawio diagrams using CSS filters</p><p><a href="https://thomas-leister.de/en/dark-mode-for-drawio-diagrams/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">thomas-leister.de/en/dark-mode</span><span class="invisible">-for-drawio-diagrams/</span></a></p><p>I recently found a nice CSS-based solution to give my Draw.io graphics in my blog an automatic dark mode.</p><p><a href="https://metalhead.club/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://metalhead.club/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://metalhead.club/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://metalhead.club/tags/development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>development</span></a> <a href="https://metalhead.club/tags/blog" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>blog</span></a> <a href="https://metalhead.club/tags/drawio" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>drawio</span></a> <a href="https://metalhead.club/tags/diagram" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>diagram</span></a></p>
Joe Crawford<p>We talked about <a href="https://xoxo.zone/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a>, tried to understand how Apple Live Text works in Safari, I got more todos as I try to understand what makes good markup for accessible comics, and lots of other great stuff. <a href="https://xoxo.zone/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieWeb</span></a> <a href="https://xoxo.zone/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> Thanks for joining! <a href="https://indieweb.org/events/2025-07-31-front-end-study-hall" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">indieweb.org/events/2025-07-31</span><span class="invisible">-front-end-study-hall</span></a></p>
HortusFox<p>HortusFox is a great software to support your plant parenting. </p><p>But who's actually behind the project?</p><p>Well, see the following video:</p><p><a href="https://www.youtube.com/watch?v=kEtMHjck5tY" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">youtube.com/watch?v=kEtMHjck5tY</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/foss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>foss</span></a> <a href="https://mastodon.social/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</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/indiedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indiedev</span></a> <a href="https://mastodon.social/tags/plants" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>plants</span></a> <a href="https://mastodon.social/tags/botany" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>botany</span></a> <a href="https://mastodon.social/tags/horticulture" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>horticulture</span></a> <a href="https://mastodon.social/tags/gardening" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gardening</span></a> <a href="https://mastodon.social/tags/mentalhealth" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mentalhealth</span></a> <a href="https://mastodon.social/tags/capitalism" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>capitalism</span></a> <a href="https://mastodon.social/tags/inclusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>inclusion</span></a></p>
DjangoCon US :django: :python:<p>🎉 Exciting news! Zags (Benjamin Zagorsky) is our 2nd of 3 keynote speakers at DjangoCon US 2025 🚀</p><p>He'll be sharing innovative ways to use Django that you might not have considered. This marks Zags' fifth year speaking at the conference! </p><p><a href="https://2025.djangocon.us/news/keynote-zags/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">2025.djangocon.us/news/keynote</span><span class="invisible">-zags/</span></a></p><p><a href="https://fosstodon.org/tags/DjangoConUS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DjangoConUS</span></a> <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Django</span></a> <a href="https://fosstodon.org/tags/Python" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Python</span></a> <a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://fosstodon.org/tags/Tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tech</span></a> <a href="https://fosstodon.org/tags/Conference2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Conference2025</span></a></p>
Tom Seidel<p><a href="https://mastodon.social/tags/PastPuzzle" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PastPuzzle</span></a> improved in <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a></p><p>As a developer, I try to make my software as accessible as possible for everyone. Unfortunately, I often lack a view from the user's perspective. I received a list from <span class="h-card" translate="no"><a href="https://a11y.social/@dankeck" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>dankeck</span></a></span> with at least 10 suggestions for improvements, most of which I implemented in one night as if in a fever dream. The game is probably still a long way from being a screen reader user's dream, but I'm doing my best. Step by step! <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/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a></p><p><a href="https://www.pastpuzzle.de/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">pastpuzzle.de/</span><span class="invisible"></span></a></p>
Xavier 🌻<p>I have been working on a website dedicated to binary trans men for a few weeks now, and I finally feel ready to make it live.</p><p><a href="https://transmen.online" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">transmen.online</span><span class="invisible"></span></a></p><p>I am so exhausted from developing the website; if you want more info, please refer to the pages listed in the Navigation section.</p><p>My vision for this is to create an online collective for binary trans men that acts as a community, archive, and creative space.</p><p>I am only just now getting it up off the ground. As you can see, there's a lot of content to add and development to be done.</p><p>I made this website after years of feeling like I had no space online that reflected me, my viewpoints, and my experiences. If you have felt similarly, it would mean a lot if you checked the site out.</p><p>I haven't had the time to set it up yet, but I will probably make a private Discord sever to go along with the website also.</p><p>Thanks! (And please boost! :BlobCat_Blush:)</p><p><a href="https://sunny.garden/tags/trans" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>trans</span></a> <a href="https://sunny.garden/tags/transmen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>transmen</span></a> <a href="https://sunny.garden/tags/transman" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>transman</span></a> <a href="https://sunny.garden/tags/transmale" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>transmale</span></a> <a href="https://sunny.garden/tags/ftm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ftm</span></a> <a href="https://sunny.garden/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Xavier 🌻<p>nearly done getting all the disclaimers etc written up for the trans men website</p><p>here's some pages: </p><p><a href="https://transmen.online/rules" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">transmen.online/rules</span><span class="invisible"></span></a></p><p><a href="https://transmen.online/exclusion" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">transmen.online/exclusion</span><span class="invisible"></span></a></p><p>I'd be curious to hear people's thoughts</p><p><a href="https://sunny.garden/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://sunny.garden/tags/transman" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>transman</span></a> <a href="https://sunny.garden/tags/transmen" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>transmen</span></a> <a href="https://sunny.garden/tags/ftm" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ftm</span></a></p>
Corbin Davenport<p>Servo was supposed to be the future rendering engine for Firefox, but now it's an independent project. I tried it out and it's pretty impressive! <a href="https://toot.community/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://toot.community/tags/firefox" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>firefox</span></a></p><p><a href="https://www.spacebar.news/servo-undercover-web-browser-engine/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">spacebar.news/servo-undercover</span><span class="invisible">-web-browser-engine/</span></a></p>
Chris Ferdinandi ⚓️<p>⚓️ New Article: What order do web components instantiate in? <a href="https://ift.tt/P1FMrE4" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ift.tt/P1FMrE4</span><span class="invisible"></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/FrontEndDeveloper" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEndDeveloper</span></a> <a href="https://mastodon.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://mastodon.social/tags/CodeNewbie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CodeNewbie</span></a></p>
HortusFox<p>🚀 HortusFox v5.2 released!</p><p>View changelog here:<br><a href="https://github.com/danielbrendel/hortusfox-web/tree/v5.2" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/danielbrendel/hortu</span><span class="invisible">sfox-web/tree/v5.2</span></a></p><p>💚 Thank you for flying with HortusFox</p><p><a href="https://mastodon.social/tags/foss" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>foss</span></a> <a href="https://mastodon.social/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>opensource</span></a> <a href="https://mastodon.social/tags/selfhosted" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>selfhosted</span></a> <a href="https://mastodon.social/tags/selfhosting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>selfhosting</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/php" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>php</span></a> <a href="https://mastodon.social/tags/plants" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>plants</span></a> <a href="https://mastodon.social/tags/gardening" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gardening</span></a> <a href="https://mastodon.social/tags/botany" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>botany</span></a> <a href="https://mastodon.social/tags/horticulture" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>horticulture</span></a> <a href="https://mastodon.social/tags/agriculture" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>agriculture</span></a> <a href="https://mastodon.social/tags/houseplants" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>houseplants</span></a> <a href="https://mastodon.social/tags/indoorplants" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>indoorplants</span></a> <a href="https://mastodon.social/tags/outdoorplants" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>outdoorplants</span></a> <a href="https://mastodon.social/tags/nature" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>nature</span></a></p>
Richard MacManus<p>Very informative post about JavaScript runtimes by <span class="h-card" translate="no"><a href="https://techhub.social/@shirakaba" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>shirakaba</span></a></span>. <a href="https://buttondown.com/whatever_jamie/archive/the-many-many-many-javascript-runtimes-of-the-last-decade/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">buttondown.com/whatever_jamie/</span><span class="invisible">archive/the-many-many-many-javascript-runtimes-of-the-last-decade/</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a></p>
Anthony Bosio<p>PSA: I just got a notice from my registrar that "Starting August 21, 2025, a change in ICANN policy may affect how your domain ownership is recorded. In your Domain Contacts, any organization listed in the Company Name field will be considered the ‘Registered Name Holder’ and the legal owner of the domain."</p><p>So you might want to check domains your own to make sure any Company Name listed is what you want and a valid legal entity.</p><p><a href="https://fosstodon.org/tags/SelfHosting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SelfHosting</span></a> <a href="https://fosstodon.org/tags/IndieWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>IndieWeb</span></a> <a href="https://fosstodon.org/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SmallWeb</span></a> <a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p>
DjangoCon US :django: :python:<p>Can't wait! 🚀</p><p><a href="https://2025.djangocon.us/news/keynote-carson/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">2025.djangocon.us/news/keynote</span><span class="invisible">-carson/</span></a><br>1</p><p><a href="https://fosstodon.org/tags/DjangoCon2025" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DjangoCon2025</span></a> <a href="https://fosstodon.org/tags/Django" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Django</span></a> <a href="https://fosstodon.org/tags/HTMX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMX</span></a> <a href="https://fosstodon.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p>
AmyFou 🕊️<p>what controls when submenus open downward vs when they open upward? </p><p>Here on the 'don, my 'emojis' submenu typically opens downward (boo - it often goes past the bottom of the screen) on a first try, and upward (yay! always works) on a second try.</p><p>Screencaps from a submenu in calendly.com that opens downward (yay! all options visible!) when it's the at the top of a list, but upwards (boo! opens *behind* a spacer that obscures several options).</p><p><a href="https://lingo.lol/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://lingo.lol/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdev</span></a> <a href="https://lingo.lol/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://lingo.lol/tags/sorcery" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sorcery</span></a> <a href="https://lingo.lol/tags/oops" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>oops</span></a></p>