12 Modern CSS One-Line Upgrades | Modern CSS Solutionshttps://moderncss.dev/12-modern-css-one-line-upgrades/
Sometimes, improving your application CSS just takes a one-line upgrade or enhancement! Learn about 12 properties to start incorporating into your projects, and enjoy reducing technical debt, removing JavaScript, and scoring easy wins for user experience.
CSS icon animation with stephttps://twitter.com/brotzky_/status/1732457510957908352
Improve legibility and reduce layout shifts with x-height adjustments | Ctrl bloghttps://www.ctrl.blog/entry/font-size-adjust.html
The font-size CSS property sets the majuscule (“uppercase”) text size. The (font-)size-adjust property can set the minuscule (“lowercase”) size independently.
Unleashing the Power of CSS - Section 1 | SitePoint Premiumhttps://www.sitepoint.com/premium/books/unleashing-the-power-of-css/read/1/lh6za0ih/
Unleashing the Power of CSS - Section 1 - Learn modern, advanced techniques for creating responsive user interfaces #css
Note: Not Hoverhttps://liens.rolandtisserand.fr/shaare/kE63Bg
#linklist:hover .linklist-item:not(:hover) { opacity: .65; }
The Guide To Responsive Design In 2023 and Beyond - Ahmad Shadeedhttps://ishadeed.com/article/responsive-design/
Super Useful CSS Resources 🌈 - DEV Community 👩💻👨💻https://dev.to/lissy93/super-useful-css-resources-1ba3
The ultimate list of 70+ web-based CSS tools that every frontend developer should have bookmarked!. Tagged with css, webdev, opensource, codenewbie.
Styling Underlines on the Web | CSS-Tricks - CSS-Trickshttps://css-tricks.com/styling-underlines-web/
Styling the underlines that sit beneath links can be a tricky business, and I constantly forget what’s the best approach depending on the situation.
Labelling buttonshttps://codepen.io/matuzo/pen/gOzgawo?editors=1100
Using Grid Named Areas to Visualize (and Reference) Your Layout | CSS-Tricks - CSS-Trickshttps://css-tricks.com/using-grid-named-areas-to-visualize-and-reference-your-layout/
Whenever we build simple or complex layouts using CSS Grid, we're usually positioning items with line numbers. Grid layouts contain grid lines that are
Toggle (checkbox without label)https://codepen.io/avstorm/pen/jOEpBLW
ios switch
CSS transitions and hover animations, an interactive guidehttps://www.joshwcomeau.com/animation/css-transitions/
e
Note: Animations csshttps://liens.rolandtisserand.fr/shaare/UoXyCA
Note: CSShttps://liens.rolandtisserand.fr/shaare/pgDWxQ
Switch CSS
https://codepen.io/mburnette/pen/LxNxNg
https://codepen.io/frweslley/pen/RwryjYO
https://codepen.io/vipinmishra/pen/RwWOJVN
https://codepen.io/alvarotrigo/pen/gOXZxNZ
Dark Mode
https://www.ditdot.hr/en/dark-mode-website-tutorial
https://maxpelic.com/blog/post/darkmode-example/
https://alexandersandberg.github.io/theme-switcher/ (pas de prefer color scheme)