"The web platform as a whole has gotten dramatically better over the past decade, and CSS improvements are a big part of that. There is a huge amount of new CSS features I'm "kinda" aware of but don't really have much experience with. One of the things I do to help me in that regard is keep notes of CSS snippets I find myself using again and again so I don't have to Google for them."
"There isn't any additional information here as I know what I'm typically searching for and just do a quick copy, paste, and modify to suit whatever I'm building. I thought it might be interesting to take these tips and create a simple Astro site out of them. I'd use one Markdown source file per tip (which admittedly it perhaps overkill for some of these short snippets) and see if Astro could render the code and the output."
A simple Astro site was created during a holiday break as a practice project to learn Astro. The web platform has improved dramatically over the past decade, with many new CSS features that lack hands-on experience for many developers. A practical approach taken was to collect frequently used CSS snippets into quick notes for easy reuse. Examples include centering techniques, iframe centering, fieldset and table border styles, and a two-column grid. Each snippet was saved as a separate Markdown source file so Astro could render both code and live output. The site is available at https://css-snippets.netlify.app/.
Read at Raymondcamden
Unable to calculate read time
Collection
[
|
...
]