Something non-designers understandably struggle with is how to make things look good. One of those things is long form content that’s well set and readable. Luckily, CSS makes this easy, you just have to know what to change.
Resources - Shenanigans
Simple bits of decorative CSS and HTML I put together that you can use on your own pages! Naturally, you can change their style to fit your own aesthetic.
CSS Generators: Your CSS code with less effort
A wide range of CSS Generators to build the future of the web. Add your setting, get your CSS code.
good-css
Strong opinions about modern CSS technique, borrowed from experts, for agents to know and reach for.
#10: "Bad at CSS" by Keith Cirkel
The Layout Maestro by Ahmad Shadeed
Build any web layout with confidence. Learn practical CSS layout through visual lessons, interactive demos, and a proven layout mindset.
Fundamental design principles for non-designers
By Anna 4erepawko Mészáros This one is for all the content creators out there who can’t afford to pay a professional designer, as well as for non-designers on a team where designers are always too busy to help. If you can follow these simple steps, I...
Relearn CSS layout
If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves.
justify-content - CSS | MDN
CSS の justify-content プロパティは、フレックスコンテナーの主軸、グリッドおよび段組みコンテナーのインライン軸に沿って、中身のアイテムの間や周囲に間隔を配置する方法を定義します。
Improving Your CSS with Parker – CSS Wizardry
Using static analysis to learn where to improve your CSS
Preserving the Pixel Art Look in Web Content
Learn essential CSS techniques, scaling strategies, and design principles that preserve the crisp, totally-cool aesthetic of pixel graphics across high-resolution displays and responsive web environments.
New HTML and CSS features you should be using in your design system - zeroheight
Declan Chidlow explores new HTML and CSS features that can make your design system more flexible, adaptable, and maintainable.
New HTML and CSS features you should be using in your design system - zeroheight
Declan Chidlow explores new HTML and CSS features that can make your design system more flexible, adaptable, and maintainable.
Taming Typography: Building a Modern CSS Reset | CSS-Tricks
Stu created tidy-typography.css: a style reset for taming typography with modern CSS features for everything from fluid typography and vertical rhythm, to hyphens and variable fonts.
The State of CSS 2020: Conclusion
The annual survey about the latest trends in CSS.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
