techhub.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A hub primarily for passionate technologists, but everyone is welcome

Administered by:

Server stats:

4.7K
active users

#responsivedesign

1 post1 participant1 post today
Munich TYPO3 User Group (MTUG)<p>Hier ist noch der Link zu Slides von den Vorträgen am Montag. Es waren beides sehr spannende Vorträge!<br>Danke an <span class="h-card" translate="no"><a href="https://desu.social/@pixel" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>pixel</span></a></span> und Raphael Thanner für ihre Zeit!</p><p><a href="https://www.mtug.de/treffen/veranstaltungen-2025/juli.html#c1029" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">mtug.de/treffen/veranstaltunge</span><span class="invisible">n-2025/juli.html#c1029</span></a></p><p><a href="https://typo3.social/tags/TYPO3" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TYPO3</span></a> <a href="https://typo3.social/tags/MTUG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MTUG</span></a> <a href="https://typo3.social/tags/ActivityPub" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ActivityPub</span></a> <a href="https://typo3.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a></p>
WebHeads United<p>Ready to master responsive design? Our latest blog post explores the 12-column grid system, the blueprint for creating stunning, flexible layouts that adapt to any screen. Learn how to build structured, user-friendly websites.</p><p>Read more here: <a href="https://webheadsunited.com/mastering-the-12-column-grid-system/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">webheadsunited.com/mastering-t</span><span class="invisible">he-12-column-grid-system/</span></a></p><p><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/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://mastodon.social/tags/CSSGrid" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSSGrid</span></a> <a href="https://mastodon.social/tags/FrontEndDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEndDev</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a></p>
Présentations et conférences en ligne<p><strong>How to create a responsive design in a FireMonkey application (short version - no demo) - Coding Bootcamp 2023</strong></p> <p><a href="https://videos.apprendre-delphi.fr/w/7YD4udNPcSzzLis4SpmsCK" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">videos.apprendre-delphi.fr/w/7</span><span class="invisible">YD4udNPcSzzLis4SpmsCK</span></a></p>
RSTheme<p>💼 Reobiz – Business &amp; Consulting HTML Template<br>Clean, modern &amp; responsive. Perfect for corporate, finance &amp; agency sites. Built on Bootstrap 4.<br>🔗 <a href="https://themeforest.net/item/reobiz-consulting-business-html-template/28824794" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">themeforest.net/item/reobiz-co</span><span class="invisible">nsulting-business-html-template/28824794</span></a></p><p><a href="https://mastodon.social/tags/Reobiz" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Reobiz</span></a> <a href="https://mastodon.social/tags/HTMLTemplate" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTMLTemplate</span></a> <a href="https://mastodon.social/tags/BusinessWebsite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BusinessWebsite</span></a> <a href="https://mastodon.social/tags/Consulting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Consulting</span></a> <a href="https://mastodon.social/tags/Bootstrap4" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Bootstrap4</span></a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://mastodon.social/tags/UIUX" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIUX</span></a> <a href="https://mastodon.social/tags/Themeforest" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Themeforest</span></a></p>
Abdullateef Marketer<p>Bring your brand to life with a modern, high-converting website, a memorable logo, and a fully functional, updated store. Whether you're launching, rebranding, or simply upgrading, I’m here to make your business look its absolute best online.</p><p>Your design reflects your business—let’s make it stunning.</p><p><a href="https://mastodon.social/tags/Branding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Branding</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/LogoDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LogoDesign</span></a>#BusinessUpgrade <a href="https://mastodon.social/tags/Rebranding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Rebranding</span></a> <a href="https://mastodon.social/tags/ModernDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernDesign</span></a> <a href="https://mastodon.social/tags/HighConverting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HighConverting</span></a>#VisualIdentity <a href="https://mastodon.social/tags/CreativeAgency" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeAgency</span></a> <a href="https://mastodon.social/tags/DigitalMarketing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalMarketing</span></a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a>#BrandAwareness#DesignInspiration</p>
eigenstil<p><a href="https://webinale.de/user-experience-design/dynamic-web-typography-rubberband/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">webinale.de/user-experience-de</span><span class="invisible">sign/dynamic-web-typography-rubberband/</span></a></p><p>Mein Highlight für den Tag bisher bei der <a href="https://troet.cafe/tags/webinale" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webinale</span></a>: Rubberband Design - Dynamic Web <a href="https://troet.cafe/tags/Typography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Typography</span></a> (von Jan Persiel <a href="https://bsky.app/profile/janpersiel.com" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">bsky.app/profile/janpersiel.co</span><span class="invisible">m</span></a>) Super cooler Input für den Prozess, wie mensch <a href="https://troet.cafe/tags/Webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Webdesign</span></a> verbessern kann!</p><p><a href="https://troet.cafe/tags/responsivedesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>responsivedesign</span></a> <a href="https://troet.cafe/tags/fluidtypography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fluidtypography</span></a></p>
creativewavetech<p>Is your website making the right first impression? Let Creative Wave Tech design a stunning, responsive site that converts visitors into clients!<br><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/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://mastodon.social/tags/CustomWebsites" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CustomWebsites</span></a> <a href="https://mastodon.social/tags/UXUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXUI</span></a> <a href="https://mastodon.social/tags/WebDesigninMumbai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesigninMumbai</span></a> <a href="https://mastodon.social/tags/WebDesigninNaviMumbai" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesigninNaviMumbai</span></a> <a href="https://mastodon.social/tags/MobileFriendly" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MobileFriendly</span></a> <a href="https://mastodon.social/tags/SEOOptimized" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SEOOptimized</span></a> <a href="https://mastodon.social/tags/CreativeWaveTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativeWaveTech</span></a> <a href="https://mastodon.social/tags/DigitalPresence" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalPresence</span></a></p><p>Website -<a href="https://www.creativewavetech.in/category/design-and-development/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">creativewavetech.in/category/d</span><span class="invisible">esign-and-development/</span></a></p>
Inautilo<p><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/Anniversairies" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Anniversairies</span></a><br>Responsive Web Design turns 15 · On May 25, 2010, a new era in web design began <a href="https://ilo.im/16460l" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/16460l</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Devices" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Devices</span></a> <a href="https://mastodon.social/tags/Mobile" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mobile</span></a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UiDesign</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/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</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/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/MediaQueries" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MediaQueries</span></a></p>
Frontend Dogma<p>Rethinking Responsive Grids With a Content-Aware Approach, by @webdesignerdepot.bsky.social:</p><p><a href="https://webdesignerdepot.com/rethinking-responsive-grids-with-a-content-aware-approach/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">webdesignerdepot.com/rethinkin</span><span class="invisible">g-responsive-grids-with-a-content-aware-approach/</span></a></p><p><a href="https://mas.to/tags/responsivedesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>responsivedesign</span></a> <a href="https://mas.to/tags/content" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>content</span></a> <a href="https://mas.to/tags/grids" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>grids</span></a> <a href="https://mas.to/tags/layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>layout</span></a></p>
Bryan King (W8DBK)<p>Master mobile-first web design like a pro! 🚀 Dive into SCSS workflows that make your layouts responsive, scalable, and clean. If you're serious about modern web development, this is your guide. <a href="https://mastodon.social/tags/SCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SCSS</span></a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a></p><p><a href="https://bdking71.wordpress.com/2025/05/12/style-smarter-responsive-design-with-scss/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">bdking71.wordpress.com/2025/05</span><span class="invisible">/12/style-smarter-responsive-design-with-scss/</span></a></p>
Inautilo<p><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/Launches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Launches</span></a><br>Web publishing with Figma Sites · A new way to build custom responsive websites. <a href="https://ilo.im/163qmk" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/163qmk</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Figma</span></a> <a href="https://mastodon.social/tags/SiteBuilder" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SiteBuilder</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AI</span></a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystem</span></a> <a href="https://mastodon.social/tags/DesignTool" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignTool</span></a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a></p>
Yuna<p>🎉 Happy Easter - Show me your Easter eggs :)<br>I have a 15-year-old homepage with a hidden chat from an old game 👉 <a href="https://yuna.berlin" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">yuna.berlin</span><span class="invisible"></span></a><br>Guess the game?</p><p>Easter: a seasonal reminder that most companies have the imagination of a beige wall.<br>Let’s talk software Easter eggs – tiny sparks of joy buried under layers of Jira tickets.</p><p>If your product has none?<br>Congratulations. Your engineers are either chained in the feature factory…<br>or your company is too visionless to let them play.</p><p>Examples of fun companies:<br>🐍 Snake while YouTube buffers<br>🎮 GitHub mobile mini-game<br>🙃 Blame-someone error pages</p><p>Your product?<br>❌ No dark mode<br>❌ No gamification<br>❌ No clever errors<br>❌ No i18n<br>❌ No responsive design<br>❌ No joy</p><p>But hey, Time to Market, right?<br>You’re not innovating. You’re duct-taping compliance machines.</p><p>No Easter eggs = No creative freedom<br>No themed UI = No empathy<br>No jokes = No soul<br>No dev input = No ownership</p><p>You’re not building software.<br>You’re crafting digital despair.</p><p>Fix it. Or at least add a theme toggle.</p><p>💀 Happy Easter.<br>Go find your soul.</p><p>List of Google Easter eggs: <a href="https://elgoog.im/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">elgoog.im/</span><span class="invisible"></span></a></p><p>⸻</p><p>Hashtags:<br><a href="https://hachyderm.io/tags/EasterEggs" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EasterEggs</span></a> <a href="https://hachyderm.io/tags/SoftwareHumor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SoftwareHumor</span></a> <a href="https://hachyderm.io/tags/UXDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UXDesign</span></a> <a href="https://hachyderm.io/tags/DevLife" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DevLife</span></a> <a href="https://hachyderm.io/tags/HappyEaster" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HappyEaster</span></a> <a href="https://hachyderm.io/tags/TechCulture" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechCulture</span></a> <a href="https://hachyderm.io/tags/DarkModeOrDie" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DarkModeOrDie</span></a> <a href="https://hachyderm.io/tags/EngineerJoy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>EngineerJoy</span></a> <a href="https://hachyderm.io/tags/FeatureFactory" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FeatureFactory</span></a> <a href="https://hachyderm.io/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProductDesign</span></a> <a href="https://hachyderm.io/tags/DeveloperExperience" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DeveloperExperience</span></a> <a href="https://hachyderm.io/tags/FunInSoftware" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FunInSoftware</span></a> <a href="https://hachyderm.io/tags/i18n" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>i18n</span></a> <a href="https://hachyderm.io/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://hachyderm.io/tags/Gamification" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Gamification</span></a> <a href="https://hachyderm.io/tags/ErrorPageHumor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ErrorPageHumor</span></a> <a href="https://hachyderm.io/tags/OldWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OldWeb</span></a> <a href="https://hachyderm.io/tags/RetroGames" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RetroGames</span></a> <a href="https://hachyderm.io/tags/DigitalSoul" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalSoul</span></a> <a href="https://hachyderm.io/tags/CreativityInTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CreativityInTech</span></a> <a href="https://hachyderm.io/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://hachyderm.io/tags/programming" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>programming</span></a></p>
Frontend Dogma<p>Use “shape()” for Responsive Clipping, by <span class="h-card" translate="no"><a href="https://indieweb.social/@nomster" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>nomster</span></a></span> (<span class="h-card" translate="no"><a href="https://chromium.social/@developers" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>developers</span></a></span>):</p><p><a href="https://developer.chrome.com/blog/css-shape" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">developer.chrome.com/blog/css-</span><span class="invisible">shape</span></a></p><p><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/functions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>functions</span></a> <a href="https://mas.to/tags/shapes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>shapes</span></a> <a href="https://mas.to/tags/clipping" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>clipping</span></a> <a href="https://mas.to/tags/responsivedesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>responsivedesign</span></a></p>
SolGuruz LLP<p>Boost Conversions with Skilled Web Designers</p><p>Need a high-performing website that speaks to your audience? Hire web designers from SolGuruz who blend user psychology with UI/UX best practices to build responsive, SEO-friendly, and aesthetically pleasing websites that turn visitors into loyal customers.</p><p>For more information visit: <a href="https://solguruz.com/hire-web-designers/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">solguruz.com/hire-web-designer</span><span class="invisible">s/</span></a></p><p><a href="https://mastodon.social/tags/webdesignexperts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesignexperts</span></a> <a href="https://mastodon.social/tags/responsivedesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>responsivedesign</span></a> <a href="https://mastodon.social/tags/uxexperts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uxexperts</span></a> <a href="https://mastodon.social/tags/hiredesigners" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>hiredesigners</span></a> <a href="https://mastodon.social/tags/digitalexperience" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>digitalexperience</span></a></p>
FluxCSS<p>📢 Announcement: FluxCSS Beta 0.1.0 is Live! 📢</p><p>I'm thrilled to announce that the beta 0.1.0 version of FluxCSS (<a href="https://fluxcss.org" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">fluxcss.org</span><span class="invisible"></span></a>) is now available! FluxCSS is a responsive CSS framework, inspired by Bulma and Bootstrap, designed to significantly speed up the web design process.</p><p>Thank you and happy testing! 🚀</p><p><a href="https://mastodon.social/tags/FluxCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FluxCSS</span></a> <a href="https://mastodon.social/tags/CSSFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSSFramework</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/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://mastodon.social/tags/FrontendDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDevelopment</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/BetaRelease" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BetaRelease</span></a> <a href="https://mastodon.social/tags/WebDevTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevTools</span></a> <a href="https://mastodon.social/tags/DeveloperLife" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DeveloperLife</span></a> <a href="https://mastodon.social/tags/FeedbackWelcome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FeedbackWelcome</span></a></p>
Frontend Dogma<p>Revisiting Fluid Type, by <span class="h-card" translate="no"><a href="https://mastodon.social/@Richr" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>Richr</span></a></span> and <span class="h-card" translate="no"><a href="https://front-end.social/@stacy" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>stacy</span></a></span> and others (<span class="h-card" translate="no"><a href="https://front-end.social/@OddBird" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>OddBird</span></a></span>):</p><p><a href="https://www.youtube.com/watch?v=py41Ys-iRvk" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=py41Ys-iRv</span><span class="invisible">k</span></a></p><p><a href="https://mas.to/tags/videos" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>videos</span></a> <a href="https://mas.to/tags/interviews" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>interviews</span></a> <a href="https://mas.to/tags/typography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typography</span></a> <a href="https://mas.to/tags/fonts" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>fonts</span></a> <a href="https://mas.to/tags/responsivedesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>responsivedesign</span></a></p>
Frontend Dogma<p>Mastering Typography in Design Systems With Semantic Tokens and Responsive Scaling, by @ikev007@x.com (<span class="h-card" translate="no"><a href="https://me.dm/@uxdesigncc" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>uxdesigncc</span></a></span>):</p><p><a href="https://archive.fo/sPkAQ" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">archive.fo/sPkAQ</span><span class="invisible"></span></a></p><p><a href="https://mas.to/tags/typography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>typography</span></a> <a href="https://mas.to/tags/designsystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designsystems</span></a> <a href="https://mas.to/tags/designtokens" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>designtokens</span></a> <a href="https://mas.to/tags/semantics" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>semantics</span></a> <a href="https://mas.to/tags/responsivedesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>responsivedesign</span></a></p>
TechGeeksApparel<p>Web Developers Do It Responsively. <br>Because nobody likes a broken layout.</p><p>🔗 <a href="https://techgeeksapparel.com/web-developers-do-it-responsively-t-shirt/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">techgeeksapparel.com/web-devel</span><span class="invisible">opers-do-it-responsively-t-shirt/</span></a><br><a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://mastodon.social/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontendDev</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/TechLife" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TechLife</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/Approaches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Approaches</span></a><br>A fluid CSS methodology · A contemporary approach to fluid web design <a href="https://ilo.im/162uwf" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162uwf</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Layout</span></a> <a href="https://mastodon.social/tags/FluidDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FluidDesign</span></a> <a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a> <a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Typography</span></a> <a href="https://mastodon.social/tags/Font" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Font</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/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Syngrid Technologies<p>𝐓𝐫𝐚𝐧𝐬𝐟𝐨𝐫𝐦 𝐘𝐨𝐮𝐫 𝐃𝐢𝐠𝐢𝐭𝐚𝐥 𝐏𝐫𝐞𝐬𝐞𝐧𝐜𝐞 𝐰𝐢𝐭𝐡 <span class="h-card" translate="no"><a href="https://mastodon.social/@syngrid" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>syngrid</span></a></span></p><p>Here we craft dynamic websites with impactful E-commerce, seamless responsiveness, and strategic innovation to make your brand stand out.<br>Launch your website with our expert Web development team.</p><p>Get started with us : <a href="https://www.syngrid.com/web_app.html" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">syngrid.com/web_app.html</span><span class="invisible"></span></a><br>𝐕𝐢𝐬𝐢𝐭 𝐮𝐬: www.syngrid.com<br>𝐄𝐦𝐚𝐢𝐥: contact@syngrid.com</p><p><a href="https://mastodon.social/tags/SyngridTechnologies" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SyngridTechnologies</span></a><br><a href="https://mastodon.social/tags/WebsiteDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebsiteDevelopment</span></a><br><a href="https://mastodon.social/tags/Ecommerce" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Ecommerce</span></a><br><a href="https://mastodon.social/tags/ResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveDesign</span></a><br><a href="https://mastodon.social/tags/WebSolutions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebSolutions</span></a><br><a href="https://mastodon.social/tags/DigitalSuccess" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DigitalSuccess</span></a><br><a href="https://mastodon.social/tags/WebDevelopmentCompany" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopmentCompany</span></a><br><a href="https://mastodon.social/tags/BusinessGrowth" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BusinessGrowth</span></a></p>