일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- front-end
- xcode
- 풀스택
- CSS
- 프론트엔드
- 자바스크립트
- 애니메이션
- jQuery
- 백엔드
- hover
- Animation
- javascript
- ipad
- 비전공 개발자
- php
- react
- button
- IOS
- iPhone
- keyframes
- iOS 개발자
- 개발자
- SWIFT
- MAC
- HTML
- html5
- effect
- css3
- 비전공자
- image
- Today
- Total
목록jQuery (45)
비전공자 개발일기
body { margin: 25px; text-align: center; background: #000; } h1 { color: #26abde; } .virtual-keyboard .row { text-align: center; margin: 0 0 15px; } .virtual-keyboard .row.spacebar input { padding: 10px 150px; } .virtual-keyboard input[type='button'] { padding: 10px 20px; border-radius: 30px; border: 3px solid #202c2b; background: #667ABA; color: #fff; text-transform: uppercase; } .virtual-keybo..
CSS Range Slider JS used for color-change and % label 0 html { height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'Work Sans', sans-serif; text-align: center; } html h1, html h2, html h3, html h4, html h5, html h6 { margin: 0; } html h1 { color: #333; font-weight: 500; } html h3 { color: #aaa; font-weight: 500; } html h4 { color: #999; font-weight: 500; } htm..
https://darsa.in/sly/ Sly Reward the developer Introduction Sly is a JavaScript library for advanced one-directional scrolling with item based navigation support. It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation a darsa.in 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 메뉴10 메뉴11 메뉴12
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 Slide 1 Slide 2 Slide 3 ... html, body { position: relative; height: 100%; } body { background: #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0..
Phone Number Validation With Simple Javascript CHECK body { border: 2px solid #007BFF; background-color: #EFEFEF; } .container { margin: 250px 0; } .container h1 { color: #007BFF; } .container .input-group input { border-color: #007BFF; border-width: 3px; border-radius: 25px 0 0 25px !important; } .container .input-group .input-group-btn button { border-radius: 0 25px 25px 0 !important; } $(docu..
TITLE Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia ullam nemo officiis ipsam laborum quos unde maxime dolore, voluptates eveniet laboriosam consequuntur nesciunt voluptatum rem recusandae id iure, aliquam atque. Cum possimus odit nobis quas quasi sunt, nemo dolorum excepturi labore error aut hic. Ratione quod id ipsum. Ipsam magnam animi tempora eligendi nihil eum. Nisi dolor..
키보드 마우스 모니터 function itemChange(){ var keyboard = ["갈축","청축","적축"]; var mouse = ["광마우스","유선마우스","비싼마우스","미키마우스"]; var monitor = ["17인치","22인치","24인치","26인치"]; var selectItem = $("#select1").val(); var changeItem; if(selectItem == "키보드"){ changeItem = keyboard; } else if(selectItem == "마우스"){ changeItem = mouse; } else if(selectItem == "모니터"){ changeItem = monitor; } $('#select2').empty(); for(va..