Mini Projects

Note: Some of these are made using older tools. I will not update because there wouldn’t be a gain.

Alarm Clock

Code:

• html, view source
• sass
• javascript This a simple alarm clock I made. It’s 24 hours and I would like to make it 12 hours instead. I only used HTML, CSS, and Javascript to make this, no frameworks.

Apples

Code:

• html, view source
• sass
• No JS I saw this layout somewhere and wanted to recreate it. It doesn’t do anything. It’s just a mock, once I learn more about server side stuff I’d like to make it a full functioning page where you can plug it in and just change the CSS.

Business Card

Code:

• html, view source
• CSS
• JS When I made this I was working at Fastenal. The horizontal version of this is what our business cards looked like. I got bored one day and made this.

Coming Soon Page

Code:

• html, view source
• CSS
• No JS This is pretty much the same as the apples site. I think I saw this on a job application.

Diagonal Portfolio

Code:

• html, view source
• CSS
• No JS I found this on reddit here. More specifically It’s just a mock up. I took the content and movie posters from IMDB

Fade To Black

Code:

• html, view source
• CSS
• No JS This just fades the back ground from white to black revealing the text while playing Fade to Black by Metallica

Input Box

Code:

• html, view source
• CSS
• JS

A screenshot wouldn’t show anything useful, click the title to check it out. A simple input box that changes when you click to enter your text.

National Bank AZ

Code:

• html, view source
• CSS
• No JS Mock up of page I found on Dribbble.

Title Change

Code:

• html, view source
• CSS
• JS

The h1 changes once the user scrolls to a nex section. Again a screenshot wouldn’t show anything useful, click the title and check it out.