/50days50projects

50 quick mini projects created using HTML, CSS & JavaScript.

Primary LanguageCSS

50days 50projects

50 quick mini projects created using HTML, CSS & JavaScript.

Screenshots

  • Day 1 - expanding cards

ExpandingCards

  • Day 2 - stepper

Stepper

  • Day 3 - rotating navigation

Rotating

  • Day 4 - hidden search widget

Rotating

  • Day 5 - blurry loading

Rotating

  • Day 6 - scroll animation

Rotating

  • Day 7 - Split landing page

Split

  • Day 8 - Form wave animation

Form

  • Day 10 - Inspirational quotes

Quotes

  • Day 11 - Event key codes

Event

  • Day 12 - FAQ collapse

FAQ

  • Day 13 - Choise picker

FAQ

  • Day 14 - Animated navigation

FAQ

  • Day 15 - Increment counter

FAQ

  • Day 16 - Drink water

FAQ

  • Day 17 - Movie layout

FAQ

  • Day 18 - Background slider

FAQ

  • Day 19 - Theme clock

FAQ

  • Day 20 - Button ripple effect

FAQ

  • Day 21 - Drag and drop

FAQ

  • Day 22 - Drawing app

FAQ

  • Day 23 - Kinetic css loader app

FAQ

  • Day 24 - Content placeholder"

FAQ

  • Day 25 - Sticky navbar

FAQ

  • Day 26 - Double vertical slider

FAQ

  • Day 27 - Toast notification

FAQ

  • Day 28 - Github profiles

FAQ

  • Day 29 - Double heart click

FAQ

  • Day 30 - Auto text effect

FAQ

  • Day 31 - Password generator

FAQ

  • Day 32 - Fast checkboxes

FAQ

  • Day 33 - Notes app

FAQ

  • Day 34 - Animated countdown

FAQ

  • Day 35 - Image carousel

FAQ

  • Day 36 - Hoverboard

FAQ

  • Day 37 - Pokedex

FAQ

  • Day 38 - Mobile tab navigation

FAQ

  • Day 39 - Password strength

FAQ

  • Day 40 - 3D background boxes

FAQ

  • Day 41 - Verify account UI

FAQ

  • Day 42 - Live user filter

FAQ

  • Day 43 - Feedback UI design

FAQ

  • Day 44 - Custom range slider

FAQ

  • Day 45 - Netflix navigation

FAQ

  • Day 46 - Quiz app

FAQ

  • Day 47 - Testimonial box switcher

FAQ

  • Day 49 - Todo list

FAQ

  • Day 50 - Insect catch game

FAQ