| [Design] 5 Simple Tips for Designing Better iPhone Apps (0) | 2012.09.05 |
|---|---|
| CSS Sprite Sheets: Best Practices, Tools and Helpful Applications (0) | 2012.08.31 |
| http://shinydemos.com/ - 오페라에서 만든 웹표준 데모 (0) | 2012.08.10 |
| [CSS] 텍스트 줄바꿈 처리 word-break, white-space (0) | 2012.05.22 |
| 초간단 인포그래픽 만들기 ‘GOOD LABS’ 굿랩스(http://labs.good.is) (0) | 2012.04.27 |
| CSS Sprite Sheets: Best Practices, Tools and Helpful Applications (0) | 2012.08.31 |
|---|---|
| CSS, JS 모음 사이트 (0) | 2012.08.14 |
| [CSS] 텍스트 줄바꿈 처리 word-break, white-space (0) | 2012.05.22 |
| 초간단 인포그래픽 만들기 ‘GOOD LABS’ 굿랩스(http://labs.good.is) (0) | 2012.04.27 |
| Safari Reader - 사파리 읽기도구 (0) | 2012.04.26 |
Break words at an appropriate hyphenation point:
|
word-break: normal|break-all|hyphenate; |
| Value | Description |
|---|---|
| normal | Breaks non-CJK scripts according to their own rules |
| break-all | Lines may break between any two characters for non-CJK scripts |
| hyphenate | Words may be broken at an appropriate hyphenation point |
Specify that the text in paragraphs will never wrap:
ex) http://www.w3schools.com/cssref/playit.asp?filename=playcss_white-space
|
| Value | Description |
|---|---|
| normal | Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary. This is default |
| nowrap | Sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line. The text continues on the same line until a <br /> tag is encountered |
| pre | Whitespace is preserved by the browser. Text will only wrap on line breaks Acts like the <pre> tag in HTML |
| pre-line | Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks |
| pre-wrap | Whitespace is preserved by the browser. Text will wrap when necessary, and on line breaks |
| inherit | Specifies that the value of the white-space property should be inherited from the parent element |
| CSS, JS 모음 사이트 (0) | 2012.08.14 |
|---|---|
| http://shinydemos.com/ - 오페라에서 만든 웹표준 데모 (0) | 2012.08.10 |
| 초간단 인포그래픽 만들기 ‘GOOD LABS’ 굿랩스(http://labs.good.is) (0) | 2012.04.27 |
| Safari Reader - 사파리 읽기도구 (0) | 2012.04.26 |
| http://css-infos.net/ CSS 정보 (0) | 2012.03.28 |
인포메이션 그래픽(Information graphics) 또는 인포그래픽(Infographics), 뉴스 그래픽(News graphics)은 정보, 자료 또는 지식의 시각적 표현이다. 정보를 구체적, 표면적, 실용적으로 전달한다는 점에서 일반적인 그림이나 사진 등과는 구별된다. 복잡한 정보를 빠르고 명확하게 설명해야 하는 기호, 지도, 기술 문서 등에서 사용된다. 차트, 사실박스, 지도, 다이어그램, 흐름도, 로고, 달력, 일러스트레이션, 텔레비전 프로그램 편성표 등이 인포그래픽에 포함된다.
[출처]
http://techit.co.kr/2919
| http://shinydemos.com/ - 오페라에서 만든 웹표준 데모 (0) | 2012.08.10 |
|---|---|
| [CSS] 텍스트 줄바꿈 처리 word-break, white-space (0) | 2012.05.22 |
| Safari Reader - 사파리 읽기도구 (0) | 2012.04.26 |
| http://css-infos.net/ CSS 정보 (0) | 2012.03.28 |
| CSS sprites 기법 (0) | 2011.11.23 |
당신의 사이트가 사파리에서 "읽기도구"가 가능하게 하려면? http://mathiasbynens.be/notes/safari-reader
* 적용하려면
1.올바른 마크업을 사용하라.
가장 중요한 내용이 컨테이너 요소 내부에 포장되어 있는지 확인해라.
<article>,<div>을 사용하고, 심지어 <span>도 상관하지 않는다. - 이왕이면 <P>를 사용하지 말고.
2.내용이 충분히 있어야 한다.
충분한 구두점을 사용하고, 충분한 단락을 사용하며, 충분한 단어 사용을 하라.
모든 단락은 최소 100자는 되어야 한다.
3."읽기도구"는 로컬문서에 대해서는 작동하지 않는다.
http://www.ravelrumba.com/misc/reader/
| [CSS] 텍스트 줄바꿈 처리 word-break, white-space (0) | 2012.05.22 |
|---|---|
| 초간단 인포그래픽 만들기 ‘GOOD LABS’ 굿랩스(http://labs.good.is) (0) | 2012.04.27 |
| http://css-infos.net/ CSS 정보 (0) | 2012.03.28 |
| CSS sprites 기법 (0) | 2011.11.23 |
| [WEB] 35 inspiring light and white website designs (0) | 2011.08.25 |
| 초간단 인포그래픽 만들기 ‘GOOD LABS’ 굿랩스(http://labs.good.is) (0) | 2012.04.27 |
|---|---|
| Safari Reader - 사파리 읽기도구 (0) | 2012.04.26 |
| CSS sprites 기법 (0) | 2011.11.23 |
| [WEB] 35 inspiring light and white website designs (0) | 2011.08.25 |
| [Web] The Top 8 Placeholder Services for Web Designers (0) | 2011.04.13 |
