비전공자 개발일기

to do list Add Insert a new task @import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Lato:ital,wght@0,300;0,400;1,300;1,400&display=swap"); * { margin: 0; padding: 0; outline: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; user-select: none; } html, body { width: 100%; height: 100%; } a { text-decoration: none; color: inherit; } body { displa..

Send Message body { display: grid; place-items: center; height: 100vh; background: #000; } .btn { background: #49D75C; border: none; outline: none; cursor: pointer; border-radius: 35px; font-size: 1rem; font-weight: bold; color: #FFF; display: grid; place-items: center; transition: all 0.25s ease; position: relative; width: 210px; height: 60px; overflow: hidden; } .btn i { font-size: 1.45rem; po..

Hover me *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { min-height: 100vh; display: grid; place-items: center; background: #151515; } .btn { font-family: sans-serif; font-weight: 700; background-color: #FFF; color: #151515; } .btn:link, .btn:visited { text-transform: uppercase; text-decoration: none; padding: 15px 40px; display: inline-block; border-radius: 100p..

Click me! *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { min-height: 100vh; display: grid; place-items: center; background: #151515; } .bubbly-button { display: inline-block; font-size: 1em; padding: 1em 2em; margin-top: 100px; margin-bottom: 60px; -webkit-appearance: none; appearance: none; background-color: #ff0081; color: #fff; border-radius: 4px; border: non..

Button Button Button * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #27282C; } .container { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 120px; } .container a { position: relative; padding: 16px 30px; font-size: 1.5em; color: var(--clr); text-shadow..

// Apple이 만든 Framework를 사용하겠다는 의미 import UIKit class ViewController: UIViewController { // IB: Interface Builder // 연결된 것을 끊을 때 코드만 삭제하면 에러 발생 // 1. viewController 내 해당 요소 우클릭 후 연결된 것 삭제 // 2. 어시스턴트 가장 왼쪽(삼각자 오른쪽)에서 연결된 것 중에서 필요없는 것 삭제 // 변수 생성 @IBOutlet weak var mainLabel: UILabel! @IBOutlet weak var mainBtn: UIButton! // 앱 화면에 들어오면 처음 실행되는 함수 override func viewDidLoad() { super.viewDidLoad() m..

♥ /* Try clicking it quickly and slowly. Try long and short button presses. :^) */ /* Remove a::before from line 55 to remove text. */ *, *::before, *::after { box-sizing: border-box; font-family: "Poppins", sans-serif; } body, html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; line-height: 0; ..

Button * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #0C0C0C; } a { position: relative; padding: 20px 50px; display: block; text-decoration: none; text-transform: uppercase; width: 200px; overflow: hidden; border-radius: 40px; } a span { position: relative; color: #FFF; font-size: 20px..