웹 디자인에서 시각적 계층 구조의 중요성

사용자 인터페이스에서 요소의 시각적 계층 구조를 적절하게 사용하면 대상 사용자에게 큰 영향을 미칩니다. 이 기사에서는 비주얼 계층이란 무엇이며 웹 디자인의 중요성에 대해 설명합니다. 웹 페이지와 이미지를 볼 때 우리의 관심은 가장 중점을 둔 요소로 이동합니다. 시각적 계층 구조가 시각적 요소의 특정 순서를 사용하기 때문에 웹사이트는 더 이해하기 쉽습니다. 다음은 시각적 계층이 있거나없는 경우...

WebDesign우X우이디자인

CSS에서 연설 거품을 만드는 방법

HTML과 CSS로 간단한 연설 거품을 만드는 방법을 메모 작성 정도에 남겨 둡니다. 원래 Wordpress에서 하고 있는 블로그의 약간의 디자인 변경으로 썼지만, 왠지 필요 없게 되었다. 데모는 다음과 같은 느낌. 【데모 디자인】 CSS로 만드는 연설 거품 디자인 html css...

HTMLCSS디자인WebDesign

무작위로 이미지가 전환되는 멋진 메인 비주얼 스타일 제목 만들기

2020년도 아직 유행하고 있네요 「타이포그래피」 메인 비주얼의 역할에도 사용할 수 있고, 무엇보다 세련되고… 그런 이유로 뭐라고 타이포그래피도 담은 "메인 비주얼 스타일 제목"의 구현 방법을 가르치고 싶습니다! ※ 어디까지나 자신의 사이트에 통합할 때 사용한 아이디어입니다. 괜찮다면 여러분도 사용하고 있었던 것 같아요 😷 (여기서 사용하고 있습니다) Unsplash Source는 무료 이미...

웹 디자인WebDesignCSSHTML5Unsplash

내가 좋아하는 Haml 스니펫 요약

이 문서는 의 일본어 번역입니다. 에서 pen을 만들 때 을 애용하고 있습니다. 구문을 기억하는 것은 지금도 매우 어렵습니다. 이 게시물에서 내가 과거에 사용한 즐거운 Haml 스 니펫을 정리해 보았습니다. (더 흥미로운 Haml을 찾고, 점점 업데이트하고 있습니다) 문자열 날짜 시간 N회 배열 루프 다차원 배열 루프 루프와 두 개의 배열 지퍼 루프와 세 개의 배열 지퍼 조합과 조인 케이스 ...

WebDesignKatyDeCorahhaml