본문 바로가기

WWWEB138

[벤치마킹] 강남밝은세상안과, PCA, BC카드 라운지, 브레이브 이노베이션, 삼성화재 웹디자인 비앤빛 강남밝은세상안과의원 http://www.bseye.com/ ... PCA MAGIC NUMBER http://www.magicnumber.kr/ ... BC카드 라운지 http://loung.bccard.com/app/loung/main.do ... 브레이브 이노베이션 http://www.braveinno.com/ver3/html/main.html ... 삼성화재 http://www.samsungfire.com/ 2012. 12. 11.
메일링 코딩 CSS Support 가이드 테이블 코딩으로 "인라인스타일"로 줘서 메일작업을 넘겼으나, 개발 붙이고 아웃룩 테스트를 해봤을 때 다음과 같은 이슈사항이 생겨서 다시 재작업. -ㅁ-; 1. 모든 인라인 스타일 및 width 같은 속성 삭제됨.2. 안에는 자동으로 가 붙음.3. colspan 등이 먹지 않음.4. 닫는 태그들 모두 삭제되어 있음. -ㅁ-;5. 는 잘 나옴.6. 외부 스타일을 써보면 어떻냐는 개발자의 의견이 있었지만, 클래스 등 css 충돌 가능성이 아주아주 크기때문에 반려.ㅋㄷ7. 구글, 네이버, 네이트 등 메일에선 인라인스타일을 차단한다는 글도 있었지만, 테스트 결과 그건 사실이 아님. 문제는 이것이 아웃룩 문제인지, 아님 메일을 발송하는 에디터 문제인지 명확히 테스트할 수 없는 환경.;;; 도리도리....그래도 다시.. 2012. 11. 26.
[벤치마킹] 해피빈, 아모레퍼시픽, 일리, 위메이드, 하이트진로, 행복재단 ICT, 제일모직 빈폴, 코너스톤 인터랙티브, 하나금융그룹 웹디자인 해피빈 http://happybean.naver.com/ ... 아모레퍼시픽 http://www.amorepacific.com/index.jsp ... 일리 http://www.illi.co.kr/index.jsp ... 위메이드 http://corp.wemade.com/main/main.asp ... 하이트진로 http://www.hitejinro.com/main.asp ... 행복재단 ICT http://happyict.co.kr/ ... 제일모직 빈폴 http://www.beanpole.com ... 코너스톤 인터랙티브 http://www.cstone.co.kr/index.html ... 하나금융그룹 http://www.hanafn.com/main.do 2012. 11. 22.
[벤치마킹] 금호, 월드비전, 리드웹, 건대병원, 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.
프린트용 CSS (배경 강제출력 등) 배경 강제 출력하기 프린트를 하는 경우 background-image나 background-color는 출력이 되지 않아 간혹 프린트한 내용물이 깨져보이는 경우가 발생함. 이때 아래 코드와 같이 css에서 강제로 배경을 출력하도록 설정할 수 있음.@media print { * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }}   페이지 속성 지정 인쇄 결과물이 예를 들어 A4용지에 딱 맞게 나오게 하고 싶은 경우 아래 코드를 이용하면 됨.size 속성에 A4, A5, B5 등의 값을 줄 수도 있고, 기타 여백을 주거나 절단면을 만들 수도 있음.@page { size: A4; margin: 1cm;}​  이외에 .. 2012. 8. 6.
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.
728x90
반응형

티스토리툴바