깨지지 않는 유연한 디자인을 위한 규칙 @마크다운 # 깨지지 않는 유연한 디자인을 위한 규칙 최근 [eel](https://github.com/ChrisKnott/Eel)을 사용해 C Python ChromeAppMode 형태로 GUI를 작성하면서 정리한 노트. 1픽셀까지도 직접 조작하길 원할 경우, 디자인이 깨지지 않게 하는 좋은 규칙이다. 뻔한 웹 사이트나 웹 어플리케이션 제작은 그냥 CSS 프레임워크를 쓰는게 삶의 질을 높여줄 것이라 생각한다. 1. `reset.css` - 일단 먹이고 시작한다. 일관성 있는 디자인 초기값을 위해 반드시 필요하다. 2. `html { width: 100vw; }` - 스크롤 바 크기를(대략 16px) 브라우저가 선점하지 못하게 한다. 3. `:root { --some-variable-name: 1px; .. 더보기 이전 1 2 3 4 ··· 285 다음