본문 바로가기

WWWEB107

[벤치마킹] 금호, 월드비전, 리드웹, 건대병원, SK, SK planet, 한호전, 더블닷, 호핀레스토랑 웹디자인 금호 http://www.kumhoenc.com/company/about.asp 월드비전 http://www.worldvision.or.kr/ 리드웹 http://www.leadweb.co.kr/index.html 건대병원 http://www.kuh.ac.kr/bin/main/main.asp SK http://sk.co.kr/MainPage.aspx : 반응형웹 SK planet http://www.skplanet.co.kr/ 한호전 메인 http://kht.or.kr/index.asp 한호전 입학사이트 http://ibhak.kht.or.kr/ 더블닷 http://doubledot.co.kr/ 호핀 레스토랑 http://restaurant-h.com/ 2012. 11. 15.
ie9 핵 사용법 (+추가 : ie10 핵) ie9에서 돋움 등의 font가 1px 올라가는 현상은 현재까지 별다른 방법이 없기에 핵, 혹은 css 분기 방법을 이용. [ie9 css핵] - ie9 핵은 아래 예시처럼 선택자 앞에 :root 를 붙이고, 적용 스타일 뒤에 \9를 작성 (ie9 핵 예시) :root div{line-height:1.2\9;} [ie10 css핵] - @cc_on 감지법, @media -ms-high-contrast 핵, @media Zero 핵 등 IE10 CSS HacksBy Louis Lazaris on November 21st, 2012 | 28 CommentsLast year, Microsoft announced that IE10 will not be supporting conditional comments. .. 2012. 9. 28.
나눔고딕 다운(eot, woff, ttf) 및 적용방법 예 [웹폰트 적용방법 예] @font-face{ font-family:ng; src:url(NanumGothic.eot); src:local(※), url(NanumGothic.woff) format(‘woff’) } body,table/*,input,textarea,select,button*/{font-family:NanumGothic,'나눔고딕',ng,sans-serif} [웹폰트 지원 브라우저] ie6~9, FireFox, Chrome, Opera, Safari [나눔고딕다운] (작은용량:동작확인 필요) (작은용량:동작확인 필요) [구글 code] http://code.google.com/p/nanum-web-font/downloads/list [구글 웹폰트 CDN] 나눔폰트는 구글에서도 웹폰트 CDN.. 2012. 8. 23.
jQuery API 원문 : api.jquery.com jQuery API .add()Miscellaneous TraversingAdd elements to the set of matched elements. .addClass()Attributes, Class Attribute, CSSAdds the specified class(es) to each of the set of matched elements. .after()DOM Insertion, OutsideInsert content, specified by the parameter, after each element in the set of matched elements. jQuery.ajax()Low-Level InterfacePerform an asynchronous.. 2012. 2. 9.
스크롤바 디자인 변경 원문 : http://www.dreamincode.net/forums/topic/15885-change-scroll-bar-color-in-firefox-and-opera/물론 웹표준에 위배되는 내용이지만, 혹시.. 정말 혹시나 해서 참고로 남겨둔다~ ㅋㄷHere's what you can do to make this work in all 3 major browsers (IE, Firefox, Opera):1) use this code:view sourceprint?01122) in the HTML tag of your webpage, delete ANY and ALL ties to W3C! For example, you will see code generated in the HTML tag when y.. 2010. 7. 7.
float 해제 1. 가상엘리먼트 이용 (좋은방법) #id / .class { zoom:1;} #id:after / .class:after { content:""; display:block; clear:both; height:0; visibility:hidden;} 2. overflow (자주쓰이지만..) .class { overflow:auto;}, 또는 .class { overflow:hidden;} 3. float:left; 4. clear:both; 5. inline-block .class:after { content:""; display:block; clear:both; height:0; visibility:hidden;} .class { display:inline-block;} 6. 빈 엘리먼트로 처리 : f.. 2010. 6. 15.
폼 디자인 바꾸는 예제 http://www.emblematiq.com/lab/niceforms/demo/v20/niceforms.html 2010. 6. 15.
word-wrap:break-word; (-ing) 영어 텍스트를 깨주기 위해 쓰임. * 참고로 기존에 쓰이던 소스 : word-break:break-all; # Reference [2010.6.15] 퍼센트로 width를 잡은 테이블 안에서는 안 깨지고 테이블이 같이 늘어남...(ff) [2010.6.16] word-wrap:break-word; 테이블 안 한글에서 문제생김. └ 해결방안 : td 안에 div를 넣고 width를 다시 잡아주기. ul로 마크업이 되어있을 때는 ul에 width 값을 줌. 즉, block요소에 width값이 없어서 바깥쪽에 있던 테이블에 영향을 미쳤던 현상. !!!!꼭 width를 줄 것.!!!! [2010.6.16] word-wrap:break-word; ie에서 좌우로 공간생김. [2010.8.20:삼성SDS 공간 - .. 2010. 6. 10.
728x90
반응형

티스토리툴바