※ Jquery용 tablesorter 

http://mottie.github.io/tablesorter/docs/index.html


※ 설명가이드가 상당히 잘되어있음(페이징설명되어있음)

http://mottie.github.io/tablesorter/docs/index.html#Demo

http://mottie.github.io/tablesorter/docs/index.html#Examples


※ 부스트랩테마도 지원

http://mottie.github.io/tablesorter/docs/example-widget-bootstrap-theme.html


Posted by 시니^^

댓글을 달아 주세요

Programming/HTML/CSS2014.04.24 12:27

Bootstrap 보면 Glyphicons 를 무료로 제공해주는 걸 볼 수 있다 



Glyphicons

사용가능한 기호

Glyphicon Halflings 세트의 폰트 기반의 180 개의 아이콘을 포함하고 있습니다. 

Glyphicons Halflings 은 원래 무료가 아닙니다. 

하지만 제작자가 부트스트랩을 위해 무료로 사용할 수 있도록 만들었습니다. 

그에 대한 보답으로, 우리는 당신이 가능한 때에 Glyphicons 로 가는 링크를 포함하기를 요청드립니다.



자세한 내용과 아이콘리스트는 아래 사이트 참조

http://bootstrapk.com/BS3/components


그런데 사용하기 위해서는 bootstrap.min.css쪽에 아래 4개 font관련 파일 경로 사이트에 맞게 URL지정 해줘야된다

(Bootstrap2에서는 이미지파일로 했는데 3에서 변경된 듯함)



glyphicons-halflings-regular.ttf

glyphicons-halflings-regular.svg

glyphicons-halflings-regular.eot

glyphicons-halflings-regular.woff



그리고 나서 예제처럼 사용하면됨


그리고 여기서 사이즈와 색깔을 다르게 하고 싶으면 style 설정이나 h태그를 활용하면됨

그런데 진짜 이런것 보면 10년전 웹사이트 만들때보다 편해진 부분은 있는 것 같다.

하지만 디바이스가 다양해지면서 체크 할것은 더 많이 생기긴 했지만 ㅠㅠ

Posted by 시니^^

댓글을 달아 주세요

Programming/HTML/CSS2014.04.23 16:12

공식사이트

http://getbootstrap.com/


Github

https://github.com/twbs/bootstrap


한글번역사이트

http://bootstrapk.com/BS3/


2012년 NHN 개발자 블로그에 소개되었던 링크

http://helloworld.naver.com/helloworld/67876


그리고 테마사이트들 모음... 

http://wrapbootstrap.com

http://stylebootstrap.info

http://bootstrapstyler.com

http://bootswatch.com

http://bootstrapzero.com/

http://themeforest.net/collections/2712342-bootstrap-templates


이쁜게 너무 많다 ㅠ_ㅠ


http://wrapbootstrap.com/preview/WB0B30DGR 요거 맘에든다!!ㅎㅎ

Ace Skins

Posted by 시니^^

댓글을 달아 주세요