Tag: css
All the articles with the tag "css".
Tech Watch Posts
CSS Grid - A Deep Dive
Published: at 01:38 PMThe article provides an in-depth explanation of CSS Grid, a powerful layout system for web development. It covers fundamental concepts such as grid containers, items, lines, tracks, and cells, and demonstrates how to define rows and columns, use fractional units, and control item placement. Practical examples include creating responsive designs, managing grid gaps, and nesting grids. The post also introduces features like auto-fit and auto-fill to enhance grid flexibility.
Why is CSS-in-JS slow?
Published: at 04:26 PMThe article explains why CSS-in-JS can be slow, primarily due to how it handles style generation and rendering. Traditional CSS is parsed directly by the browser, but CSS-in-JS solutions often require JavaScript to generate styles, leading to delays in rendering as the browser must parse and execute JavaScript before applying styles. Some modern tools like PandaCSS or Vanilla Extract mitigate this by compiling CSS ahead of time, reducing performance issues. The article also highlights the trade-offs between different CSS-in-JS approaches.