Recent searches

No recent searches

Search options

Only available when logged in.
mastodon.world is one of the many independent Mastodon servers you can use to participate in the fediverse.
Generic Mastodon server for anyone to use.

Administered by:

Server stats:

8.2K
active users

mastodon.world: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.3

#cssreset

0 posts0 participants0 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/Pitfalls" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Pitfalls</span></a><br>Don’t inherit the CSS box model · “It’s time to stop spreading this out-dated practice.” <a href="https://ilo.im/166n47" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/166n47</span><span class="invisible"></span></a></p><p>_____<br><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/CssReset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssReset</span></a> <a href="https://mastodon.social/tags/BoxModel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BoxModel</span></a> <a href="https://mastodon.social/tags/Inheritance" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Inheritance</span></a> <a href="https://mastodon.social/tags/Legacy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Legacy</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></p>
Inautilo<p>“A CSS reset, but every value is suffixed with !important.” — Declan Chidlow</p><p>_____<br><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/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/CssReset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssReset</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</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/Memes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Memes</span></a> <a href="https://mastodon.social/tags/Quotes" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Quotes</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/Launches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Launches</span></a><br>CSS Boilerplate · A default CSS structure for projects of any size <a href="https://ilo.im/163i67" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/163i67</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Boilerplate" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Boilerplate</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/CssReset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssReset</span></a> <a href="https://mastodon.social/tags/CssNesting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssNesting</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</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></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/Launches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Launches</span></a><br>UA+ · A different type of CSS reset style sheet <a href="https://ilo.im/16373p" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/16373p</span><span class="invisible"></span></a></p><p>_____<br><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/CssReset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssReset</span></a> <a href="https://mastodon.social/tags/UserAgent" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UserAgent</span></a> <a href="https://mastodon.social/tags/StyleSheet" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StyleSheet</span></a> <a href="https://mastodon.social/tags/BoxModel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BoxModel</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/ScreenReader" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ScreenReader</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</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></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>Addition for CSS reset: interpolate-size · “Animating from 0 to auto has never been so easy.” <a href="https://ilo.im/160tv0" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/160tv0</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/CssReset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssReset</span></a> <a href="https://mastodon.social/tags/Animation" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Animation</span></a> <a href="https://mastodon.social/tags/Transition" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Transition</span></a> <a href="https://mastodon.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ProgressiveEnhancement</span></a> <a href="https://mastodon.social/tags/VendorPrefix" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>VendorPrefix</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</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>
pablolarah<p>🔴🟠🔘 Your CSS reset should be layered<br>by Mayank <span class="h-card" translate="no"><a href="https://front-end.social/@mayank" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>mayank</span></a></span><br><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/CSSreset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSSreset</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://mayank.co/blog/css-reset-layer/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">mayank.co/blog/css-reset-layer</span><span class="invisible">/</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>You’re not a CSS developer without a reset · A CSS reset can also elevate your typesetting <a href="https://ilo.im/160pq6" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/160pq6</span><span class="invisible"></span></a></p><p>_____<br><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/CssReset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssReset</span></a> <a href="https://mastodon.social/tags/Scrolling" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Scrolling</span></a> <a href="https://mastodon.social/tags/Spacing" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Spacing</span></a> <a href="https://mastodon.social/tags/Typesetting" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Typesetting</span></a> <a href="https://mastodon.social/tags/Kerning" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Kerning</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/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</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></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>Your CSS reset should be layered · Why and how to use cascade layers for CSS resets <a href="https://ilo.im/160ozp" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/160ozp</span><span class="invisible"></span></a></p><p>_____<br><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/CssReset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssReset</span></a> <a href="https://mastodon.social/tags/CascadeLayers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CascadeLayers</span></a> <a href="https://mastodon.social/tags/Specificity" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Specificity</span></a> <a href="https://mastodon.social/tags/BrowserSupport" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BrowserSupport</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browser</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></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>Styling tables the modern CSS way · State-of-the-art practices for crafting responsive HTML tables <a href="https://ilo.im/15zjf7" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/15zjf7</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Table" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Table</span></a> <a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/CssReset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssReset</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/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>
Steve Frenzel<p>A couple days ago I created a very opinionated <a href="https://mastodon.online/tags/StarterTemplate" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StarterTemplate</span></a> for <a href="https://mastodon.online/tags/StaticSiteGenerator" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StaticSiteGenerator</span></a> <span class="h-card" translate="no"><a href="https://m.webtoo.ls/@astro" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>astro</span></a></span>, check it out: <a href="https://astro-naut-template.vercel.app/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">astro-naut-template.vercel.app</span><span class="invisible">/</span></a></p><p>It comes with a couple neat things, like <a href="https://mastodon.online/tags/SecurityHeaders" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SecurityHeaders</span></a>, <a href="https://mastodon.online/tags/FluidResponsiveDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FluidResponsiveDesign</span></a>, <a href="https://mastodon.online/tags/Prettier" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Prettier</span></a> &amp; <a href="https://mastodon.online/tags/SEO" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SEO</span></a> config, <a href="https://mastodon.online/tags/PreCommit" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PreCommit</span></a> hooks, <span class="h-card" translate="no"><a href="https://bell.bz/@andy" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>andy</span></a></span> famous <a href="https://mastodon.online/tags/CSSReset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSSReset</span></a> and more!</p><p>Hope this helps whoever is creating websites with <a href="https://mastodon.online/tags/Astro" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Astro</span></a>, any feedback appreciated.🤗 </p><p><a href="https://mastodon.online/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>html</span></a> <a href="https://mastodon.online/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mastodon.online/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.online/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.online/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.online/tags/ssr" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ssr</span></a> <a href="https://mastodon.online/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.online/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</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/Templates" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Templates</span></a><br>A (more) modern CSS reset · Up-to-date CSS rules for consistent cross-browser styling <a href="https://ilo.im/158zs3" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/158zs3</span><span class="invisible"></span></a></p><p>_____<br><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/Browsers" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Browsers</span></a> <a href="https://mastodon.social/tags/Compatibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Compatibility</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/StyleSheets" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StyleSheets</span></a> <a href="https://mastodon.social/tags/CssReset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CssReset</span></a></p>
pablolarah<p>🟡🟣 A (more) Modern CSS Reset<br>by Andy Bell @belldotbz <span class="h-card" translate="no"><a href="https://bell.bz/@andy" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>andy</span></a></span> <br><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/CSSreset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSSreset</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://andy-bell.co.uk/a-more-modern-css-reset/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">andy-bell.co.uk/a-more-modern-</span><span class="invisible">css-reset/</span></a></p>
pablolarah<p>🔵🔴 CSS Layers for CSS Resets <br>by Elad Shechter @eladsc <br><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a><br><a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <br><a href="https://mastodon.social/tags/FrontEndDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEndDevelopment</span></a><br><a href="https://mastodon.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a> <br><a href="https://mastodon.social/tags/DesignSystems" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignSystems</span></a><br><a href="https://mastodon.social/tags/CSSreset" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSSreset</span></a></p><p><a href="https://medium.com/appwrite-io/css-layers-for-css-resets-f60f270aa1cd" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">medium.com/appwrite-io/css-lay</span><span class="invisible">ers-for-css-resets-f60f270aa1cd</span></a></p>
TrendingLive feeds
About