Fosstodon

Frontend DogmaMastering Typography in Design Systems With Semantic Tokens and Responsive Scaling, by @ikev007@x.com (<a href="https://me.dm/@uxdesigncc" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@uxdesigncc</a>):<a href="https://archive.fo/sPkAQ" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://archive.fo/sPkAQ</a><a href="https://mas.to/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typography</a> <a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designsystems</a> <a href="https://mas.to/tags/designtokens" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#designtokens</a> <a href="https://mas.to/tags/semantics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#semantics</a> <a href="https://mas.to/tags/responsivedesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#responsivedesign</a>

Iñaki de Miguel Díaz :verified_aroace:Me molaria que la columna central del interface de <a href="https://masto.es/tags/mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mastodon</a> fuera mas ancha, pero entiendo que es imposible crear <a href="https://masto.es/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> para cualquier resolución y dispositivo

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Approaches</a> A fluid CSS methodology · A contemporary approach to fluid web design <a href="https://ilo.im/162uwf" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162uwf</a>_____ <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Layout</a> <a href="https://mastodon.social/tags/FluidDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FluidDesign</a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> <a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Typography</a> <a href="https://mastodon.social/tags/Font" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Font</a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

LavX NewsMastering UI Development: Tricks to Build Robust InterfacesIn the ever-evolving landscape of UI development, creating interfaces that are both functional and visually appealing is paramount. This article explores essential techniques and best practices for de...<a href="https://news.lavx.hu/article/mastering-ui-development-tricks-to-build-robust-interfaces" rel="nofollow noopener noreferrer" target="_blank">https://news.lavx.hu/article/mastering-ui-development-tricks-to-build-robust-interfaces</a><a href="https://mastodon.cloud/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#news</a> <a href="https://mastodon.cloud/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tech</a> <a href="https://mastodon.cloud/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> <a href="https://mastodon.cloud/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.cloud/tags/UIComponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UIComponents</a>

ajaxStardustdepending on the number of extensions the user has installed, the <a href="https://social.vivaldi.net/tags/Extensions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Extensions</a> button in the <a href="https://social.vivaldi.net/tags/Addressbar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Addressbar</a> coupled with a <a href="https://social.vivaldi.net/tags/responsivedesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#responsivedesign</a> design may extend to a width such that display limitations may prevent difficulty with using some buttons. However, the extensions button itself can be moved from the address bar. <a href="https://social.vivaldi.net/@jon" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jon</a> <a href="https://social.vivaldi.net/@Vivaldi" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@Vivaldi</a> Vivaldi always works nicely once configured to my liking (which can be done). Thank you!👯 🕺 :take-the-floor: 💃 :groove-on-it:🕺 :skat-diddle-skat:💃 :groove-on-out: 🤸 🕺 👯

Sylvain BrunerieMe doing a great job at responsive web design 🙃 To be fair, I’m pretty sure it used to work a few years ago. Probably still my fault that it broke at some point (and not a big deal as that site doesn’t have many visits)<a href="https://mas.to/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> <a href="https://mas.to/tags/fail" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fail</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Approaches</a> Reimagining fluid typography · ”We can improve on the common approaches.” <a href="https://ilo.im/162bou" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/162bou</a>_____ <a href="https://mastodon.social/tags/Font" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Font</a> <a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Typography</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/FluidDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FluidDesign</a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Evolutions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Evolutions</a> Taking RWD to the extreme · The past, present, and future of responsive web design <a href="https://ilo.im/1628qd" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1628qd</a>_____ <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> <a href="https://mastodon.social/tags/DeclarativeDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DeclarativeDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/User" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#User</a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Browser</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/LogicalCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LogicalCSS</a> <a href="https://mastodon.social/tags/PhysicalCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PhysicalCSS</a>

