Frontend Developer를 향해 !

ex) - this.style.backgroundColor = '#FE4940'; // 속성 한개씩 밖에 못씀. - this.style.cssText = 'color:#468966; position:absolute; top:0; right:0; z-index:10000;'; // css속성을 여러개 사용가능- cssText 모든브라우저 호환

- 두 요소가 부모, 자식 관계일 때 부모 요소의 margin-top과 자식 요소의 margin-top이 서로 닿는 경우(margin-bottom의 경우도 성립) 해결방법 : 1) 부모에 overflow:auto 또는 hidden 2) 부모에 border-top:1px solid transparent 3) 부모에 padding-top:1px

............ (단점) - ie 버전별로 css파일을 별로도 관리해야 함. DOCTYPE html> ...... (잠점) - 버전별로 css파일 만들필요 없음. - class를 넣어서 사용함. - 좀더 빠르고 가코드가 간편함. 예시)/* 기존의 스타일 */ body { background: #333; } /* IE 6 스타일 */ .ie6 body { background: #444; } /* IE 7 스타일 */ .ie7 body { background: #555; } /* IE 8 스타일 */ .ie8 body { background: #666; } gt = greater than -> 보다 큰 :: 예제 :: if gt IE 6 -> 6보다 큰 즉 7,8 버젼 이상을 말합니다. 6버젼 포함 ..

비쥬얼 영역이나 메인 영역에 이미지 슬라이드가 들어갈 시 사용. 옵션도 많고 여태 써본 슬라이드 플러그인중에 제일 좋은거 같음. 사용방법 및 데모 페이지 확인은 아래 링크에서 확인. http://bxslider.com/

네이버 메인에 왼쪽 메뉴 동작하는 움직임을 보고 나중에 혹시 써먹을지도 몰라 만들었다.url 또는 첨부파일 참고- http://studyjquery.cafe24.com/test/test_0624.html

제이쿼리 1.9이상 버전에서 하위버전과 호환이 잘 안될때 사용1.6 또는 1.7에서 사용되던 플러그인들이 jquery 1.x 최신버전에서 동작하지 않는다면 해당 플러그인을 삽입해 보자.

- PC웹 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button,article,aside,dialog,footer,header,section,footer,nav,figure,main{margin:0;padding:0;box-sizing:border-box;} article,aside,dialog,footer,header,section,footer,nav,figure,main{display:block;box-sizing:border-box;} html,body{height:100%;} body,input,select,textarea,button{col..

- PC웹 - 모바일

모바일에서 자주 사용되는 스크롤바.스와이프 기능도 있어서 잘 사용하면 도움많이 될듯.- 참고 : http://trend21c.tistory.com/1278

- https://github.com/yamoo9/cj-olive-networks/tree/master/DAY02 - https://github.com/yamoo9- https://github.com/KennethanCeyer - http://screensiz.es/ (모바일 스크린사이즈 정리)- http://blog.naver.com/PostView.nhn?blogId=dmssla1211&logNo=192871991 (반응형 웹디자인/모바일 퍼스트 이해)- http://d2.naver.com/helloworld/81480 (반응형 웹 입문자을 위한 글)- http://readme.skplanet.com/?p=9739 (반응형 웹 기술 이해 - 정찬명님) - http://programmingsummari..