IT/Develop (52) 썸네일형 리스트형 웹스톰 설정 / git 연결 / FTP, SFTP 연결 / 로컬에서 바로 올릴때 *웹스톰 계정 연결 : help > register 에 아이디랑 비번입력 * FTP/SFTP 연결 Tools > Deployment > Configuration • Host에 주소 쓰고 / web server URL에 :8147 추가 / 아이디비번쓰고 TEST CONNECTION / AUTODETECT 누르기 -> 다시 창 열어서 Mappings에서 Deployment path에 / 추가 //File > Settings 에서 File Types에 HTML에서 + 눌러서 *.blade.php 추가 // 복붙 안되는 부분 ctrl+alt+s 눌러서 plugins > installed>IdeaVim 꺼주기 // git 연결 VCS > Checkout from Version Control > Git https .. 국가 선택 iltl tel input 국가 선택 iltl tel input 3개 있어야 사용 가능 / 최신버전 13.0.4 https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/13.0.4/js/intlTelInput.min.js https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/13.0.4/css/intlTelInput.css https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/13.0.4/js/utils.js 메타태그로 링크 공유시 썸네일 이미지 적용 링크공유시 보이는 이미지 썸네일 노출 메타태그 / Proprietary Tags Hoverable Dropdown CSS .dropbtn{padding:16px;border:none;background-color:#5558da;color:white;font-size:16px;} .dropdown{display:inline-block;position:relative;} .dropdown-content{display:none;position:absolute;z-index:1;min-width:160px;background-color:#f1f1f1;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);} .dropdown-content a{display:block;padding:12px 16px;color:black;text-decoration:none;} .dropdown-content a:hover{.. CSS 화살표 / CSS Arrows .css-arrow-left { border-color: transparent #5558da transparent transparent; border-style: solid; border-width: 10px 20px 10px 0; float: left; height: 0; margin: 0 10px; width: 0;} .css-arrow-up { border-color: transparent transparent #5558da; border-style: solid; border-width: 0 10px 20px; float: left; height: 0; margin: 0 10px; width: 0;} .css-arrow-right { border-color: transparent transparen.. Accordion CSS, JS Panel 1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in? Sub Panel 1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. N.. CSS Gradient Background Animation CSS Gradient Background Animation @import url('https://fonts.googleapis.com/css?family=Lato&display=swap'); body { margin: 0; width: 100%; height: 100vh; font-family: 'Lato', sans-serif; color: #fff; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradientBG 15s ease infinite; } @keyframes gradientBG { 0% { background-position: 0% 5.. Bootstrap 4 Modal Hello, world! Modal title × Modal body text goes here. Close Save changes 오픈할 경우 $('#myModal').modal('show') Options Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="". backdrop boolean or the string 'static' true Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close t.. Bootstrap 4 Popover Popover on bottom $('.element').popover('enable') background-clip This is a Heading This is a paragraph. This is another paragraph. div { border: 10px dotted black; padding: 35px; background: #5558da; background-clip: padding-box; } background-clip .left{ background-clip: border-box; background-size: 50%; background-color: #ffdb3a; background-repeat: no-repeat; background-position: top left; border: 10px dotted black; padding: 20px; } .middle { background-clip.. CSS Gradient Text h1 { font-size: 80px; background: -webkit-linear-gradient(#2fe8f4, #a0f4ca); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } Wicked CSS animations CSS 애니메이션 라이브러리 Wicked CSS3 Animations kristofferandreasen.github.io 이전 1 2 3 4 5 다음
