demun(대문블로그)

퍼블리셔/도구2017.12.05 13:40

온라인상에서 글쓰기 도구라고 검색하면 많은 툴이 나옵니다.그중에서도 sphinx 나 read the docs 같은 툴이 있습니다.mkdocs 는 마크다운 형식으로 문서를 작성하고 github 에 올리면 Github Pages 로 호스팅되어 볼 수 있습니다.깃 저장소는 https://github.com/demun/mkdocs-tuts 이며 mkdocs 로 제작되는 튜토리얼이 호스팅되는 주소는 https://demun.gith..

퍼블리셔/도구2016.08.25 07:00

요즘에는 콘솔 즉 명령창(cmd) 를 많이 사용합니다.Grunt 를 많이사용하니 npm install 등의 명령어도 많이 사용하고 이래저래 명령어를 많이 사용합니다.더군다나 git 을 사용하니 관련 명령어도 많이 사용하구요. 그래서 좀더 사용하기 좋은 콘솔창은 없을까 찾다보니 좋은게 있더군요. 바로 cmder 입니다.cmder  홈페이지 -> http://cmder.net/단축키와 설정까지 할수있어 사용자의 입맛에 맞..

퍼블리셔/도구2015.11.17 07:00

온라인에서 코드를 작성하고 보여주는 사이트는 몇군데 있습니다. 이전에도 비슷한 글을 작성한 적이 있지요.온라인 구문강조 사이트 -> http://demun.tistory.com/2038이번에는 현재 나와있는 사이트중에서 가장 많은 기능을 제공하고 있는 곳입니다. 바로 codepen 입니다.1. 회원가입http://codepen.io/먼저 회원가입이 안되어 있으시면 우측 상단에 Sign Up 을 통해서 가입하시길 바랍니다.공개하..

퍼블리셔/도구2015.02.10 09:49

CSS 의 전처리 언어는 크게 세가지가 있습니다. LESS, SASS, STYLUS 입니다. 각자의 장점이 있기에 사용을 많이 하는데요. 사용하다보면 각각 변환을 해야할때가 있습니다. 저는 GRUNT 를 사용해서 변환을 하지만 그래도 간단이 변환을 해야할때가 있는데요. LESS 같은 경우는 JS 를 로드해서 변환하기도하고 툴을 이용해서 변환을 하기도 하지만 좀더 편하게 사용할 수 있는 사이트가 있어 알려드립니다.CSS 로 변환하거나..

퍼블리셔/도구2014.03.28 07:00

홈페이지 제작을 위한 프레임워크는 유명한 부트스트랩이 있지요. 또 Foundation 이나 Skeleton 도 많이 사용합니다. 더 많은 프론트 엔드 프레임워크는 http://usablica.github.io/front-end-frameworks/compare.html 에서 보실수 있습니다. 하지만 이 모든것이 외국것이라는.....아쉬운점이 있습니다. 우리나라에서 제작한 것도 있습니다 그래서 여러분들께 알려드릴려고 이렇게 포스팅하게 되었습..

퍼블리셔/도구2014.03.26 07:00

반응형으로 검색을 하다가 좋은 프레임웍이 있어 소개합니다. 바로 320 and Up 입니다. 장점은 뭐냐? 1. 미디어쿼리: 480,600,768,992,1382 등에 맞쳐 미디어쿼리를 만들어놓았습니다. 2. 컬러, texture, 타이포그래피 등을 레이아웃과 분리하여 작성하여 두었습니다. 3. 부트스트랩의 버튼, 폼, 테이블 스타일을 사용할 수 있습니다. 4. Modernizr, Selectivizr 과 responsive ty..

퍼블리셔/도구2013.01.14 05:00

요즘은 html5에 대한 관심이 날로 높아지는 시기입니다.티스토리 블로그를 하고 잇지만 다른곳에서는 html5와 css3에 대한 템플릿이나 기술들이 넘쳐납니다.저도 매번 html5로 코딩을 하는것을 잠시 뒤로 하고 남들이 만들어놓은것을 찾아보던중 좋은 곳이 있어 소개합니다.http://www.html5webtemplates.co.uk/templates.html이 사이트의 템플릿을 모두 공짜입니다. 미리보기도 할 수 있으며 미리보기를 클릭하면 브라우져..

퍼블리셔/도구2013.01.11 05:00

웹폰트 아이콘을 표시하는 Font Awesome 에 대해서 소개합니다.Font Awesome -> http://fortawesome.github.com/Font-Awesome/Font Awesome 는 부트스트랩을 지원합니다.부트스트랩 스킨을 사용하는 분이면 이걸 추천합니다.문제는 티스토리에서는 파이어폭스가 제대로 표시하지 못하는 단점이 있습니다. 이유는 도메인때문인것으로 알고 있습니다. 티스토리쪽에 질문을 남겼는데 ..

퍼블리셔/도구2013.01.10 05:00

그리드시스템이란 레이아웃을 격자형태로 짤라서 잡아주는 도구를 말합니다. 검색을 해보시면 아주 많은 그리드가 나옵니다. 그중에서 오늘 소개하는 것은 세만틱 그리드 시스템입니다. -> http://semantic.gs/ 이 semantic 은 제가 제작한 반응형 스킨 Responsive 에 사용된 그리드 시스템입니다. 반응형 스킨 Responsive -> http://demun.tistory.com/2271 ..

퍼블리셔/도구2013.01.09 04:30

블로그를 하다가도 이쁜 버튼하나 만들려면 html, css 코드 넣어야하고, 경우에 따라서는 이미지도 만들어야 합니다.하지만 간단하게 원하는 디자인을 만들거나 선택한 다음 생성버튼만 클릭하면 코드가 나오는 사이트가 있습니다.퀄리티 또한 괜찮습니다.버튼 생성기 -> http://livetools.uiparade.com/button-builder.html보시면 아시겠지만 우측에 셋팅을 이것 저것 만져보세요. 왼쪽에 미리보기를 통해서 쉽게 ..