나는 항상 사람들이 인쇄 디자인에서 영감을 얻은 것을보고 웹에 포팅하려고합니다. 흥미로운 인쇄 작업의 훨씬 더 깊은 역사가 있으며, 오늘날 대부분의 디지털 디자인 작업을 일식하는 많은 현대적인 작업이 여전히 발생합니다. 웹은 대담하고 흥미로운 디자인을 완전히 사용할 수 있지만, 우리는 그것을 완전히 볼 수 없습니다.
최근에, 우리는 약간의 관심이 급증하는 것을 보았습니다…
Dan Davies는 9 개의 다른 인쇄 기사에서 영감을 얻었으며 각각과 비슷한 레이아웃을 구축했습니다.
Ahmad Gradeed는 책의 이미지에서 영감을 얻은 굵은 타이포그래피로 다소 복잡한 그리드 레이아웃을 재건했습니다.
Facundo Corradini는 New York Times Style Magazine에서 디자인을 구축했습니다.
Frederick O'Brien은 신문 디자인을 웹 디자인과 비교했습니다.
우리는 전에 이런 종류의 탐험을 보았습니다. 이 기사에서는이 작업을 더 잘 수행 해야하는 CSS 도구에 관한 것이지만 Stuart Robson 의이 도구와 같은 데모도 포함되어 있습니다.
또한:
- Jen Simmons는이 드럼을 오랫동안 두드리고 있습니다. “우리의 틀에서 벗어나는 것”은 그녀가 나를 위해 집에 닿는 프레젠테이션에서 사용한 문구입니다.
- Jules Forrest는 인쇄 영감을 얻은 것으로 보이는이과 같은 많은 그리드 탐색을 수행했습니다.
- Raisa Yang은 매거진 레이아웃을 탐색했습니다. 이것은 열을 사용하는 잡지 레이아웃을 탐색했습니다.
인쇄와 같은 디자인을 복제하기위한 모든 주요 CSS 도구와 함께 기사를 작성하는 것이 재미있을 것이라고 생각합니다. 나는 단지 그렇게 할 수도 있지만, 그것에서 나에게 말할 수있는 것은 그것이 CSS의 모든 것이 일종의 것이라는 사실입니다. CSS는 스타일링에 관한 것이며 모든 스타일은 독특한 디자인을 구축하기위한 테이블에 있습니다.
위 내용은 웹에서 영감을 얻은 레이아웃의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

빠른 새로 고침을 통해 실행합시다. 이미지 맵은 html 3.2로 돌아가는데, 먼저 서버 측 맵과 클라이언트 측지 맵은 맵 및 영역 요소를 사용하여 이미지를 통해 클릭 가능한 영역을 정의했습니다.

Devs State Survey는 이제 참여에 개방되어 있으며, 이전 설문 조사와 달리 코드, 직장, 건강, 취미 등을 제외한 모든 것을 포함합니다.

CSS 그리드는 복잡하고 반응이 좋은 웹 레이아웃을 만드는 강력한 도구입니다. 디자인을 단순화하고 접근성을 향상 시키며 이전 방법보다 더 많은 제어를 제공합니다.

기사는 반응 형 설계에서 공간의 효율적인 정렬 및 분포를위한 레이아웃 방법 인 CSS Flexbox에 대해 설명합니다. Flexbox 사용을 설명하고 CSS 그리드와 비교하고 브라우저 지원 세부 사항을 설명합니다.

이 기사는 Viewport Meta 태그, 유연한 그리드, 유체 미디어, 미디어 쿼리 및 상대 장치를 포함하여 CSS를 사용하여 반응 형 웹 사이트를 만드는 기술에 대해 설명합니다. 또한 CSS 그리드 및 Flexbox를 함께 사용하여 CSS 프레임 워크를 권장합니다.

이 기사는 요소 치수 계산 방법을 제어하는 CSS 박스 크기 속성에 대해 설명합니다. Content-Box, Border-Box 및 Padding-Box와 같은 값과 레이아웃 설계 및 형태 정렬에 미치는 영향을 설명합니다.

기사는 CSS, 주요 특성 및 JavaScript와 결합 된 애니메이션 작성에 대해 논의합니다. 주요 문제는 브라우저 호환성입니다.

기사는 3D 변환, 주요 속성, 브라우저 호환성 및 웹 프로젝트에 대한 성능 고려 사항에 대한 CSS 사용에 대해 논의합니다. (문자 수 : 159)


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는