"★ 웹표준&웹접근성/{Bookmark}"에 해당되는 글 - 8건
Post
0123
css만으로 만든 유명브랜드 로고 등 - 트위터,애플,윈도우,아디다스 등
http://www.ecsspert.com
우와.....라는 말밖엔.. ㅎ
익스플로러에서 링크 누르시면... 지못미.. -ㅅ-;;; ㅋㅋ
위 스샷은 크롬에서 찍은 겁니다~
나머지 모던브라우저들도 다 확인해보니 사파리≥크롬>오페라>파이어폭스 순으로 예쁘게 랜더링 되네요 ㅎ
Post
http://www.css3generator.com/
정말 편하고 쉽게, CSS3 소스를 만들 수 있는 온라인 툴이랍니다~ ㅎㅎ
그렇지만!! 아무리 편하고 좋다고 해도~~ 만들어진 소스를 혼자서도 직접 작성할줄 알아야 하겠죠~? ^ㅅ^
어쨌든 정말 편한것 같네요 +ㅅ+ ㅋㅋ
Post
http://css3please.com/
CSS3 예제소스가 잔~뜩 있어욧 >ㅅ<
아래 이미지는 위 사이트에서 제공하는 예제 중 둥근모서리박스 소스를 가지고 샘플로 만들어본 화면이예요~
(테스트용으로 사용한 브라우저는 모두 2010.05.28 기준 최신버전입니다. IE9는 아직 구하지 못한 관계로 패스 ^^;)
사용한 소스는 아래와 같습니다~
테두리가 solid인 디자인이라면 정말 유용하게 쓰이겠네요~ ^ㅅ^ dashed는 브라우저마다 약간 부자연스러워 보이기도 해서;;
아무튼 CSS3가 샘플소스로 제공이 돼서 정말 도움이 될만한 사이트인것 같아요~~
CSS3 공부하시는 분들 참고하시길 ^ㅅ^
CSS3 예제소스가 잔~뜩 있어욧 >ㅅ<
아래 이미지는 위 사이트에서 제공하는 예제 중 둥근모서리박스 소스를 가지고 샘플로 만들어본 화면이예요~
(테스트용으로 사용한 브라우저는 모두 2010.05.28 기준 최신버전입니다. IE9는 아직 구하지 못한 관계로 패스 ^^;)
사용한 소스는 아래와 같습니다~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<title>CSS3 test</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<style type="text/css">
.box {width:50%; padding:20px; background-color:yellowgreen;}
.box_round {
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<title>CSS3 test</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<style type="text/css">
.box {width:50%; padding:20px; background-color:yellowgreen;}
.box_round {
border:3px dashed gray;
-moz-border-radius: 12px; /* FF1+ */
-webkit-border-radius: 12px; /* Saf3+, Chrome */
border-radius: 12px; /* Opera 10.5, IE 9 */
}
</style>
</head>
<body>
</style>
</head>
<body>
<div class="box box_round">
This element will receive inline changes as you edit the CSS rules on the left. Enjoy
</div>
</body>
</html>
</html>
테두리가 solid인 디자인이라면 정말 유용하게 쓰이겠네요~ ^ㅅ^ dashed는 브라우저마다 약간 부자연스러워 보이기도 해서;;
아무튼 CSS3가 샘플소스로 제공이 돼서 정말 도움이 될만한 사이트인것 같아요~~
CSS3 공부하시는 분들 참고하시길 ^ㅅ^
Post
탭메뉴 디자인과 css 소스를 얻을 수 있는 곳~
http://exploding-boy.com/images/cssmenus2/menus.html
http://13styles.com/category/css-menus/
Post
http://www.cssplay.co.uk/
정말 다양한 종류의 css 소스가 잔뜩 있어요~
갤러리,달력,레이아웃,탭메뉴 등등..
카테고리를 선택한 후 원하는 내용의 제목을 클릭하면 미리보기도 할 수 있답니다 ^^
정말 다양한 종류의 css 소스가 잔뜩 있어요~
갤러리,달력,레이아웃,탭메뉴 등등..
카테고리를 선택한 후 원하는 내용의 제목을 클릭하면 미리보기도 할 수 있답니다 ^^
Post
개발단 코딩에 꼭 들어가는 페이징 부분!
웹표준을 준수하면서 코딩하려면 어떻게 해야할지 잘 모르겠어서 검색하던 중,
유용한 사이트 두 곳을 발견했습니다 ^^
Perfect pagination style using CSS
페이징 모듈을 코딩하는 방법을 쉽게 설명해 놓은 곳이예요~
26 pager styles from around the web (css, images and html)
여러 유명 사이트들의 페이징 모듈 디자인 및 css를 얻을 수 있는 곳~
Post
웹표준화 가이드 (필독!)
http://www.mozilla.or.kr/ko/docs/web-developer/web-standard-guide-2005-appendix.pdf
W3C 문서 한국어 번역판
http://www.w3.org/2003/03/Translations/byLanguage?language=ko
NULI 공유하는 웹표준화 가이드 - NHN
http://html.nhndesign.com
CSS Design Korea - 웹표준 관련 자료
http://wiki.standardmag.org
웹접근성 향상 캠페인
https://www.kado.or.kr/wa
W3C 타당성 검사
http://validator.kldp.org - MarkUp 타당성 검사
http://css-validator.kldp.org - CSS 타당성 검사
후니넷 - CSS레퍼런스
http://hooney.net/docs/Css/DocumentsIndex
일모리와 웹표준 - CSS 기초 메뉴얼
http://ilmol.com/wp
나라디자인 - CSS,웹표준,웹디자인 참고
http://naradesign.net/wp
트리오 - W3C 규격 번역문(HTML,XML,XHTML,CSS,JavaScript)
http://trio.co.kr
Creative & Advanced Web Design for WebDesigner - HTML,XHTML,CSS,XML,JavaScript,웹디자인
http://www.cadvance.org
SpaceKan - W3C CSS2
http://user.chollian.net/~spacekan/css/css.htm
Web2Dong - 국내 Web2.0사이트 모음
http://www.web2dong.com
Go2Web20.net - 해외 Web2.0사이트 모음
http://www.go2web20.net
http://www.mozilla.or.kr/ko/docs/web-developer/web-standard-guide-2005-appendix.pdf
W3C 문서 한국어 번역판
http://www.w3.org/2003/03/Translations/byLanguage?language=ko
NULI 공유하는 웹표준화 가이드 - NHN
http://html.nhndesign.com
CSS Design Korea - 웹표준 관련 자료
http://wiki.standardmag.org
웹접근성 향상 캠페인
https://www.kado.or.kr/wa
W3C 타당성 검사
http://validator.kldp.org - MarkUp 타당성 검사
http://css-validator.kldp.org - CSS 타당성 검사
후니넷 - CSS레퍼런스
http://hooney.net/docs/Css/DocumentsIndex
일모리와 웹표준 - CSS 기초 메뉴얼
http://ilmol.com/wp
나라디자인 - CSS,웹표준,웹디자인 참고
http://naradesign.net/wp
트리오 - W3C 규격 번역문(HTML,XML,XHTML,CSS,JavaScript)
http://trio.co.kr
Creative & Advanced Web Design for WebDesigner - HTML,XHTML,CSS,XML,JavaScript,웹디자인
http://www.cadvance.org
SpaceKan - W3C CSS2
http://user.chollian.net/~spacekan/css/css.htm
Web2Dong - 국내 Web2.0사이트 모음
http://www.web2dong.com
Go2Web20.net - 해외 Web2.0사이트 모음
http://www.go2web20.net
Post
What Browser (최신 브라우저 다운로드)
: 자신의 현재 브라우저버전 확인 후 최신버전으로 업그레이드 가능
http://www.whatbrowser.org/
Internet Explorer
http://www.microsoft.com/korea/windows/downloads/ie/getitnow.mspx
Firefox
http://www.mozilla.or.kr/ko/firefox/
Opera
http://www.opera.com/
Netscape
http://browser.netscape.com/
Safari
http://www.apple.com/safari/download/