공대생 탱지

캡쳐할 영역 이미지 저장하기 - 플러그인 링크 : https://html2canvas.hertzen.com/ html2canvas - Screenshots with JavaScript Try out html2canvas Test out html2canvas by rendering the viewport from the current page. Capture html2canvas.hertzen.com - 참고 : https://blog.webi.kr/64 웹페이지 화면 이미지로 저장하기 | html2cavas 플러그인 웹 개발을 하다 보면 자주는 아니지만 간혹 웹페이지 화면을 이미지로 저장해야 하는 경우가 생긴다. 당연히 관리자 화면의 통계나 일부 화면을 이미지로 저장하고 싶다고 할 때는 이렇게 말을 bl..

1. HTML 코드

#hd_pop{ width: 100%; } @media screen and (max-width: 700px) { .hd_pops_con{ max-width: 100%; height:auto !important; min-height: 200px; } .hd_pops{ max-width: 95%; left: 2.5% !important; height: auto !important; min-height: 200px; } } 그누보드 팝업창 반응형 css코드 입니다.

/* scroll move event */ //scroll move $(".scroll_move").click(function(e){ e.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top}, 1000); }); .scroll_move 클레스가 있는 요소를 클릭 시, 스크롤 부드럽게 이동 a 태그 안에 필수로 #아이디를 넣어야함 ! header가 fixed여서 본문을 조금 가린다면, 헤더 크기만큼 - 해주면 된다. $(".scroll_move").click(function(e){ var header_height = $('header').outerHeight(true); e.preventDefault(); $('html..

홈페이지 제작 할 때, 이미지는 적당한 사이즈로 줄여서 업로드 하기 ( 이미지 용량이 크면, 로딩속도가 느려지고 이탈률이 높아짐 ) 큰 이미지는 이미지 품질 80%정도, 작은 이미지는 이미지 품질 60% 정도로 하면 된다. https://www.iloveimg.com/compress-image Easily compress images at optimal quality in seconds. Choose multiple JPG, PNG or GIF images and compress them in seconds for free! You can shrink with ease in just a few clicks! www.iloveimg.com

접속 기기 PC , Mobile 구분하는 코드

아래 링크 접속 후 , 초기화 하면 됩니다 : ) ( 공유시 캐시 삭제 가능 ) https://developers.kakao.com/tool/debugger/sharing

슬라이드는 스와이퍼 사용 https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com HTML Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 - ltr : left to right 왼쪽에서 오른쪽으로 - rt..

See the Pen accordion effect by Kim ji yeon (@w1dus) on CodePen. 아코디언 효과