Code Monkey home page Code Monkey logo

circus's Introduction

circus

LIVE SITE WIP

My "circus" page is a directory of smaller attractions / interactive web pages. I have been adding at least one page daily and hope to keep this up for the rest of the year.

Past day writeups:

Day 1: Strobe Light

A simple light switch that activates a strobe effect. Not recommended for anyone with epilepsy / flashing color sensitivity. Vanilla JS and DOM manipulation.

To be added: speed slider and color picker.

Day 2: Drumpad

Interactive virtual drumpad based off a JavaScript30 project. Really fun to bang out some beats! Uses HTML audio elements and keydown / CSS transition events.

To be added: sound selection, mobile accessible interface.

Day 3: Succs

Spinning succulents. What more could you want? Simple CSS animation practice with mouseover events, spin direction is randomized and reverses back to original position.

To be added:

Day 4: DressCat

A cat dress up game in pure JS / CSS / DOM manipulation. Much of the work was spent in photoshop instead of vs code.

To be added: more artwork

Day 5: Meditate

A meditation web app using React. Set a timer, choose from optional calming background sounds including waves, rain, and prayer bowls, and give yourself a moment to relax.

To be added: chime alert on end, better mobile styling.

Ideas for coming days:

ferris wheel splash page?

blog page / mini ideas blog page

drawing pad

trending image remixer

photo jiggler (add random class animations)

cat glasses thing

(banana eater)

button chaser

big head moving thing

keep me outta my zone

Wunschtraum clock

Color Tiles

Random sentence generator

particle exploder

nateapi

Transformers

Video clip drumkit Sampler drumkit (mobile?)

Meditation timer

Zen boxes

Basic platformer or sprite shooter

shakespeare

webcam picture onion layers

css pyramid chart

circus's People

Contributors

natedonato avatar

Stargazers

Scott Brenner avatar

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.