다양하고 유용한 무료 UI PSD와 일러스트 요소가 돋보이는 웹사이트 디자인을 만나보세요. 아울러 2012년의 TOP 5 웹사이트 UX 트렌드, 조금 더 창의적인 웹사이트 표현를 위한 20가지의 기술 효과 예제도 소개합니다.
반응형 웹에 최적화된 타이포, 다양한 무료 CSS3 툴과 유니크한 레이아웃과 블러효과의 배경이미지를 활용한 웹사이트. 거기에 모바일 인터넷 사용수치를 한눈에 볼 수 있는 인포그래픽도 함께 만나보세요.
글꼴, 아이콘, CSS3 효과 등 웹사이트 적용에 필요한 다양한 요소와 함께 가독성이 높고 레이아웃이 깔끔한 웹사이트도 소개해 드립니다.
CSS3를 활용하여 스크롤링과 같은 다양한 기법을 선보인 훌륭한 웹사이트 30선과 함께 최신 웹 트랜드를 잘 정리한 무료 자료 및 자습서를 만나보세요. Light 효과를 준 모바일 페이지 디자인과 비주얼 효과가 돋보이는 웹사이트 디자인, 실용적인 일정관리에 도움을 주는 jQuery 기반의 캘린더 플러그인도 함께합니다.
모던한 스타일의 block quote 예제와 30가지 무료 아이콘 세트, 창의적인 포트폴리오 웹사이트, 그리고 크로스브라우징을 고려한 CSS3 BOX 스타일링 및 예제 코드와 함께 터치 디바이스에서 깔끔한 이미지 스크롤과 이미지 확대를 구현하는 방법을 알려드립니다.
cssawards.net에서 선정한, 스크롤링 기법을 사용한 44 개의 창의적인 웹사이트와 성공적인 웹사이트 제작을 위한 컬러 사용 가이드 등 웹에 관한 유익한 정보를 제공합니다.
카운트다운 효과를 이쁘게 보여주는 jQuery 플러그인과 멋진 슬라이더 디자인을 사용한 21개의 웹사이트, 디자이너라면 자신의 역량을 뽑내볼만한 온라인 디자인 공모전과 CSS3 코드를 실시간으로 만들 수 있는 24 개의 사이트와 함께 정돈된 디자인 요소를 보여주고 있는 매력적인 기업의 사이트들을 살펴보세요.
마우스의 방향에 따라 반응하는 방향 인식 마우스 효과와 터치 디바이스에서 멀티 터치 이벤트를 손쉽게 하는 JavaScript 라이브러리, 어두운 컬러를 컨셉으로 하는 모던한 느낌의 사이트들과 CEO가 직원들의 SNS 사용을 허용하는 이유를 소개합니다.
창의적이고 컬러 사용이 돋보이는 웹사이트들과 CSS3로 만든 웹 대시보드를 살펴보시고, 깔끔한 스타일의 GUI 요소들도 활용해 보세요.
보다 성공적인 웹사이트를 만들 수 있는 재미있는 시도들과 반응형 레이아웃에 적용할 수 있는 네비게이션 구현 형식을 살펴보시고, HTML5의 놀라운 애니메이션 예제들 그리고 CSS3를 활용하여 풀스크린 이미지 슬라이드쇼를 구현한 방법과 함께 활용도가 높은 jQuery, CSS 팁들을 살펴보세요.