두부찌개 두부찌개

퍼블리싱

• 웹폰트 검색 유용한 사이트 눈누

  퍼블리싱/HTML&CSS 2025. 1. 10. 22:47

  https://noonnu.cc/  눈누상업용 무료 한글 폰트 사이트noonnu.cc    원하는 폰트를 검색할수 있다.선택하여 라이센스를 확인해서 저작권 사용여부도 간단하게 확인해볼수 있음

  Read More
• 임시 이미지, 샘플 이미지, 대체 이미지(Placeholder Image) 퍼블리싱 작업에 편리한 사이트

  퍼블리싱/HTML&CSS 2025. 1. 10. 22:44

  https://placehold.co/ Placehold | A simple, fast and free image placeholder service placehold.co  사용법600x400 이미지를 넣는다면 아래와 같이 이미지 링크에 넣어준다.https://placehold.co/600x400

  Read More
• 간단한 웹폰트 변환 사이트

  퍼블리싱/HTML&CSS 2025. 1. 10. 22:42

  https://convertio.co/kr/ttf-woff/ TTF WOFF 변환 (온라인 무료) — Convertiottf 파일(들) 업로드 컴퓨터, Google Drive, Dropbox, URL에서 선택하거나 이 페이지에서 드래그하여 선택해 주세요.convertio.co

  Read More
• [CSS3] Animate.css css로 애니메이션 효과를 매우 간편하게 사용하기

  퍼블리싱/HTML&CSS 2025. 1. 6. 15:14

  웹 제작에 바로 사용가능한 크로스브라우징 라이브러리Animate.css 를 이용하여 css 클래스로만 간단하게 효과를 줄 수 있다. https://animate.style/ Animate.css | A cross-browser library of CSS animations.Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.animate.style 1. Animate.css 불러오기  2. 원하는 요소에 클래스 명으로 효과주기  2-2. 딜레이 클래스 추가하..

  Read More
• 웹 제작 유용한 무료 슬라이더

  퍼블리싱/javascript&jQuery 2025. 1. 6. 14:52

  1. swiper.js https://swiperjs.com/ Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.swiperjs.com 반응형에 적합한 오픈소스 스와이프간단한 html, css, js로 다양한 슬라이드쇼 및 스와이퍼 기능을 쉽게 구현할 수 있다.다양한 옵션을 제공하여 사용자가 자유롭게 커스터마이징이 가능하다.   2. slick.jshttps://kenwheeler.github.io/slick/ slick - the last carousel you'll ..

  Read More
• swiper.js - 페이징 커스텀

  퍼블리싱/javascript&jQuery 2024. 1. 25. 06:11

  swiper.js는 페이징 커스텀이 가능하다. 아래와 같이 작업 * html 1 2 3 * script

  Read More
• HTML5 video 자동재생

  퍼블리싱/HTML&CSS 2019. 6. 5. 17:20

  해결방법 - 자동 재생시 음소거 옵션을 함께 넣기. (음소거 영상의 경우에만 자동재생이 허용됨.) - 스크립트로 play 해주기. html js var video = document.getElementById("video"); video.play(); setTimeout(function(){video.play()},500); if(video.paused) video.play();

  Read More
• 모달 팝업 swiper, slick 슬라이더

  퍼블리싱/javascript&jQuery 2019. 3. 11. 16:52

  모달팝업 안에 있을때, 반응형처리할때 등등display: none 에서 block으로 바뀌면 슬라이드를 다시 설정? 해야함. - swiper$('.btn').click(function(){setTimeout(function(){$(window).resize();swiper.update();},100);}); -slick$('.btn').click(function(){target.slick('resize');});

  Read More