eupolicy.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
This Mastodon server is a friendly and respectful discussion space for people working in areas related to EU policy. When you request to create an account, please tell us something about you.

Server stats:

196
active users

#html

31 posts28 participants5 posts today
Inautilo<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/Tutorials" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Tutorials</span></a><br>Alt text button for website images · A way to make alt texts accessible to everyone <a href="https://ilo.im/166ekj" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166ekj</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Images" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Images</span></a> <a href="https://mastodon.social/tags/AltText" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AltText</span></a> <a href="https://mastodon.social/tags/Button" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Button</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</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/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Frontend Dogma<p>You No Longer Need JavaScript, by @rebane2001.bsky.social:</p><p><a href="https://lyra.horse/blog/2025/08/you-dont-need-js/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">lyra.horse/blog/2025/08/you-do</span><span class="invisible">nt-need-js/</span></a></p><p><a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mas.to/tags/examples" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>examples</span></a></p>
Inautilo<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/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Techniques</span></a><br>CSS elevator · A pure CSS state machine with floor navigation <a href="https://ilo.im/166hlb" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166hlb</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Elevator" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Elevator</span></a> <a href="https://mastodon.social/tags/StateMachine" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StateMachine</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accessibility</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/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</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/CustomProperties" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CustomProperties</span></a> <a href="https://mastodon.social/tags/CssClamp" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssClamp</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Techniques</span></a></p>
Eric Mächler 🖖<p>Wie programmiere ich ein DropDown Form Select Element mit Icon?<br><a href="https://www.chefblogger.me/2025/06/16/wie-programmiere-ich-ein-dropdown-form-select-element-mit-icon/?utm_source=mastodon&amp;utm_medium=social" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">chefblogger.me/2025/06/16/wie-</span><span class="invisible">programmiere-ich-ein-dropdown-form-select-element-mit-icon/?utm_source=mastodon&amp;utm_medium=social</span></a><br><a href="https://masto.maechler.cloud/tags/ccc" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ccc</span></a> <a href="https://masto.maechler.cloud/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://masto.maechler.cloud/tags/css3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css3</span></a> <a href="https://masto.maechler.cloud/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://masto.maechler.cloud/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a></p>
Josh<p>Hey, gang!</p><p>Can I import a stylesheet to a specified layer using a &lt;link&gt; tag?</p><p>Is `@import` still frowned upon?</p><p><a href="https://dotnet.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> <a href="https://dotnet.social/tags/WebPerformance" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerformance</span></a> <a href="https://dotnet.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Leanpub<p>Game Studio Starter Kit (6 Game Collection) <a href="http://leanpub.com/set/leanpub/ugsskitc" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">http://</span><span class="ellipsis">leanpub.com/set/leanpub/ugsski</span><span class="invisible">tc</span></a> by Stephen Gose is the featured Track of online courses on the Leanpub homepage! <a href="https://leanpub.com" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">leanpub.com</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/ProjectManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProjectManagement</span></a> <a href="https://mastodon.social/tags/GameDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GameDevelopment</span></a> <a href="https://mastodon.social/tags/Html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Html</span></a> <a href="https://mastodon.social/tags/Javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Javascript</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/Education" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Education</span></a> <a href="https://mastodon.social/tags/videogames" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>videogames</span></a> <a href="https://mastodon.social/tags/contentcreator" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>contentcreator</span></a></p>
Eric Mächler 🖖<p>Wie erstelle ich einen Darkmode für meine Webseite? (HTML, CSS &amp; Javascript)<br><a href="https://www.chefblogger.me/2025/07/21/wie-erstelle-ich-einen-darkmode-fuer-meine-webseite-html-css-javascript/?utm_source=mastodon&amp;utm_medium=social" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">chefblogger.me/2025/07/21/wie-</span><span class="invisible">erstelle-ich-einen-darkmode-fuer-meine-webseite-html-css-javascript/?utm_source=mastodon&amp;utm_medium=social</span></a><br><a href="https://masto.maechler.cloud/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://masto.maechler.cloud/tags/css3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css3</span></a> <a href="https://masto.maechler.cloud/tags/fff" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fff</span></a> <a href="https://masto.maechler.cloud/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://masto.maechler.cloud/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>javascript</span></a> <a href="https://masto.maechler.cloud/tags/switcher" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>switcher</span></a> <a href="https://masto.maechler.cloud/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a></p>

Which of the following was NOT one of the design principles used for HTML 5 (now HTML)?

I want to build myself a website for my maths and physics tutoring business. Have used Adobe Dreamweaver previously but not got a current Adobe licence. What other options are there out there? Ideally free/open source. Have also used notepad++ but would like live preview and code completion ideally. I want to be able to edit the code directly NOT wysiwyg. #WebsiteDesigning #html #css

Edit: forgot to say must be Mac compatible

One of the wildest code matchup must be #mdx. It was already kinda strange to mix #HTML with #JavaScript in a #jsx file. But someone didn't think it was enough. Now we have MDX that adds #markdown on top of that! I love it. The fact that those tree language just accidentally works together without collision is something. I just discovered that cause I'm discovering #docusaraus, a #react based documentation platform made by #facebook. They might be one of the creepiest company installing spyware in your phone to track the other apps I'm your phone but the open source team did make some crazy good frameworks and tools.

Question for my fellow CSS folks. I’m using a light-dark() function with the filters property but can’t get it to work.

I can’t find notes about it in the spec or even a reference to it anywhere.

This doesn’t work:

filter: light-dark(filters, filters);

But this does:

filter: filters;
@media (prefers-color-scheme: dark) {
filter: none;
}

Anyone ever try this with the function?

#CSS#HTML#Code