일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- button
- xcode
- SWIFT
- 비전공자
- iOS 개발자
- 자바스크립트
- 애니메이션
- HTML
- 개발자
- effect
- image
- iPhone
- 프론트엔드
- php
- react
- front-end
- IOS
- html5
- javascript
- css3
- 비전공 개발자
- ipad
- Animation
- 백엔드
- MAC
- 풀스택
- jQuery
- CSS
- keyframes
- hover
- Today
- Total
목록백엔드 (156)
비전공자 개발일기
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/AIUI9/btriTxS8pMw/r3zSew6qmHQzYdtPc5PW3k/img.jpg)
Image Password Strength Change the password to see the effect Email Password Submit * { box-sizing: border-box; } body { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } .background { background: url("https://images.unsplash.com/photo-1556745757-8d76bdb6984b") no-repeat center center/cover; position: absolute; top:..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/dBBl27/btriB5jUXVL/DJiKQ1PGN69ctlJXS82Gb0/img.jpg)
Password Generator Password Length Include uppercase letters Include lowercase letters Include numbers Include symbols Generate Password @import url('https://fonts.googleapis.com/css?family=Muli&display=swap'); * { box-sizing: border-box; } body { background-color: #3b3b98; color: #fff; font-family: 'Muli', sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/XV2x9/btriGkzI7Rn/odECk7ArSTG3Ki0ElimxEk/img.jpg)
Add note @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap'); * { box-sizing: border-box; outline: none; } body { background-color: #7bdaf3; font-family: 'Poppins', sans-serif; display: flex; flex-wrap: wrap; margin: 0; padding-top: 3rem; } .add { position: fixed; top: 1rem; right: 1rem; background-color: #9ec862; color: #fff; border: none; border-radius: 3p..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/JVff7/btriBcPVwOX/j5PlJT21SHqAH6R2CY9FTK/img.jpg)
Live User Filter Search by name and/or location Loading... @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); * { box-sizing: border-box; } body { background-color: #f8f9fd; font-family: 'Roboto', sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } .container { border-radius: 5px; box-shadow..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/1SoJF/btrikL0fqQv/o52GvxaJ7ffGeWvQ29Ni21/img.jpg)
Twitter Followers YouTube Subscribers Facebook Fans @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap'); * { box-sizing: border-box; } body { background-color: #8e44ad; color: #fff; font-family: 'Roboto Mono', sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } .counter-container { display: flex; flex..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/QR1sX/btriiAW9BIb/w7JLy13G7DiWDEEtZfkOX1/img.jpg)
Write number to draw a square (Range : 1 ~ 700) Clear * { box-sizing: border-box; } body { background-color: #111; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } label { color: #fff; text-align: center; margin: 10px; font-size: 50px; } label input, #clear { font-size: 25px; text-align: center; margin: 10px; width..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/XR3fA/btribzjTztW/gH2TtrtigYrMatJ05jj4a1/img.jpg)
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap'); * { box-sizing: border-box; } body { background-color: #2a2a72; color: #fff; font-family: 'Poppins', sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } .user-form { width: 100%; max-width: 700px; } .user-form input ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/dqlaCf/btrhX0Xr7LC/kqZsuyMznvumnnI0fkKoUk/img.jpg)
How satisfied are you with our customer support performance? Unhappy Neutral Satisfied Send Review @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap'); * { box-sizing: border-box; } body { background-color: #fef9f2; font-family: 'Montserrat', sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } .panel-co..