--- title: Best CSS-Tricks posts — February 2025 | daily.dev description: The most upvoted CSS-Tricks posts from February 2025, curated by the daily.dev community. canonical: https://daily.dev/sources/css_tricks/best-of/2025/02 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/css_tricks/best-of/2025/02 og:type: website og:site_name: daily.dev og:title: Best CSS-Tricks posts — February 2025 | daily.dev og:description: The most upvoted CSS-Tricks posts from February 2025, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of CSS-Tricks — February 2025 1. 1 [](https://daily.dev/posts/compiling-css-with-vite-and-lightning-css-fmngpdhop "Compiling CSS With Vite and Lightning CSS") Article CSS-Tricks · 2y Compiling CSS With Vite and Lightning CSS This post discusses how to use Vite and Lightning CSS for compiling and post-processing CSS. It covers the essentials of setting up a Vite project, organizing CSS into cascade layers, and leveraging Lightning CSS for cross-browser compatibility. Instructions on installing and configuring these tools are provided, emphasizing their efficiency and benefits for more complex projects. 14 2. 2 [](https://daily.dev/posts/container-query-units-cqi-and-cqb-taqetzk9c "Container query units: cqi and cqb") Article CSS-Tricks · 2y Container query units: cqi and cqb Container query units like \`cqi\` and \`cqb\` allow sizing elements based on the size of their container instead of the viewport. \`cqi\` represents the inline size unit, and \`cqb\` handles the block size. Additionally, \`cqmin\` and \`cqmax\` units evaluate the larger of the container's inline or block size to determine their value, adding flexibility for responsive design. 12 3. 3 [](https://daily.dev/posts/typecasting-and-viewport-transitions-in-css-with-tan-atan2--tars1idsm "Typecasting and Viewport Transitions in CSS With tan(atan2())") Article CSS-Tricks · 2y Typecasting and Viewport Transitions in CSS With tan(atan2()) Using the \`tan()\` and \`atan2()\` trigonometric functions in CSS, developers can typecast viewport lengths to integers, enabling various responsive design possibilities such as animations and transitions. This technique allows for the creation of dynamic layouts by converting viewport width to an integer variable, which can then be scaled and manipulated to different unit values. Furthermore, the introduction of a \`--wideness\` variable permits smooth interpolation of properties such as opacity, rotation, and offset-distance based on screen size. 11 1 [See all CSS-Tricks archives](/sources/css%5Ftricks/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/css_tricks/best-of/2025/02#page","url":"https://daily.dev/sources/css_tricks/best-of/2025/02","name":"Best CSS-Tricks Posts — February 2025","description":"The most upvoted CSS-Tricks posts from February 2025, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/css_tricks/best-of/2025/02#items","numberOfItems":3,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/compiling-css-with-vite-and-lightning-css-fmngpdhop","name":"Compiling CSS With Vite and Lightning CSS"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/container-query-units-cqi-and-cqb-taqetzk9c","name":"Container query units: cqi and cqb"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/typecasting-and-viewport-transitions-in-css-with-tan-atan2--tars1idsm","name":"Typecasting and Viewport Transitions in CSS With tan(atan2())"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"CSS-Tricks","item":"https://daily.dev/sources/css_tricks"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/css_tricks/best-of"},{"@type":"ListItem","position":5,"name":"February 2025"}]}]} ```