Tag: css

  • Front-end Build Tools in 2023

    The Standard When we say a front-end build tool, we mean: Ready for production When we say a build tool is ready for production, we mean: Vite 4 Vite 4 is based on esbuild (written in Go) and Rollup. It adopts un-bundled dev server for faster HMR and bundled dependencies for faster cold booting. Vite…

  • position: fix not working? Check transform

    In CSS, many position/layout properties are context-aware. For example, position: absolute; only works if the desired parent has position: related/absolute/fixed;. However, position: fixed; is very simple. It is always related to window, barely affected by parent container. But, I stuck in this small issue: transform:scale(1); position:fixed; right:10px; bottom:10px; This is strange, I have position: fixed;…