퍼블리싱 이야기 퍼블리싱 이야기

분류 전체보기

• 기본 영문 폰트

  UI & UX 2014. 6. 6. 22:22

  http://yongja.tistory.com/24

  Read More
• Swipe Plugin

  publishing/mobile 2014. 6. 5. 17:21

  TouchSwipe a jQuery plugin for touch devices http://labs.rampinteractive.co.uk/touchSwipe/demos/ ISCROLL 4 http://cubiq.org/iscroll-4 dragdivscroll http://scripterlative.com/files/dragdivscroll.htm http://timwhitlock.info/blog/2012/11/touch-screen-swipe-scroll/

  Read More
• Better way of Image replacement than text-indent:-9999px

  publishing/mobile 2014. 6. 5. 14:17

  출처 : http://www.sitepoint.com/new-css-image-replacement-technique/ This Text is Replaced 백그라운드 이미지로 텍스트를 대체하는 "이미지 대체기법"으로 text-indent: -9999px 을 사용해옴. 웹폰트를 쓰는 환경에서는 거의 필요하진 않지만, 그래도 여전히 많이 필요..그래서 더 좋은 방법~ A new technique has been discovered by Scott Kellum and promoted at Zeldman.com: #replace { text-indent: 100%; white-space: nowrap; overflow: hidden; }The code indents the text beyond the wid..

  Read More
• overflow-scrolling : touch

  publishing/mobile 2014. 6. 5. 09:15

  출처 : 정찬명 @naradesign 모바일 웹킷에서 박스의 높이값을 고정하고 내용을 스크롤 하도록 구현할 때 {overflow:auto;-webkit-overflow-scrolling:touch} 속성을 쓰면 던지듯 스크롤 할 수 있네요. 관성이 있는 것처럼 스크롤이 돼요.----------------------------------------------------------------------------------------- overflow-scrolling: touch 한 번의 finger touch로 관성이 걸린듯 속도이동하는 "스크롤링 모션"이 가능. -webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-ms-overflow-s..

  Read More
• 교재 Inside Javascript

  스터디 2014. 5. 30. 17:52

  자바스크립트 기초책 추천[ 모던웹을 위한 Javascript + jQuery 입문 ],[ ppk 자바스크립트] [ Inside Javascript ]5월 31일 - 3. 자바스크립트 데이터 타입과 연산자 4. 함수와 프로토타입 체이닝저자송형주 , 고현준 지음출판사한빛미디어 | 2014.01.02

  Read More
• 펌) 웹 개발자를 위한 필수 브라우저 툴

  publishing 2014. 4. 25. 10:16

  출처 : http://www.kimdirector.co.kr/bbs/view.php?id=webdesign&no=289 웹 개발자를 위한 필수 브라우저 툴 웹 디자이너와 개발자에게 브라우저 내에서 사용할 수 있는 가장 유용한 툴은 무엇일까? 전문가가 추천하는 툴을 살펴보자. 파이어버그(Firebug)웹 디벨로퍼(Web Developer)구글 크롬 디벨로퍼 툴(Google Chrome Developer Tools)자바스크립트 디미니피어(JavaScript Deminifier)폰트 파인더(Font Finder)메저잇(MeasureIt)컬러질라(ColorZilla)플래시블럭(Flashblock)와이슬로우(Yslow)페이지 스피드(Page Speed)쇼IP(ShowIP).....etc.... 현재 크롬을 주로 ..

  Read More
• 웹접근성 인증기관

  웹접근성 2014. 4. 1. 13:37

  한국웹접근성인증평가원주식회사 웹와치한국시각장애인연합회행복한웹앤미디어 국가공인 웹접근성 인증기관이 위의 4곳으로 공식 선정되었다.기존 우후죽순으로 존재하던 웹접근성 인증 기관들의 공신력은 떨어지고,업체 별 가격차이와 평가점수를 내는 기준도 정확성과 일관성이 부족해 보였다. 마치 그냥 돈내고 사는 마크처럼..내 기억으로 작년말 공식 선정작업을 위해 몇개월 정도 기존 업체들의 접근성 인증마크 부여를 중지시키는 바람에 당시 마크를 따려고 준비하던 사람들의 걱정섞인 글들이 올라왔던 것을 보았었다.이제 정식으로 접근성 인증기관이 발표되었고, 앞으로 접근성 마크를 따기 위한 사이트를 만들 때참고하고 방문할 목적으로 url을 걸어둔다. 기사참조 :http://www.ablenews.co.kr/News/NewsConte..

  Read More
• 1. - Web 접근성 이해(2) - 목록정리

  동영상강의/웹접근성 2014. 3. 31. 11:43

  1. - Web 접근성 이해 _정찬명 [1] 이미지에 동등한 의미의 대체 텍스트를 제공한다.[1.1] 전경이미지[1.2] 배경이미지[1.3] CAPTCHA 캡챠이미지[1.4] QR코드 [2] 멀티미디어에 동기화된 자막 또는 원고를 제공한다.[2.1] 공통[2.2] 영상[2.3] 음성 [3]색상에 구애받지 않고 인식할 수 있도록 구현한다.[3.1] 색상 [4] 형태와 소리에 구애받지 않고 인식할 수 있도록 구현한다.[4.1] 형태[4.2] 소리 [5] 문자와 배경색의 명도 대비는 4.5 : 1 이상이어야 한다.[5.1] 본문 23px 이하[5.2] 본문 24px 이상[예외] [6] 음성은 정지된 상태로 제공한다.[6.1] 음성 [7] 키보드 만으로 사용할 수 있도록 구현한다. [8] 초점 순서는 논리적이어..

  Read More