Showing posts with label Javascript. Show all posts
Showing posts with label Javascript. Show all posts

10/29/2017

How To Create A Dynamic Progress Bar With JavaScript And Style It With CSS

No comments:
How To Create A Progress Bar With JavaScript And Style It With CSS

If you're looking to create a simple, dynamic progress bar, I'll show you how with this simple tutorial using JavaScript and CSS!

5/07/2017

How To Create A Simple Code Your Own Adventure Game With Javascript

No comments:
How To Create A Simple Code Your Own Adventure Game With Javascript Codecademy

I have started learning Javascript through the easy to follow tutorials on codecademy.com, which I highly recommend checking out and am here to share my journey. This is the first of many tutorials / articles I plan to write related to this programming language. My first creation is a code your own adventure game with a simple interactive prompt feature for the user (as seen in the above screenshot from codecademy). The games focus is on one of my favorite comic book characters: Hellboy and whether or not you'd like to try arm wrestling him! Think you have what it takes?

If you decide to go through the Javascript tutorials on codecademy you'll come across a similar code your own adventure you'll have to create that focuses on singer Justin Bieber. While I didn't want to post up the exact program I made for that challenge, I decided to create one focused on Hellboy which can be used as a reference if you run into any obstacles.

3/09/2014

How To Create A Simple Image Hover Rollover Link Using The Javascript Onmouseover Event And Basic HTML

No comments:
How To Create A Simple Image Hover Rollover Link Using The Javascript Onmouseover Event And Basic HTML

In this tutorial I will walk you through creating a simple, clickable image that uses the Javascript onmouseover event to change that image when you hover over it with your mouse. For the demo I created a small banner with my Robot Digital Concept Illustration that I previously used to link to the artwork section of my website. You can view all of my illustrations here! And if you're ready to get started, let's get to the tut!

8/28/2013

Tic - Tac - Toe Game

No comments:

Tic - Tac - Toe HTML Game


Tic Tac Toe

Your browser does not support the HTML5 canvas tag.


I was fortunate enough to come across an excellent tutorial on that walked me through creating a simple Tic-Tac-Toe game using HTML5, Javascript and CSS. Go ahead and play it, it's fun! I spiced it up with color and smoothed out it's overall look. It was a lot of fun and I'm continuing to understand all the functions inside the coding. If you want to make your own version, I highly recommend !

I plan on playing with the code and tweaking the look and feel of the game as I learn more. Any thoughts, suggestions, comments and critiques are welcome!

*This game uses HTML5 and does not work on Internet Explorer. Best viewed with FireFox, Chrome and Safari!


Copyright © justinwoodie.com ©