전체 글42 [EditPlus] 에디트 플러스 젠코딩(Zen Coding) 사용하기 젠코딩 : HTML 코딩의 생산성을 향상시켜주는 도구 사용 예시 - div를 생략하고 #box 또는 .box만 작성해도 div로 생성됨. - .ClassName 작성 후 Ctrl+E 또는 Tab키 누르면 문장 완성 - 보다 다양한 젠코딩문법 방법은 구글링 추천 [설정방법 - 3가지] 1. 상단메뉴 中 ZC -> Zen Coding 사용 2. 상단메뉴 中 Emmet -> Emmet사용 3. 상단메뉴 中 도구(T) -> 기본설정(P) -> 키보드 -> Zen Coding 또는 Emmet -> Expand Abbreviation *Expand Abbreviation에서 젠코딩 새 단축기 추가 가능합니다. 2020. 10. 30. [html] a링크 막기, 무시 (마크업 버전/no Jquery) # 때문에 a링크 클릭 시 상단으로 이동된다. 링크값이 #일 때, 반응 없게 하는 방법 2가지 1. 첫번째 2. 두번째 2020. 8. 19. TOP버튼 / 누르면 맨 위로 올라가는 버튼 / scroll top / 스크롤 내리면 나타나는 버튼 $(document).ready(function () { // 1. 특정 위치에서 부터 버튼 나타고, 사라지게..효과는 fade로 $(window).scroll(function () { if ($(this).scrollTop() > 200) { $('.go-top').fadeIn(200); } else { $('.go-top').fadeOut(200); } }); // 2. 버튼 클릭하면 원하는 위치로 이동 $('.go-top').click(function (event) { event.preventDefault(); $('html, body').animate({ scrollTop: 0 }, 300); }); }); [1] 스크롤이 200보다 크다면 .go-top버튼을 fadeIn하고, 아니라면 fadeO.. 2020. 7. 28. [jQuery] if, else if, else 사용법 if A1을 만족하면 description1 실행 if ('A1') { description1 } if, else A1을 만족하면 description1 실행, 아니라면 description2 실행 if('A1') { description1 } else { description2 } if, else if, else A1을 만족하면 description1 실행, A2을 만족하면 description2 실행, 둘 다 만족하지 못하면 description3을 실행 if('A1') { description1 } else if('A2') { description2 } else { description3 } [예제] if, else ex) div에 B가 있다면 C에 C0를 추가하고 없다면 C1를 추가합니다. $(d.. 2020. 7. 8. [포토샵] 포토샵 색상 (RGB/8), (RGB/8*), (RGB/8)*, (RGB/8#) 포토샵 색상 변하는 원인 포토샵에서 파일을 열면 파일 상단에 파일명 옆에 (RGB/8), (RGB/8*),(RGB/8)*,(RGB/8#) 표시 됨 RGB/8 : RGB 색상, 8비트 값을 가진 작업공간. (RGB/8*) : 현재 작업공간과 이미지이 색상 프로파일이 다름을 의미. (RGB/8)* : 파일을 오픈하고 작업중일때 표시됨 저장하면 사라짐. => 작업중인 내용이 저장되지 않은 상태라는 뜻 (RGB/8#) : 색상 프로필이 없는 상태의 이미지. 포토샵에서 이미지 색상이 변하는 원인 포토샵에서 오픈한 이미지 파일의 색상이 톤다운 되거나 변경 되는 이유는 (RGB/8*), (RGB/8#)파일에서 발생함. 해결방안 1. 포토샵 작업공간 확인후 오픈한 이미지의 색상과 포토샵의 색상의 색상 설정값을 일치 -.. 2020. 7. 6. [css] 익스플로어5/ie6 이하 에서 width, min-width값 width:100%; min-width:500px; /*hack for IE 6 이하*/ width: expression(document.body.clientWidth < 500? "500px" : "100%"); [참고 출처] https://blog.naver.com/jaehee7996/220770160630 2020. 7. 1. 이전 1 2 3 4 5 6 7 다음 반응형
