Coding Portfolio

Word Press Plug-In SlideshowJTC Slides Banner

I designed this plug-in for Word Press. It is a slider with left hand navigation boxes. Similar to slideshows on sites like Wayfair. This is a light weight plug-in. I coded it so that the Javascript file will only load on pages with the slideshow short code. Most Word Press plug-ins have javascript files that load on every page.

The slideshow is also highly customizable. You can change colors, height and widths (navigation and image box). Also with parameters in the short code you can change the width at which the slideshow stacks for a better mobile experience. You can also change the background color of the slide box.

Demo | Word Press Plug In Page | Documentation

JTC Slides Screen Shot Front End JTC Slides Screen Shot Back End Slide Edit JTC Slides Screen Shot Back End JTCSlides Screen Shot Mobile

HTML5 – Christmas Ornament Design App

HTML5 Christmas Ornament Design AppThis app uses HTML5 and JQuery’s boiler plate for mobile. This allows you to color an ornament with your finger our mouse. I added a bunch of options including different shaped brushes, a color picker, brush softness, transparency and stamp images. With PHP and MySQL i store these files and user information in a database and display them on a tree I designed using Adobe Illustrator and CSS. http://www.artshebang.com/apps/christmas-ornament-design-app/ornament-gallery-christmas-tree.php

Social Cake (social media site)

simple social media siteFor fun I made a my own little Social Media site. I had imagined it being a kind of portfolio piece but anyone is welcome to use it. I wanted to design something simple and easy to use. In addition to adding a photo, link or text you can also add a sketch with my HTML 5 drawing tool. I am using PHP, Javascrip/JQuery, MYSQL, Ajax and of course HTML. Check it out! http://www.jtc-art.com/experiments/socialcake

HTML5 – Airplane Game

HTML5 Airplane GameYou can only miss three coins before the game is over. Collect as much cash money as you can (no its not real money… sorry 🙂
Click Here

HTML5 – Random Image Creator

HTML5 Random Image MakerPick a back ground (BG) color and a foreground (FG) color and push “go” or “add more” to make an image.
Click Here

Leave a Reply

Your email address will not be published. Required fields are marked *