워드프레스 쇼핑몰, 웹사이트

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
웹사이트

회원관리 사이트

회원관리 프러그인을 이용한 학회 홈페이지.

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
쇼핑몰

해외 쇼핑몰

해외 대상 쇼핑몰. 다양한 플러그인 사용됨.

사이트 이미지
쇼핑몰

강아지 용품 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

포트폴리오 보기

커스텀 디자인

여러 종류의 플러그인을 이용해 페이지와 콘텐츠를 커스텀 디자인

Brizy Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Elementor Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Advanced Custom Field Pro

사용자 정의 필드

커스텀 콘텐츠 작업에 필요한 플러그인

Pods

사용자 정의 콘텐츠 타입

기본 콘텐츠 타입외에 다양한 형태의 콘텐츠 생성.

블로그

책 제목 : 트위터 부트스트랩 - 디자이너도 놀라워 할 매끈하고 직관적인 웹 사이트 디자인의 비밀(432페이지, PDF 포함 504페이지)

영문 제목 : Twitter Bootstrap for Web Development


2013. 3.29일 인쇄 완료되어 선정된 분들에게 오늘 날짜로 발송됩니다. 늦어도 다음 주 월요일에는 받아보실 수 있습니다.





트위터 부트스트랩 책 출간 기념으로 이벤트를 진행합니다. 이 책이 CSS와 HTML을 다룰 줄 아는 분을 기준으로 만들어졌기 때문에 어느정도 웹 디자인 지식이 있어야 따라하실 수 있습니다.


대상 : 웹디자이너, 웹 개발자, 및 CSS로 웹사이트를 스스로 만들 줄 아시는 분을 기준으로 네이버, 티스토리, 다음, 각 포털 사이트 블로거를 배분하여 10명을 선정합니다. 


조건 : 책 읽으신 후 리뷰 작성하기


기간 : 3월 31일까지(종료)


관심 있으신 분은 댓글에 자신의 블로그 URL을 입력해주세요. 추후 선정되시면 택배 배송을 위해 성함, 주소, 전화번호를 제게 알려주셔야 합니다. 


책의 자세한 내용은 관련 글을 참고하세요.


트위터 부트스트랩 책 출간 확정 - http://martian36.tistory.com/1163


트위터 부트스트랩 책 출간 예정 - http://martian36.tistory.com/1146





<책 소개 >


이 책은 4부분으로 나뉜다.


1장에서는 부트스트랩을 다루기 위한 기초 단계로 부트스트랩의 전체 내용에 대해 설명하고 있다. 일반 웹사이트 및 모바일 웹사이트를 제작하기 위해서 부트스트랩의 모든 기능을 설명한다. 부트스트랩은 스타일시트와 자바스크립트 라이브러리로서 웹페이지에 사용되는 모든 요소에 대해 미리 스타일시트를 만들어 놓고 있으므로 HTML에 선택자만 삽입해도 멋지게 웹페이지가 완성된다. 


2장은 부트스트랩의 스타일시트를 조직적이고 체계적으로 만드는데 사용된 Less Preprocessor를 다룬다. 스타일시트를 작성하다보면 중복되는 선택자나 속성이 많이 사용되는데 Less와 같은 프리프로세서를 사용하면 이러한 불필요한 코드의 반복을 대폭 줄일 수 있다. 


3장은 부트스트랩 기초 부분에서 다룬 내용을 기준으로 실제 웹사이트를 만드는 과정이다. 바로 사용할 수 있는 웹페이지를 만들 수 있는 완성단계까지 상세히 설명한다. 초기화면, 갤러리 페이지, 이벤트 페이지, 상품 페이지, 계정 설정 페이지, 블로그 페이지 등 웹사이트에서 사용되는 대표적인 페이지를 부트스트랩 관련 플러그인 뿐만 아니라 외부 자바스크립트 플러그인을 이용해서 웹페이지를 만드는 실정 과정이다. 갤러리 페이지 만들기를 응용하면 요즘 인기있는 웹페이지 레이아웃인 핀터레스트와 같은 웹페이지를 만들 수 있다. 특히 사용자 정의 스타일시트로 부트스트랩의 미디어쿼리를 이용해서 다양한 레이아웃을 변경할 수 있는 방법도 소개한다. 모바일 웹사이트는 기본적으로 만들어진다.


4장은 부트스트랩 3.0 버전을 다룬다. 부트스트랩 2.0은 모바일 겸용이지만 3.0 버전은 현재 개발 중에 있고 모바일 우선지원을 기반으로 하고 있다. 2.0과의 차이점과 3장에서 만든 웹사이트 디자인을 3.0 버전으로 수정하는 방법을 설명하고 있다.



부트스트랩! 웹 디자이너와 웹 개발자를 위한 웹 프레임워크.


부트스트랩은 최근에 개발된 웹디자인 프레임워크입니다. 트위터 개발자들이 내놓은 오픈소스 프로그램인 부트스트랩은 발표 된 이후 깃허브에서 최고의 인기를 누리고 있으며 관련 프로젝트만 해도 수백개에 이르고 계속 추가되고 있습니다. 웹사이트에 사용되는 모든 요소에 대해서 스타일시트가 미리 정해져 있으므로 어떤 스타일시트를 어떻게 만들어야할지 고민할 필요가 없습니다. 세부 조정을 위해 몇 줄의 사용자 스타일시트만 추가하면 됩니다.


웹사이트 개발 속도를 몇배로 단축


HTML에 선택자의 추가만으로 레이아웃이 만들어집니다. 웹페이지에서 사용되는 모든 요소에 대해서 복잡한 구조의 스타일시트가 이미 만들어져있으므로 선택자만 삽입만으로 멋진 디자인이 간단하게 만들어집니다.  부트스트랩을 사용하면 빨라진 작업 속도를 실감할 수 있습니다. 디자이너는 자신만의 고유한 디자인만 구상하면 됩니다.  


모바일은 기본! 부트스트랩 3.0은 모바일 우선 지원.


부트스트랩을 이용하면 모바일 웹사이트를 쉽게 만들 수 있습니다. 부트스트랩 2.0은 모바일 지원을 위한 스타일시트를 선택적으로 사용할 수 있었지만 3.0은 모바일 우선 지원입니다. 모바일 기기에 적합한 디자인을 만들기위해 현재 개발 중에 있으며 데트스탑 모니터에서도 훌륭한 디자인이 됩니다. 이 책에서는 부트스트랩 3.0 버전도 다루고 있습니다(PDF로 제공).



댓글 (62)

댓글 목록

이전 댓글 더보기