I LOVE EJ

http://www.htmldrive.net/ 이미지 갤러리.. 1. FUll Size Images Viewer- 간단한 제품사진보기, 이미지 갤러니 Thumb Nail 이미지 보기에 사용하면 제격- http://www.addfullsize.com/ 2. Ajax Scroll- 이미지 계속 스크롤시 한번에 불러오기 힘든경우. 이기능을 이용하여 이미지 스크롤하면 좋을것 같음- http://blog.yctin.com/archives/jquery-plugins-ajaxscroll/ 3 Galleria - 이미지 갤러리로 쓰기엔 제격인거 같음.- http://devkick.com/lab/galleria/ 4. Galleriffic photo galleries- 차기 숲속 이미지 갤러리 형태 낙점 advance ..

E7 문제점 해결: z-index, 리스트 계단현상, Hack, hasLayout Windows XP의 경우 '인터넷 익스플로러 6(IE6)'이 자동으로 함께 설치된다고 해도 얼마 사용하지 않아 '익스플로러 8(IE8)'을 설치하라고 권고합니다. 그만큼 익스플로러 8 이하 버젼이 웹표준에 어긋난다는 것인데요. 아직 많은 사이트들이 익스플로러 6, 7(IE6, IE7)에 맞추어 만들어져 있어서 익스플로러 8 이상에서 제대로 작동하지 않는 경우가 많습니다. 그러다보니 익스플로러 8을 사용하는 네티즌들이 호환성보기를 클릭하여 이전 버젼에 적합하도록 설정하여 웹서핑을 하게 됩니다.IE8을 설치하고 IE7 정도의 수준으로 사이트를 본다는 얘기죠.이런 경우 웹표준으로 만든 사이트들이 오히려 레이아웃이 깨지는 등 제..

영역이 넘는 html 텍스트 css로 간단히 말줄임표로 줄이기!! 예를 들어 영역이 넘는 html 텍스트 css로 간단히 말줄임표로 줄이기!! 저렇게 코딩을 하고 말줄임까지 나오고 나머지는 ...으로 나오게 하기 위해서는 html 마크업을 마친 후 css로 넘어와서 .ellipsis {width:250px; // 이 부분은 디자인된 길이에 따라서 변경이 가능합니다.display:inline-block;text-overflow:ellipsis; //잘라지는 부분에 자동으로 ...을 넣어주는 속성입니다.overflow:hidden;white-space:nowrap;} 이렇게 지정을 해주시면 간단하게 해결하실 수 있습니다.[출처] 영역이 넘는 html 텍스트 css로 간단히 말줄임표로 줄이기|작성자 Smile

□ 사이트 벤치마킹http://www.cssmania.com/ □ 폰트 사이즈 값 비교http://emtopx.com/pt-to/http://riddle.pl/emcalc/ □ css 관련 사이트http://www.gotapi.com/css

SEO가 중요시 되는 최근입니다.메타태그 활용하는 방법에 대해서 정리해볼까 합니다. 메타태그란하이퍼텍스트 생성 언어(HTML) 문서의 맨 위쪽에 위치하는 태크. HEAD 태그 사이 또는 뒤에 있어도 되지만, 반드시 BODY 태그 앞쪽에 위치해야 한다. 브라우저와 검색 엔진을 사용할 수 있도록 문서의 정보를 포함하고 있다 우선 가장 기본이 되는 메타 태그 최근에는 UTF-8 요것만 많이 써본 것 같습니다. 사이트의 정보를 검색봇에게 전달하는 메타태그

과거 HTTP 표준이 지켜지지 않을때 IE가 시장을 지배한탓에 IE8에는 여러가지 모드가 있다. 일반적으로 잘 알려진 것이 호환성 모드이다. IE8이 표준에 대한 지원을 강화함에 따라 이전 전용코드들에 대해서 문제가 발생하는데 이를 해결하기위한 땜빵이 호환성 모드이다. 표준과 IE전용을 적당히 석어서 랜더링한다. IE8에보면 F12로 개발자모드 창을 띄울수있다. 그곳에 보면 모드가 2종류가있다. 브라우져모드 : 7 / 8 / 8호환성 문서모드 : 7표준 /8표준 / 쿼크 이것은 "현재의 문서를 어떤방식으로 랜더링을 할것인가?" 를 선택하는것이다. 브라우져 모드는 브라우져의 기본 셋팅을 정하는것이고 문서모드는 자신의 랜더링방식을 명시하는것이다. (기능적으로 둘은 동일한데 어디서 정의를 하는가의 차이이다.)..

SEO(Search Engine Optimization)요즘 검색 엔진 최적화 방법 중에 하나인 메타(Meta Script) 다루기 대해 간략하게 알아보고자 합니다.검색 엔진을 마음대로 호출 할 수 있는 것은 그리 호락호락한 일은 아니며 메타를 활용하는 것이 정석은 또 아닙니다. 검색 엔진별로 검색 로직에 대한 가설이 워낙 많기 때문입니다. 메타를 다루는 것은 제목 그대로 검색 엔진에 홈페이지를 노출시킬 수 있는 방법 중 첫 걸음입니다. "검색엔진 씨, 우리가 홈페이지를 만들었으니 어서 방문해주세요."이것이 검색 엔진 최적화에서 Meta의 용도라고 할 수 있겠습니다. ※ Meta Element메타스크립트 종류를 전부 나열하기는 너무 방대하므로 검색 엔진에 관련된 대표적 항목만 보겠습니다. Meta Ele..

웹 브라우저가 Quirks Mode와 Strict Mode를 갖게 된 이유.대부분의 웹 브라우저는 두 가지 렌더링 모드를 지니고 있으며 그것은 바로 Quirks Mode와 Strict Mode 입니다. 이렇게 두 가지 렌더링 모드를 지니게 된 것에는 나름의 이유가 있습니다. 웹 브라우저의 렌더링은 점점 표준에 가깝게 개선되었지만 그렇지 못한 오래된 웹페이지들은 최신 버전의 브라우저에서 깨져 보이게 되는데 이를 위하여 각 브라우저 벤더들이 fallback을 제공하고 있는것입니다. 이것은 마치 제 얼굴이 너무 못생겨서 최신의 미남형으로 성형수술을 했더니 사람들이 저를 몰라보는 바람에 다시 옛날 모습의 가면을 뒤집어 쓰는것과 비슷한 상황입니다. IE5 가 최초로 이것을 시도했고 다른 브라우저 벤더들도 이런 케..