웹디자인 (Web design) Archives » 3 / 3 페이지

웹디자인은 사용자 경험과 인터페이스를 고려한 웹사이트의 시각적 구성과 디자인이며, 이를 통해 사용자의 편리한 이용과 유용한 경험 제공, 반응형 디자인 적용, 웹 표준과 접근성 이해가 필요함을 의미합니다.

CSS 선택자란 무엇인가

2020년 4월 14일/카테고리: 기술 (Technology), 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon

CSS 선택자(CSS selector)는 CSS 스타일 규칙을 어떤 HTML 요소에 적용할지를 지정하는 패턴이나 규칙입니다. 선택자는 HTML 문서의 요소를 찾고, 해당 요소에 스타일을 적용하는 데 사용됩니다.

css gird layout 에대해 정리해보자

2019년 8월 5일/카테고리: 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon

css gird layout 은 가장 혁신적인 레이아웃을 잡는 획기적인 모듈이라고들 말 한다. 쉽게 웹페이지상의 그리드를 이용하여 특정 위치를 활용할 수 있다.

list-style 이미지 적용하기

2019년 6월 7일/카테고리: 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon

list-style 이미지 속성을 적용하여 목록 항목에 이미지를 사용하려면 다음과 같이 CSS를 사용할 수 있습니다:

백그라운드 무빙 css 애니메이션 효과주기

2019년 4월 26일/카테고리: 기술 (Technology), 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon

백그라운드에 무빙(Moving) CSS 애니메이션 효과를 주기 위해 @keyframes 규칙을 사용할 수 있습니다. @keyframes 규칙은 애니메이션에 대한 키프레임(시작과 끝 상태)을 정의하는데 사용됩니다.

모바일 CSS 소스

2019년 1월 13일/카테고리: 기술 (Technology), 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon

모바일 CSS를 설정하는 데 사용되는 일반적인 속성과 값에 대해 알려드리겠습니다. 모바일 기기에서 웹 페이지를 최적화하기 위해 다음과 같은 CSS 속성을 사용할 수 있습니다:

반응형 디자인 그리드 란?

2018년 1월 15일/카테고리: 기술 (Technology), 배움의길 (Week I Learned), 웹디자인 (Web design)/작성자: sheldon

반응형 디자인 그리드는 웹 페이지의 레이아웃을 구성하는 데 사용되는 효과적인 방법 중 하나입니다. 그리드 시스템은 웹 페이지를 일정한 열과 행으로 분할하여 요소의 배치와 정렬을 도와줍니다. 이를 통해 다양한 화면 크기와 장치에 대해 일관된 레이아웃을 제공할 수 있습니다.