웹 디자이너이자 일러스트레이터인 Nolowene Nowak은 재미있는 온라인 포트폴리오를 만들었습니다 . 아래로 스크롤하여 타임라인 섹션을 체크 아웃하면 CSS 기반 레이아웃이 기본 규칙을 지능적으로 지정하여 작은 화면에서 가로에서 세로 레이아웃으로 변경되는 모듈을 만드는 것을 알 수 있습니다. 2019년 코드가 있는 30대 CSS 애니메이션 예제를 통해 놀라운 애니메이션 웹 사이트를 다운로드하고 만들 수 있습니다. 전 세계적으로 수천 명의 전문 개발자와 디자이너가 프로젝트에 Kube를 선택하는 데는 여러 가지 이유가 있습니다. 하나에 대 한, Kube는 32 Kb, 그것은 당신을 위해 무엇을 할 수 있는 고려 하 여 매우 인상적이다. 또 다른 것은 Kube의 미니멀한 스타일을 완전히 수용할 지 여부는 개발자와 디자이너에게 전적으로 달려 있습니다. 그들은 또한 확장하고 거의 모든 규모로 확장하도록 선택할 수 있습니다. 이 데모 응용 프로그램에서 생성하고 몇 가지 놀라 스놀라운 현실적인 구름주리놀 수 있습니다. 이 존재 한다는 사실은 웹 디자인이 제공하는 무한한 가능성의 메시지를 표시한다. 데모 코드는 CSS3 3D 변환과 일부 자바 스크립트를 사용하기 때문에 매우 복잡합니다.

다음은 주제에 대한 고급 자습서입니다. CSS3에서 만든 좋은 네비게이터 디자인을 우연히 찾고 있다면 그것은 당신을위한 좋은 자원입니다. “운영 디렉터 폴 윌크스(Paul Wilkes)는 파이의 정말 훌륭한 장면을 포착했고, 우리는 가능한 한 디자인의 계층 구조에서 파이를 우선시했습니다.” “우리는 파이가 스스로 말하게 하고, 사이트를 가득 채우지 않는 것이 중요하다고 생각했습니다.” 프론트엔드 개발자 케빈 나이프(Kevin Kneife)는 “Postable은 특히 웹 애플리케이션을 위해 매우 장난스러운 모습을 가지고 있으며, 이러한 디자인에 충실하고 싶었습니다.” 봉투에서 영감을 얻은 줄무늬 테두리부터 재미있는 배경 텍스처, 견고하게 둥근 Omnes Pro 글꼴에 이르기까지 이 사이트는 즉시 주소를 수집하여 드래그를 줄입니다. 이렇게 하면 목록이 끝납니다. 우리는 이것들이 도움이 되었고 CSS 디자인의 (거의) 무한한 세계를 탐험하도록 영감을 주길 바랍니다! 또한 커뮤니티와 자습서를 작성하고 공유하는 데 있어 부끄러워하지 않으며, 설계자가 사용자 인터페이스 키트를 만들고 좋은 디자인 이해를 사용하여 매력적인 사용자 환경을 만드는 방법에 대해 광범위하게 작성했습니다. 개발자는 또한 열 레이아웃 확장이라는 이 레이아웃을 만들었습니다. 시청자는 이미 이 레이아웃을 30,000회 이상 시청했습니다. 이 레이아웃에 액세스하면 서로 다른 색상 열을 표시하고 각 열을 개별적으로 확장하는 포트폴리오에 적합한 간단한 페이지 레이아웃이 표시됩니다.

확장 창 내에서 원하는 모든 콘텐츠에 넣을 수 있습니다. 강력한 비주얼 디자인은 항상 우리의 초점이었다. 이 페이지를 수정하고 있으므로 강력한 CSS 기술도 필요하지만 예제 파일은 CSS 초보자도 시작점으로 사용할 수 있을 만큼 충분히 주석이 있습니다. CSS 작업에 대한 고급 자습서 및 팁은 CSS 리소스 가이드를 참조하십시오. 린지 디 나폴리는 프론트 엔드 디자이너로서의 경력을 묘사하는 포트폴리오 / 리소스 프로젝트인 CSSgirl뒤에 있습니다. 그녀는 그녀의 시간에 몇 가지 멋진 물건을 구축, 그리고 플렉스 박스 그리드 레이아웃 (지원 되는 모바일 탐색) 날짜에 그녀의 최고의 작품 중 하나입니다., 적어도 무료 공유 측면에서; 우리는 그녀가 과거에 진정으로 영감을 주는 프로젝트에 참여했다고 확신합니다.