M. Thibodeaux

Web Development

Web development, web graphic design, software developement; these are all names for the type of work that combines the best of artistry with the best of technology and promotes the application of the concept of elegance in simplicity.

Graphene

Graphene Website

Graphene is a truly remarkable material and is already playing an important role in renewable and clean energy. This site represents my introduction to the HTML5 Canvas.


The canvas is an HTML element that uses a grid system to draw graphics using a form of scripting, such as JavaScript. Each page of this site contains a canvas using text and images drawn using the canvas grid system. On the pages with images, the canvas grid system is used to arrange and focus the images. The animation was created in Adobe Illustrator, saved as .png file and then incorporated into the canvas. Graphene

Huskies

Huskies Website

This site was the course project for Advanced Web Design Class and the subject is one that is near and dear to my heart. These animals are beautiful creatures, and it's important to understand their characteristics, nuances, and needs. It is also important to understand the differences between wolves and Huskies, as well as the DNA relationship and how it informs on behavior and traits.


The technical aspects to the site include using a JavaScript image slider that also links each image to an informational page. The image slider responds to a rollover of the mouse to make a caption appear. This site also has an animated navigation bar and dashboard that bounces into view from the left side of the page. Huskies

The Creative Process

The Creative Process

This is a Parallax, or Scrolling, website. The instruction for this was to create a full-page scroll that included two sections that also slid horizontally.


My chosen subject was The Creative Process. There are six pages, extra sliders, and original graphics on the Polish page (the background image is cited). The Creative Process

The Camera Connoisseur

The Camera Connoisseur

Interactive Web Page Scripting course project. This page contains hidden information as well as interactive forms.


The Gallery includes peek-out controlled links to larger image in overlay that links to topic page with main navigation. The Contact Form has all fields addressed in validation and messages display in proximity. The Home page contains information about the project and the motivation behind the theme, color selection, font selection, and images used in the project. Images are cited in a separate page linked to the footer. The Camera Connoisseur

Early Concept UI/UX Designer Portfolio

UI/UX Designer Website

Undergrad Senior Project class project. JavaScript was used to call jQuery Fancybox to make the images under Design Graphic and Web galleries enlarged and able to click through them.


The site background is original work that I created using Adobe Photoshop. The Graphic page contain original compositions. The Web page displays eight examples of my early website development. I've updated the About Me information in this concept website to reflect my current status. UI/UX Designer Portfolio