Lmst

#Development #Launches
CSS Boilerplate · A default CSS structure for projects of any size https://ilo.im/163i67

_____
#Boilerplate #CSS #CssReset #CssNesting #WebPerf #WebDev #Frontend #HTML

#Development #Launches
UA+ · A different type of CSS reset style sheet https://ilo.im/16373p

_____
#CSS #CssReset #UserAgent #StyleSheet #BoxModel #Accessibility #ScreenReader #Browser #WebDev #Frontend

#Development #Techniques
Addition for CSS reset: interpolate-size · “Animating from 0 to auto has never been so easy.” https://ilo.im/160tv0

_____
#ModernCSS #CssReset #Animation #Transition #ProgressiveEnhancement #VendorPrefix #Browser #WebDev #Frontend #CSS

🔴🟠🔘 Your CSS reset should be layered
by Mayank @mayank
#css #CSSreset #webdev

https://mayank.co/blog/css-reset-layer/

Red text "Your CSS reset should be layered" on image of Geological Chart, from Yaggy's Geographical Portfolio, 1893

#Development #Techniques
You’re not a CSS developer without a reset · A CSS reset can also elevate your typesetting https://ilo.im/160pq6

_____
#CSS #CssReset #Scrolling #Spacing #Typesetting #Kerning #Accessibility #Browser #WebDev #Frontend

#Development #Approaches
Your CSS reset should be layered · Why and how to use cascade layers for CSS resets https://ilo.im/160ozp

_____
#CSS #CssReset #CascadeLayers #Specificity #BrowserSupport #Browser #WebDev #Frontend

20 years and two weeks ago, I came up with undohtml.css and unknowingly invented the mechanism of CSS Resets (AKA reboot or reset style sheets¹) which spawned numerous variants, many still in broad use on the web today.

https://tantek.com/log/2004/09.html#d06t2354

A one sentence problem description, and a short paragraph describing my problem-solving, actions, license, link to less than 300 bytes of code (not counting comments), and a few future thoughts.

The rest of that blog post was about “debug scaffolding”, the part I thought was more interesting at the time.

Eric Meyer (@meyerweb.com @meyerweb@mastodon.social) followed up ~10 days afterwards with his thinking and improvements:
* https://meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/
where he mentioned “resetting” in passing, but not actually calling it a "reset".

~2.5 years later Eric published “Reset Styles” with further reasoning and improvements:
* http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/
describing them as: “reset” or “baseline” set of styles.

Subsequently he iterated in several more blog posts:
* http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
* http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/ — this is Eric’s first post where he explicitly calls them “reset styles”, which I believe is the origin of the eventual phrase “CSS Reset” and “reset style sheets”
* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ (yes a Matrix: Reloaded reference)

~6 months later Eric published his evergreen resource “CSS Tools: Reset CSS”
* https://meyerweb.com/eric/tools/css/reset/
which, as you see within the URL: “css/reset”, is perhaps where the phrase “CSS Reset” comes from, and it’s also the label (link text) he gives that page in his UI about-page² and the first content link in his 404 page³.

My technology invention takeaways from all this:

1. if you find yourself repeatedly solving the same (especially annoying) problem, create a re-usable solution that works for you
2. write up your problem statement / use-case in only one sentence
3. publish your solution (on your personal site⁴), name it something short, with only a short paragraph description, and re-use/remix friendly license (like Creative Commons)

And things not to worry about (that may get in your way to publishing):

1. perfecting or making your solution “big enough” or “the right size”. does it solve your problem? then it’s already the right size.
2. coming up with the perfect name. instead, name it what it does. someone might come up with a better name weeks, months, or years later. let them run with it!
3. waiting to blog multiple things. I could have blogged undohtml.css by itself, probably should have, and instead lumped it into a blog post with another CSS thing I came up with.

Further reading and resources for CSS Resets:

* More history: https://css-tricks.com/reboot-resets-reasoning/
* Large collection: https://perishablepress.com/a-killer-collection-of-global-css-reset-styles/

References:

¹ https://en.wikipedia.org/wiki/Reset_style_sheet
² https://meyerweb.com/ui/about.html
³ https://meyerweb.com/404
⁴ https://indieweb.org/

#undoHTML #undoHTMLCSS #reset #CSSreset #resetstyles #webdesign #technology #invention #indieweb

#Development #Techniques
Styling tables the modern CSS way · State-of-the-art practices for crafting responsive HTML tables https://ilo.im/15zjf7

_____
#Table #ModernCSS #CssReset #ResponsiveDesign #Design #WebDesign #WebDev #Frontend #HTML #CSS

The new modern #cssReset by @andy https://andy-bell.co.uk/a-more-modern-css-reset/

Some nice parts and I love that everything has comments explaining what it does. It's great to be able to use something that is battle-tested already. ❤️

A couple days ago I created a very opinionated #StarterTemplate for #StaticSiteGenerator @astro, check it out: https://astro-naut-template.vercel.app/

It comes with a couple neat things, like #SecurityHeaders, #FluidResponsiveDesign, #Prettier & #SEO config, #PreCommit hooks, @andy famous #CSSReset and more!

Hope this helps whoever is creating websites with #Astro, any feedback appreciated.🤗

#html #css #JavaScript #accessibility #a11y #ssr #frontend #WebDev

#Development #Templates
A (more) modern CSS reset · Up-to-date CSS rules for consistent cross-browser styling https://ilo.im/158zs3

_____
#WebDev #Browsers #Compatibility #Frontend #CSS #StyleSheets #CssReset

🟡🟣 A (more) Modern CSS Reset
by Andy Bell @belldotbz @andy
#CSS #CSSreset #webdev

https://andy-bell.co.uk/a-more-modern-css-reset/

Violet text on yellow background:
A (more) Modern CSS Reset

“Resets are one of those things that people get worked up about, but really, with browsers being so bloody good now, you probably don’t even need one in the first place. My advice is take bits you like from ones you find on the web and create your own, that works for you and your team.”

https://andy-bell.co.uk/a-more-modern-css-reset/

#css #cssReset

🔵🔴 CSS Layers for CSS Resets
by Elad Shechter @eladsc
#CSS
#WebDev
#FrontEndDevelopment
#OpenSource
#DesignSystems
#CSSreset