Git Product home page Git Product logo

vanilajs-miniprojects's Introduction

Mini Projects w/ Vanila Javascript

Daily mini projects to review VanilaJS

No library. No framework.

Only with HTML5, Javascript, CSS

No. Project Description
01 Simple Modal Simple Modal UI with overlay
02 Slide Navbar Simple drawer menu toggled by button
03 Toast Message 3-second popup Toast Message with close button
03 Validated Form Signup form with field-validating

vanilajs-miniprojects's People

Contributors

ohseungo avatar

Watchers

 avatar

vanilajs-miniprojects's Issues

Validated Form

간단한 회원가입 화면 with validator

  • Email validate
  • password validate
  • password repeat validate
  • 각 input 을 색깔로 표시

Toast Message

Toast Message 만들기

  • 버튼에 따라 나오는 타입을 3가지 정도
  • 메세지 리스트 방식
  • 5초 이후에 자동 삭제
  • close 로도 삭제 가능

Slide Navbar

사이드 메뉴바 만들기

  • 햄버거 버튼으로 토글
  • 애니메이션 슬라이드 추가

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.