typography (2) 썸네일형 리스트형 [CSS] 타이포그래피 프레임워크 구축 TL;DR 타이포그래피 시스템 프레임워크를 통해 디자인 / 개발 팀이 제품의 가독성 및 일관성을 향상시키고. 예측 가능한 방식으로 타이포그래피를 사용할 수 있습니다. 원문 : https://medium.com/prototypr/10-practical-steps-to-create-a-predictable-accessible-and-harmonious-typography-system-a-case-6c85d901bedd A framework to create an accessible & harmonious typography system for faster design-dev handoff Enabling design & development teams to use accessible and harmoniou.. [publishing] 유용한 과거의 CSS와 타이포그래피 https://css-for-js.dev/ 수업 내용에서 발췌 하위 호환이 좋으면서 유용한 css들을 알아봅시다. 초기 웹은 잡지, 책과 같은 출판(publishing)을 위한 것이었음. 레이아웃 모델 문서의 흐름을 따르는 Flow layout 이미 놓여진 요소, containing block, viewport에 상대적인 Relative layout 플렉시블 박스(그리드, 플렉스박스) 멀티컬럼 레이아웃 float 아래와 같이 wrapper에 css를 입히면 .wrapper { columns: 2; column-gap: 16px; padding: 16px; } 이런 출판물처럼 변합니다. 문단이 쪼개지지 않길 원한다면 p { break-inside: avoid; } 해당 알고리즘의 관심사는 모든 열의 높이가.. 이전 1 다음