본문 바로가기

ETC

자동으로 채워지는 레이아웃 애니메이션 See the Pen Layout is overrated by Andy Barefoot (@andybarefoot) on CodePen. 마우스 방향에 따라 움직이는 글씨
자바스크립트를 이용한 지뢰 찾기 게임 See the Pen Minesweeper by creme (@creme) on CodePen. 자바스크립트를 이용한 지뢰 찾기 게임
카메라를 이용한 스케치 효과 See the Pen Take Me On by Adam Kuhn (@cobra_winfrey) on CodePen. 카메라를 이용한 스케치 효과
To do list는 이렇게 만들어야 함^^ See the Pen To-Do Terrarium by Olivia Ng (@oliviale) on CodePen. To do list는 이렇게 만들어야 함^^
그리드 레이아웃은 이런 구조에 딱! See the Pen CSS Grid: Newspaper Layout by Olivia Ng (@oliviale) on CodePen. 그리드 레이아웃은 이런 구조에 딱!
스크립트를 이용한 그래프 애니메이션 See the Pen Graphs - animated on scroll, responsive, data-driven by Eric Porter (@EricPorter) on CodePen. 스크립트를 이용한 그래프 애니메이션
컬러 충돌 게임.. 은근히 중독됨 See the Pen Color Collision by Sikriti Dakua (@dev_loop) on CodePen. 컬러 충돌 게임.. 은근히 중독됨
같은 모양 맞추기 게임 See the Pen Drag & Drop Game by alphardex (@alphardex) on CodePen. 마우스 방향에 따라 움직이는 글씨
리얼한 구름 애니메이션이 필요할 때 See the Pen BG Stacking cloud animation by Manan Tank ⚡ (@MananTank) on CodePen. 리얼한 구름 애니메이션이 필요할 때
자동으로 맞추는 그리드 레이아웃 See the Pen Layout is overrated by Andy Barefoot (@andybarefoot) on CodePen. 자동으로 맞추는 그리드 레이아웃
Gird를 이용한 반응형 북 레이아웃 See the Pen Responsive CSS Grid - Books by Andy Barefoot (@andybarefoot) on CodePen. Gird를 이용한 반응형 북 레이아웃
그림 맞추는 퍼즐 게임 See the Pen Simple Drag&Drop Puzzle by Kit Jenson (@kitjenson) on CodePen. 그림 맞추는 퍼즐 게임
관리자 페이지 대시보드 UI See the Pen Task Management Dashboard UI by Aybüke Ceylan (@aybukeceylan) on CodePen. 관리자 페이지 대시보드 UI
심풀한 뮤직 앱 애니메이션 디자인 See the Pen Simple Music App UI Design 🎵▶️ by Aysenur Turk (@TurkAysenur) on CodePen. 심풀한 뮤직 앱 애니메이션 디자인
자물쇠 풀기 스크립트 애니메이션 See the Pen Combination Lock by Carson Ford (@carsonf92) on CodePen. 자물쇠 풀기 스크립트 애니메이션
같은 그림 찾는 이모지 게임 See the Pen Emoji Match Game by Tom Miller (@creativeocean) on CodePen. 같은 그림 찾는 이모지 게임
패스워드 생성기 스크립트 See the Pen Random Password Generator - HTML | CSS | JS by Dev Loop (@dev_loop) on CodePen. 패스워드 생성기 스크립트
그리드를 이용한 애니메이션 See the Pen Animated CSS Grid Firefoxes by Michelle Barker (@michellebarker) on CodePen. 그리드를 이용한 애니메이션
이런 스타일은 그리드를 어떻게 할까? See the Pen CSS Grid: Smashing Mag's Contents Page by Olivia Ng (@oliviale) on CodePen. 이런 스타일은 그리드를 어떻게 할까?
매거진 스타일의 그리드 페이지 See the Pen CSS Grid: Magazine Layouts by Olivia Ng (@oliviale) on CodePen. 매거진 스타일의 그리드 페이지
스케치 느낌이 귀여운 UI See the Pen Bullet Journal/Sketch Style Elements by Olivia Ng (@oliviale) on CodePen. 스케치 느낌이 귀여운 UI
코딩을 편하게 보여주는 이미지 See the Pen direction-aware shadow with ES6 by Mert Cukuren (@knyttneve) on CodePen. 코딩을 편하게 보여주는 이미지
CSS Selector를 설명 잘한 소스 See the Pen CSS selectors cheatsheet by nana (@nana8) on CodePen. CSS Selector를 설명 잘한 소스
핵사 코드 색을 알려주는 스크립트 See the Pen Visual Hexadecimal for Cali by Muhammed Erdem (@JavaScriptJunkie) on CodePen. 핵사 코드 색을 알려주는 스크립트
코드와 관련된 태그 타자 게임 See the Pen Kill Dev Words: The Game by Benjamin Koehler (@Benny29390) on CodePen. 코드와 관련된 태그 타자 게임
CSS 속성 맞추는 게임 See the Pen The Toasty CSS Quiz! by Benjamin Koehler (@Benny29390) on CodePen. CSS 속성 맞추는 게임
로그인과 회원가입을 할 수 있는 창 See the Pen Slide Form by Arturo Cabrera (@Pixmy) on CodePen. 로그인과 회원가입을 할 수 있는 창
CSS Filter를 이용한 이미지 효과 보기 See the Pen CSS Filters by Valentin (@nitnelav) on CodePen. CSS Filter를 이용한 이미지 효과 보기
카트 맞추기 게임 스크립트 See the Pen SMB3 Memory Card Game by Ryan Mulligan (@hexagoncircle) on CodePen. 카트 맞추기 게임 스크립트
서브라임 에디터를 똑같이 만들었네요~ See the Pen Sublime Editor by Webstoryboy (@webstoryboy) on CodePen. 서브라임 에디터를 똑같이 만들었네요~