tip (29) 썸네일형 리스트형 width(),height() 뭐라고 발음 하시나요? feat. 원어민 발음 사이트 실무 프로젝트를 뛴지 어언 20년을 앞두고, 우리나라 특성인지, 읽기쉬운대로 발음을 그대로 하는 경우가 굳어지고 그게 업계 표준이 된건지 프로젝트 하다보면 대부분의 디자이너, 개발, 퍼블 상관없이 네이티브나 민감하신분들을 제외하곤 대부분 width = 위드 height = 헤이트 라는 경우가 많을거다 어려운 영어단어도 아니고 초중고에도 나올만한 단어이지만, 유독 저렇게 발음하는 사람이 많다. width = 윗(쓰) https://ko.forvo.com/word/width/#en height = 하잇(ㅌ) https://ko.forvo.com/word/height/#en 가서 원어민 발음 한번 들어보시고, "원어민도 아니고, 우리끼리 다 이해되지 않냐" 라고 한다면 너도 헤이트 나도 헤이트, I Hate .. #css - \n 줄바꿈 방법 db에서 데이터를 받아올때, 줄바꿈된 데이터를 받아오거나, 가공해서 \n -> 태그로 처리하거나 한뒤에 다시 html로 집어넣는데, \n 상태의 데이터를 string형식으로 뿌려야될때 해당 dom에 white-space: pre-line; 을 넣어주면 간단하게 해결이 된다. white-space: pre-line; css 말풍선용 삼각형 만들기 수도클래스 팁 출처: http://firejune.com/1533/%EC%88%9C%EC%88%98+CSS%EB%A1%9C+%EC%82%BC%EA%B0%81%ED%98%95(%ED%99%94%EC%82%B4%ED%91%9C)+%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0 Buongiorno! .chat-bubble { background-color:#EDEDED; border:2px solid #666666; font-size:35px; line-height:1.3em; margin:10px auto; padding:10px; position:relative; text-align:center; width:300px; -moz-border-radius:10px; -webkit-border-radius.. html5-boilerplate main.css 참고 https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css 스크린리더에서 읽히는 css 숨김처리 참고용 /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden;} /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; .. entity code 하이픈(hyphen) 보이스 오버 – 로 사용하면, 2012-10-11 같은 경우 2012 10 11로 읽어주나,– entity code 사용시 2012년10월11일로 읽어준다. 주민번호나 계좌번호 같은경우는 그냥 하이픈(-) 이나 차이가 없어보인다.띄어읽음 [퍼옴]익스플로러 조건부 주석 효율적으로 사용하는 방법 출처: demun(대문블로그)http://demun.tistory.com/2267#headerIE는 버젼별로 조건을 걸어서 스타일을 작성하곤 합니다.그래서 HTML이 아주 조건부 주석으로 난잡해지고 또한 스타일시트도 버젼별로 만들어서 사용하곤 했습니다.하지만 좀더 간단하고 효율적인 방법이 있어 소개합니다. 아래의 경우는 제가 이번에 제작한 스킨인 Responsive 라는 스킨에도 포함된 마크업구조 입니다.반응형 티스토리 블로그 스킨 Responsive 를 소개합니다. -> http://demun.tistory.com/2264티스토리의 경우 스킨 편집에서 업로드하면 images 라는 폴더구조가 생깁니다.ie6,7,8 등의 스타일시트를 만들고, IE를 조건부로 스타일시트를 링크시킬려면 와 에 아래처럼 사용.. Entity Code http://www.danshort.com/HTMLentities/index.php?w=money DescriptionCharacter (click)HTML EntityCode DecimalCode HexMonetary SymbolsCents sign¢¢¢¢Pound Sterling££££General currency¤¤¤¤Yen¥¥¥¥Euro€€€€Franc (French)₣—₣₣Euro-currency sign₠—₠₠Colon (Costa Rica, El Salvador)₡—₡₡Cruzeiro (Brazil)₢—₢₢Lira (Italy)₤—₤₤Mill (US$.001)₥—₥₥Naira (Nigeria)₦—₦₦Peseta (Spain)₧—₧₧Rupee (India)₨—₨₨Won (Korea)₩—₩₩Ne.. iscroll시 native scroll 적용되게 iscroll.js 에서는 기본 스크롤하기전에 이벤트 막는것을 제거한다 아래처럼 iScroll v4.2.5 버전 기준,하위도 크게 상관없을것으로 보임 //onBeforeScrollStart: function (e) { e.preventDefault(); },onBeforeScrollStart: function (e) { }, 그리고 해당 스크롤 사용할 스크립트에, 붉은색 부분을 추가해준다.stackoverflow에서 검색했는데, http://stackoverflow.com/questions/7800261/iscroll-with-native-scrolling-on-one-axis여긴 onBeforeScrollMove를 썼는데, 그렇게 하니, 안드로이드에서(버전 상관없이, 진저에서 아이스크림 샌드위치까지)전.. 이전 1 2 3 4 다음