MattMatt’s Cup of TeaMatt’s Cup of Tea is an idea I had for a single-page website. Every time you load the page it shows you something different. There’s also a survey about tea and a donation/tip thing to “buy me a cup of tea”. That last one is mostly meant in fun.Here it is: <a href="https://cupoftea.lordmatt.co.uk" rel="nofollow noopener noreferrer" target="_blank">https://cupoftea.lordmatt.co.uk</a>I’ve tried to make Matt’s Cup of Tea look good in all screen sizes. CSS experts, if you have any feedback, let me know.<a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://node.lordmatt.co.uk/tag/css/" target="_blank">#CSS</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://node.lordmatt.co.uk/tag/responsive-design/" target="_blank">#responsiveDesign</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://node.lordmatt.co.uk/tag/tea/" target="_blank">#tea</a> <a rel="nofollow noopener noreferrer" class="hashtag u-tag u-category" href="https://node.lordmatt.co.uk/tag/websites/" target="_blank">#websites</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Approaches</a> CSS container queries unleashed · Where container queries outperform media queries <a href="https://ilo.im/1621uq" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/1621uq</a>_____ <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Layout</a> <a href="https://mastodon.social/tags/ContainerQueries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ContainerQueries</a> <a href="https://mastodon.social/tags/GracefulDegradation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GracefulDegradation</a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Dreams TechnologiesElevate your car rental business with the Dreams Rent Car Rental Booking Template! Sleek, modern, and user-friendly, it’s the perfect solution to create a standout online presence.Check it out on ThemeForest: <a href="https://shorturl.at/GGLwK" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://shorturl.at/GGLwK</a><a href="https://mastodon.social/tags/CarRental" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CarRental</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a> <a href="https://mastodon.social/tags/DreamsRentCar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DreamsRentCar</a> <a href="https://mastodon.social/tags/ThemeForest" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThemeForest</a> <a href="https://mastodon.social/tags/HTMLTemplates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTMLTemplates</a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> <a href="https://mastodon.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mastodon</a> <a href="https://mastodon.social/tags/TechInnovation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TechInnovation</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> Conditional CSS grid template areas · A magic formula to “open the gates to layout heaven.” <a href="https://ilo.im/161t0f" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/161t0f</a>_____ <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Layout</a> <a href="https://mastodon.social/tags/CssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CssGrid</a> <a href="https://mastodon.social/tags/CssNesting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CssNesting</a> <a href="https://mastodon.social/tags/ContainerQueries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ContainerQueries</a> <a href="https://mastodon.social/tags/LogicalProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LogicalProperties</a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Guides</a> New devices, new opportunities · Designing for the foldable smartphone wave <a href="https://ilo.im/161sq6" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/161sq6</a>_____ <a href="https://mastodon.social/tags/Mobile" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Mobile</a> <a href="https://mastodon.social/tags/Devices" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Devices</a> <a href="https://mastodon.social/tags/Screen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Screen</a> <a href="https://mastodon.social/tags/Viewport" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Viewport</a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Trends" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Trends</a>

Mike Hartley (He/Him)New week, new post - and it's time to be Responsive. In this A2Z Accessibility post I look at how Responsive Design can impact Accessibility as well as improve user experience<a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a> <a href="https://mastodon.social/tags/Community" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Community</a> <a href="https://mastodon.social/tags/Microsoft" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Microsoft</a> <a href="https://mastodon.social/tags/PowerPlatform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PowerPlatform</a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a><a href="https://hartofthemidlands.co.uk/2025/01/being-responsive-a-to-z-a11y/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://hartofthemidlands.co.uk/2025/01/being-responsive-a-to-z-a11y/</a>

LavX NewsUnlocking the Future of Web Development: The Rise of CSS Container QueriesA groundbreaking feature is set to revolutionize web design: CSS Container Queries. This new capability allows developers to create responsive designs that adapt to their container sizes, rather than ...<a href="https://news.lavx.hu/article/unlocking-the-future-of-web-development-the-rise-of-css-container-queries" rel="nofollow noopener noreferrer" target="_blank">https://news.lavx.hu/article/unlocking-the-future-of-web-development-the-rise-of-css-container-queries</a><a href="https://mastodon.cloud/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#news</a> <a href="https://mastodon.cloud/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tech</a> <a href="https://mastodon.cloud/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.cloud/tags/CSSContainerQueries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSSContainerQueries</a> <a href="https://mastodon.cloud/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a>

MonolytSpent the last few days working on a simple, functional brutalist header. Finally happy with how it turned out – responsive, clean, and does exactly what it needs to. Excited to share it!<a href="https://codepen.io/monolyt/pen/vEBpaPR" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/monolyt/pen/vEBpaPR</a><a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/Brutalism" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Brutalism</a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> <a href="https://mastodon.social/tags/CodePen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodePen</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Fun" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Fun</a> Devolution · CSS music video made with pure code! <a href="https://ilo.im/161lhn" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/161lhn</a>_____ <a href="https://mastodon.social/tags/Music" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Music</a> <a href="https://mastodon.social/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>

Inautilo<a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Development</a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Techniques</a> Getting oriented with HTML video · How to serve a clip in portrait or landscape format <a href="https://ilo.im/161hb7" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/161hb7</a>_____ <a href="https://mastodon.social/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</a> <a href="https://mastodon.social/tags/WebComponent" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebComponent</a> <a href="https://mastodon.social/tags/HtmlWebComponent" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HtmlWebComponent</a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Frontend</a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/MediaQuery" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MediaQuery</a>

Matthias Zöchling<a href="https://mas.to/tags/CSSence" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSSence</a> <a href="https://mas.to/tags/AdventCalendar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AdventCalendar</a> Day 16Every responsive journey starts without media queries.»Not always mobile first« <a href="https://cssence.com/2024/not-always-mobile-first/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://cssence.com/2024/not-always-mobile-first/</a><a href="https://mas.to/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mas.to/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a>

Recent searches

Search options

Administered by:

Server stats:

#responsivedesign