Allinfopath

눈길을 사로잡는 마법! '자동 롤링 슬라이드' 구현법 사용자가 가만히 있어도 카드가 스스로 넘어가는 자동 슬라이드는 블로그를 훨씬 역동적으로 보이게 합니다. 이전의 가로 스크롤…

슬라이드의 완성! 맨 끝에 '전체보기' 카드 추가하기 슬라이드에 모든 글을 다 담을 수는 없습니다. 3~5개의 핵심 글을 보여준 뒤, 마지막에 전체보기 버튼을 배치하면 독자를…

공간의 마법! 여러 개의 글을 넘겨보는 '가로 슬라이드' 레이아웃 추천하고 싶은 글은 많은데 세로로 길게 나열하면 독자가 지루해할 수 있습니다. 가로 슬라이드(Carousel)…

카테고리별 맞춤 컬러! 개별 배지(Label) 정밀 설정 가이드 모든 카테고리에 똑같은 색상의 배지를 다는 대신, 주제별로 상징적인 컬러를 지정해 보세요. 독자는 시각적 정보만으로도 어떤 카…

CSS 가상 요소를 활용한 카테고리 배지(HOT/NEW) 자동 삽입법 방문자에게 특정 카테고리를 강조하고 싶을 때, 매번 이미지를 제작할 필요가 없습니다. CSS의 ::after 기능을 활…

본문의 품격을 높이는 인용구 디자인 3종 세트 글의 중간중간 핵심 요약이나 명언을 넣을 때, 그냥 적는 것보다 디자인된 박스를 사용하면 독자의 집중도가 훨씬 올라갑니다. 블로그 성격에 맞는 …

강렬한 포인트! 사각형 박스 형태의 '드롭 캡' 자동 적용법 단순히 글자만 키우는 것이 심심하다면, 첫 글자에 배경색 을 넣어보세요. 시각적으로 훨씬 강조될 뿐만 아니라 블로그…