IT/Develop (52) 썸네일형 리스트형 Fileuploader / Revolutionary HTML5 file upload plugin Revolutionary HTML5 file upload plugin https://innostudio.de/fileuploader/ Fileuploader Fileuploader - revolutionary and powerful JavaScript and PHP/Node.js file upload plugin. Drag&drop feature, ajax upload, image editor, sorting, Amazon S3 and many other features. innostudio.de 웹 사이트 주소에서 파일 확장명을 제거하는 방법 웹 사이트 주소창에 입력하는 URL에서 html 확장자 제거하기 .htaccess 파일에 아래 코드 추가 ↓ HTML 확장자명 제거 RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^([^\.]+)$ $1.html [NC,L] ↓ PHP 확장자명 제거 RewriteEngine on RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME}\.php -f RewriteRule ^(.*)$ $1.php 해외호스팅 중 하나인 고대디(GoDaddy)에서는 아래 코드를 넣으면 작동 Options -MultiViews RewriteEngine On RewriteCond %{REQUEST.. AOS JS / Animate On Scroll Library / 스크롤 애니메이션 효과 넣기 https://michalsnik.github.io/aos/ AOS - Animate on scroll library AOS Animate On Scroll Library Scroll down michalsnik.github.io https://github.com/michalsnik/aos michalsnik/aos Animate on scroll library. Contribute to michalsnik/aos development by creating an account on GitHub. github.com 다운로드 or CDN SOURCES Animate.css https://daneden.github.io/animate.css/ Animate.css daneden.github.io https://github.com/daneden/animate.css daneden/animate.css 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing. - daneden/animate.css github.com Usage To use animate.css in your website or CDN Full example: Example It's possible to change the duration of your animations, add a delay or change the number.. WOW.JS 사용법 / 무료 애니메이션 기능 플러그인 https://www.delac.io/wow/docs.html Reveal Animations When Scrolling — WOW.js Setup WOW.js 1 Link to the CSS animation library Link to Animate.css (You can link to another CSS animation library by changing WOW.js settings) 2 Link and activate WOW.js new WOW().init(); Reveal CSS Animations 1 Make an element revealable Add the CSS cla www.delac.io 다운로드 https://github.com/matthieua/WOW matthieua/WOW.. Conversational Form - Turn your content into conversations Conversational Form Turn your content into conversations https://space10-community.github.io/conversational-form/landingpage/ Conversational Form – Turn your content into conversations – by SPACE10 Conversational Form is an open-source tool from SPACE10 that enables people to turn your content into conversations. space10-community.github.io https://github.com/space10-community/conversational-for.. slick slider 플러그인 사용법 / 반응형 슬라이더 slick master 다운로드 CDN 사용 CSS JS https://kenwheeler.github.io/slick/ slick - the last carousel you'll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! kenwheeler.github.io *** 참고 slick jquery가 1 버전으로 설정되어있는데 3 버전으로 바꿀 경우 아래와 같이 형식을 바꿔줘야 함! Before: $(document).ready(function() { // ... }); jQuery 3: $(fun.. 전체페이지 스크롤 플러그인 fullPage.js 다운로드 및 사용법 / 버전2 무료 / 버전 3 유료 fullPage Create Beautiful Fullscreen Scrolling Websites fullPage.js 2.9.7버전 다운로드 fullPage.js 3.0.7버전 다운로드 버전 2까지는 무료이나 3부터는 유로 라이센스키가 필요! ↓ 사용방법은 아래 사이트 참고 https://github.com/alvarotrigo/fullPage.js alvarotrigo/fullPage.js fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple - alvarotrigo/fullPage.js github.com W3C 웹 표준 검사 사이트에서 웹 문서의 마크업을 검사하세요. https://validator.w3.org/unicorn/?ucn_lang=ko#validate-by-uri+task_conformance Unicorn Nu Html Checker is now the default, for markup other than HTML5 you may use the legacy Markup Validator through custom task settings. validator.w3.org 부트스트랩 4 Masonry를 이용하여 핀터레스트 스타일 레이아웃 만들기 / Bootstrap 4 Masonry 부트스트랩 4에서 Masonry를 이용하여 핀터레스트 스타일의 반응형 레이아웃 만들기 소스는 아래 첨부해두었습니다 CSS .grid-item{margin-bottom:1.5rem;} HTML 111 Title Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 222 Title Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Card link Another lin.. MUURI / Responsive, sortable, filterable and draggable grid layouts Responsive, sortable, filterable and draggable grid layouts https://haltu.github.io/muuri/ Muuri - Responsive, sortable, filterable and draggable grid layouts Good browser support Works in all modern browsers and IE9+ (needs polyfills for web animations and request animation frame). haltu.github.io https://github.com/haltu/muuri haltu/muuri Responsive, sortable, filterable and draggable grid lay.. jQuery를 이용한 달력 Datepicker 사용방법 jQuery를 이용한 달력 위젯 Date: 이전 1 2 3 4 5 다음
