본문 바로가기

분류 전체보기136

추천 bootstrap 3 인터넷 강의 udemy.com 에서 들었던 인터넷 강의이다.설명도 굉장히 잘 되어 있고, 아이폰같은 작은 화면에서도 코딩장면이 잘 보이도록 확대가 되고 있어 보기에 편하다. 처음부터 끝까지 부트스트랩을 이용해서 인덱스 페이지를 만드는 것을 하나 하나 보여준다.이런건 어떻게 만들었지? 하는 궁금증이 들었던 부분들도 있어서 도움이 되었던 것 같다. Code a Responsive Website with Twitter Bootstrap 3https://www.udemy.com/code-responsive-website-twitter-bootstrap/ 아쉽게도 $79 유료강의이지만 종종 세일이나 할인쿠폰 등을 발행하는 경우가 있으니 그 때를 이용하면 $20 이하에도 들을 수 있다. 2014. 8. 5.
twitter bootstrap으로 웹사이트 만들기 bootstrap은 그간 웹디자이너가 개별적으로 만들어서 사용해야 했던 각종 css 정의들을 모아둔 라이브러리같은 것이다.마치 표준처럼 제공되기 때문에 누가 만들어도 똑같은 디자인을 뽑아낼 수 있다. (어쩌면 이것은 단점이기도 하다.)장점으로는 그만큼 생산성이 높아지고 불필요한 css를 정의하는데 들이는 시간을 크게 단축시킬 수 있다. 실제로 기존 사이트에 적용을 해보니 그간 별도로 만들어서 써야했던 각종 버튼 모양이나 modal window같은 컴포넌트들도 아주 손쉽게 추가해서 사용할 수 있어 생산성을 높힐 수 있었고 대단히 매력적이었다. 최근 해외 사이트들을 보면 이 트위터 부트스트랩으로 만들어진 사이트들을 자주 볼 수 있다.아래 사이트를 방문해 보자. http://builtwithbootstrap... 2014. 8. 5.
템플릿을 이용해 15초 만에 랜딩 페이지 만들기 Start an HTML 5 project in 5 seconds! http://www.initializr.com/ 이 사이트의 모토다. 말 그대로 클릭 몇 번이면 멋진 템플릿을 만들어 준다.사실 새로운 프로젝트를 시작할 때 마다 비슷비슷한 랜딩 페이지를 반복적으로 만들어 재사용한다는 것도 참 피곤한 일이다. 그래서 이 사이트에서는 HTML5, Responsive, Bootstrap 등 3가지 종류의 템플릿을 만들 수 있다.Responsive는 최근에 각광받고 있는 반응형 웹 디자인이라고 하겠다.PC는 물론 모바일 기기에 대응해서 화면 크기에 따라 자동적으로 웹 페이지의 컨텐츠를 정열해서 보여준다고 보면 된다. 처음에 jQuery mobile을 하면서 이 말을 처음 접했을 때 사실 감이 잘 오지 않았다... 2014. 7. 30.
도로명 주소 적용하기 현재 운영하고 있는 쇼핑몰에서 최근에 가장 골치 아팠던 부분이 바로 도로명 주소 입력. 기존 거래업체들이 도로명 주소를 입력하는데 그나마 제대로 된 것을 입력하면 다행이지만 경우에 따라 잘못 알고 있는 경우도 있어서 주소를 못찾아 택배기사에게 항의 전화오고...-_-; 또 택배기사들은 택배기사들대로 새 주소에 적응하지 못해 배달이 지연되는 일도...그래서, 도로명 주소를 구축하려고 알아보니 http://www.juso.go.kr 에서 뭔가 지원을 해주는 것 같긴 한데 전화해서 담당자 확인하고 메일 보내도 묵묵부답. 그러다 최근에 다시 오픈예정인 쇼핑몰 구축하면서 도로명 주소도 검색이 되게 해달라고 하기에 우연찮게 검색 중에 이미 DB를 구축해 놓은 postcodify 라는 알게 되었다. 오호라 이거면 되.. 2014. 7. 29.

티스토리툴바