What is this?
iCSS ('不止于 CSS') is a large, ongoing collection of creative CSS and web-animation write-ups, numbered from #1 up to #220+, covering everything from fundamental CSS concepts to advanced visual effects.
iCSS ('不止于 CSS') is a large, ongoing collection of creative CSS and web-animation write-ups, numbered from #1 up to #220+, covering everything from fundamental CSS concepts to advanced visual effects.Is this a code library, or just a reading list?It's a reading list, not a library — there's nothing to install. Every entry is a standalone write-up explaining a CSS trick, originally posted as a GitHub Issue and mirrored to the author's blog.
It's a reading list, not a library — there's nothing to install. Every entry is a standalone write-up explaining a CSS trick, originally posted as a GitHub Issue and mirrored to the author's blog.How is the list organized, and where should I start?Entries are numbered in reverse order (newest first, currently up to #220) under a '按分类进行阅读' (browse by category) section, so you can jump straight to any topic that interests you or start from #1 for basics like inheritance and the box model.
Entries are numbered in reverse order (newest first, currently up to #220) under a '按分类进行阅读' (browse by category) section, so you can jump straight to any topic that interests you or start from #1 for basics like inheritance and the box model.Is this list still actively updated?Yes, it's actively maintained — the most recent entry (#220) covers the native browser Anchor Positioning feature, showing the author keeps adding new CSS features as they ship.
Yes, it's actively maintained — the most recent entry (#220) covers the native browser Anchor Positioning feature, showing the author keeps adding new CSS features as they ship.Do I need to read Chinese to use this?Yes — all 220+ entries are written in Chinese with no official English translation, though many rely heavily on code snippets and images that are understandable regardless of language.
Yes — all 220+ entries are written in Chinese with no official English translation, though many rely heavily on code snippets and images that are understandable regardless of language.Does it cover modern CSS features like nesting or container queries?Yes — alongside classic tricks, recent entries dig into modern CSS such as native nesting (#196), container queries (#164), and CSS math/trigonometric functions (#195, #187).
Yes — alongside classic tricks, recent entries dig into modern CSS such as native nesting (#196), container queries (#164), and CSS math/trigonometric functions (#195, #187).Is the content published anywhere besides GitHub Issues?Yes, new write-ups are first published on the author's WeChat public account before being added to this Issues-based list.
Yes, new write-ups are first published on the author's WeChat public account before being added to this Issues-based list.What does the project's tagline '不止于 CSS' mean?It translates to 'beyond just CSS', reflecting that the collection also dives into web animation, interaction, and rendering tricks rather than pure styling alone.
It translates to 'beyond just CSS', reflecting that the collection also dives into web animation, interaction, and rendering tricks rather than pure styling alone.What are similar projects?Web, CSS-Inspiration, Awsome-Front-End-learning-resource, css-protips, guiadevbrasil, blog, markyun, 33-js-concepts
Web, CSS-Inspiration, Awsome-Front-End-learning-resource, css-protips, guiadevbrasil, blog, markyun, 33-js-conceptsWhich topics is it in?css-animations, css3, chinese-language, svg, design, beginner-friendly, animation, css, guide, learning-resources, china, html
css-animations, css3, chinese-language, svg, design, beginner-friendly, animation, css, guide, learning-resources, china, html