css 3

bootstrap 3.0 이해하기 1편

Bootstrap을 사용하려면 Grid CSS를 이해하는데에서 시작한다.2.0 이전 버전에서는 .row , .spanXX 를 이용하여 grid 를 만들었지만3.0 이상의 버전에서는 좀 다르다. 3.0 이상 버전에서는 "mobile first"라는 목표하에 모든 css 에 변화가 왔다.게으로 개발자로서는 매우 불쾌한 일이기도 하죠.대체 왜 이전 버전하고 호환이 안되는 이런 엄청난 변화가 일어난거지.... 당현한 불평이죠. 일단 내용을 좀 보자면 요즘 여러 해상도의 레이아웃을 해결할 수 있도록 하는 "responsive layout" 기능의 구현에 노력한것 같습니다. 일단 변화된 grid 시스템의 요체가 아래와 같습니다.

프로그램 2014.08.07

간단하게 Tab을 구현하기 위한 제안 , jQuery + CSS

오늘은 jQuery기반 CSS Tab 을 소개 해 드립니다.. 물론 제가 개발한 건 아니고.... 급하게 쓸만한것 소싱하가다가 물건이다 십에서 소개 해 드립니다. (현업에서 jQueryUI tab 의 사용이 어려울때가 많습니다. 특히 디자이너가 반대 하는경우가 많죠... 이럴경우 손쉽게 css 를 수정할 수 있는 tab 이 필요한데, 그럴때 안성마춤 입니다.) 출 처 : http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/ 좋은 리소스 : http://www.sohtanaka.com/web-design/category/jquery-tutorials/ HTML Gallery Submit TAB CSS ul.tabs { margin: 0; paddin..

프로그램/jQuery 2011.02.13