Awesome JavaScript examples

There are few websites to visualize the latest JavaScript works by users. One of them is http://creativejs.com/. You will also find some tutorials there. CreativeJS.com is the go-to place to find exciting JavaScript demos, projects, games, and anything else that they consider to be awesome. They've got a whole team there to bring you the best of what's out there. The following screenshot is the homepage of CreativeJS.com:

Awesome JavaScript examples

Here are a few examples of JavaScript projects with their links:

  • Awesome calculator: The following calculator was built with JavaScript, HTML, and CSS. The animation of the glowing button is done by JavaScript:
    Awesome JavaScript examples

    This calculator can be found at http://codepen.io/giana/pen/GJMBEv.

  • Drag and drop: You can drag one block and drop it on another block with your mouse. The dragging is done using JavaScript. The following is a screenshot of this project:
    Awesome JavaScript examples

    This project can be found at http://greensock.com/draggable.

  • Random maze generator: You built a game called Rat-man, where you needed to draw a map for the cats and the rat to move. The path was like a maze. The following link will generate a random maze for you. I hope you pay attention to the JavaScript that they used there:
    Awesome JavaScript examples

    This game can be found at http://codepen.io/GabbeV/pen/viAec.

  • Particle joining: You can play with joining particles at http://codepen.io/garyconstable/pen/fEoLz. This particles' movements are controlled by JavaScript. The following is a screenshot of this project:
    Awesome JavaScript examples
  • Tearable cloth: If you want to make a simulation of a cloth, you can go to the link http://codepen.io/dissimulate/pen/KrAwx and play with the piece of cloth here. The motion of the cloth is controlled by JavaScript. The following is the screenshot of this project:
    Awesome JavaScript examples
  • Neon thing: You can use the following thing on your website as button. I hope you learn how its code works. The following is a screenshot of this project:
    Awesome JavaScript examples

    This project can be found at http://codepen.io/simeydotme/details/Gzfuh.

  • Smartphone submenu: If you are thinking about making a smartphone application with JavaScript, you will definitely need a submenu for the app. You can go to http://codepen.io/berdejitendra/pen/AgEzJ and learn how to make a cool submenu for your mobile application. The following is a screenshot of this project:
    Awesome JavaScript examples
  • 3D Solar System: If you love astronomy and the motion of planets, the link http://codepen.io/juliangarnier/pen/idhuG will bring you an awesome visualization of the neighboring planets and their information. All the dynamic elements were created using JavaScript. The following is a screenshot of this project:
    Awesome JavaScript examples
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.12.123.189