Mathstodon

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/Launches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Launches</a> Web publishing with Figma Sites · A new way to build custom responsive websites. <a href="https://ilo.im/163qmk" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://ilo.im/163qmk</a>_____ <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Figma</a> <a href="https://mastodon.social/tags/SiteBuilder" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SiteBuilder</a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AI</a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a> <a href="https://mastodon.social/tags/DesignTool" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignTool</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/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UxDesign</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/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a>

Frontend DogmaUse “shape()” for Responsive Clipping, by <a href="https://indieweb.social/@nomster" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@nomster</a> (<a href="https://chromium.social/@developers" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@developers</a>):<a href="https://developer.chrome.com/blog/css-shape" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.chrome.com/blog/css-shape</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/functions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#functions</a> <a href="https://mas.to/tags/shapes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#shapes</a> <a href="https://mas.to/tags/clipping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#clipping</a> <a href="https://mas.to/tags/responsivedesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#responsivedesign</a>

FluxCSS📢 Announcement: FluxCSS Beta 0.1.0 is Live! 📢I'm thrilled to announce that the beta 0.1.0 version of FluxCSS (<a href="https://fluxcss.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://fluxcss.org</a>) is now available! FluxCSS is a responsive CSS framework, inspired by Bulma and Bootstrap, designed to significantly speed up the web design process.Thank you and happy testing! 🚀<a href="https://mastodon.social/tags/FluxCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FluxCSS</a> <a href="https://mastodon.social/tags/CSSFramework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSSFramework</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/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</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/FrontendDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FrontendDevelopment</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/BetaRelease" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BetaRelease</a> <a href="https://mastodon.social/tags/WebDevTools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevTools</a> <a href="https://mastodon.social/tags/DeveloperLife" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DeveloperLife</a> <a href="https://mastodon.social/tags/FeedbackWelcome" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FeedbackWelcome</a>

Frontend DogmaRevisiting Fluid Type, by <a href="https://mastodon.social/@Richr" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@Richr</a> and <a href="https://front-end.social/@stacy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@stacy</a> and others (<a href="https://front-end.social/@OddBird" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@OddBird</a>):<a href="https://www.youtube.com/watch?v=py41Ys-iRvk" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.youtube.com/watch?v=py41Ys-iRvk</a><a href="https://mas.to/tags/videos" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#videos</a> <a href="https://mas.to/tags/interviews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interviews</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/fonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fonts</a> <a href="https://mas.to/tags/responsivedesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#responsivedesign</a>

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>

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>

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>

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>

Lanie Carmelo🎉 Yes! Just added my last portfolio project to my website. It showcases my recent work in JavaScript, web accessibility and responsive design. 🖥️ Now if only I could figure out how to make the logo bigger... 🤔 People keep telling me it's too small on mobile, but I don't know how to fix it. Any tips from fellow developers? <a href="https://caneandable.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WordPress</a> <a href="https://caneandable.social/tags/GeneratePress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GeneratePress</a> <a href="https://caneandable.social/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tech</a> <a href="https://caneandable.social/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#technology</a> <a href="https://caneandable.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://caneandable.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://caneandable.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> <a href="https://caneandable.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://caneandable.social/tags/PortfolioWebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PortfolioWebsite</a> <a href="https://caneandable.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ResponsiveDesign</a> <a href="https://caneandable.social/tags/WebsiteLogo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebsiteLogo</a>

Recent searches

Search options

Administered by:

Server stats:

#responsivedesign