Stephen Cole - Portfolio

Introduction | Objective | Website Gallery | About Me | Contact Information

    Introduction

With over a decade of experience in programming, I specialize in crafting visually appealing and functional websites using JavaScript, CSS, and HTML. My passion lies in creating seamless user experiences, whether through custom websites or small web applications.

In 2022, I earned my Bachelor of Science in Software Development from Western Governors University, further strengthening my skills in coding, problem-solving, and software engineering principles.

Beyond programming, I’ve been freelancing as a computer technician since 2018, helping individuals and businesses with computer repairs, restorations, and one-on-one tutoring. My ability to break down complex technical concepts into easy-to-understand steps ensures my clients feel confident and empowered with their technology.

    Objective

I am seeking a web development position with a local company where I can apply my technical skills in front-end and back-end development. I am eager to contribute to innovative projects while continuously expanding my expertise in modern web technologies and best practices."

Penny Image Creator

Concept:

A web app that allows users to create digital penny collages from scratch or by converting existing pictures.

Objectives:

  • Layered pennies to fully cover a surface
  • Create penny image by converting an image or drawing on a blank slate
  • A gallery to show off what's created
  • Adjustable width and height in pennies
  • Provide the information needed to create a real life penny collage
  • Optional penny rotation and shadow in view
  • Busy snake animation to inform of processing

Technologies Used:

HTML, CSS, JavaScript, PHP, mySQL

Screenshots:

Link to webpage:

Penny Image Generator

Trestris, a Tetris Variant

Concept:

A clever Tetris variant that uses triominoes (shapes consisting of three squares) instead of traditional tetrominoes (shapes consisting of four squares)

Objectives:

  • Transparent half squares allow for complexity
  • Requires a different set of thinking skills than Tetris
  • Playability, I've personally played for hours
  • Simple to understand, difficult to master
  • Psudo 3d look

Technologies Used:

HTML, CSS, JavaScript

Screenshots:

Link to webpage:

Trestris (opens in a new window)
Trestris (opens in the same window)

Dice Drawing

Concept:

Using the nine unique faces of dice, this app assists creation of dice collages. It's a dice paint program.

Objectives:

  • Draw the 9 faces of dice entirely with CSS
  • Explore the draggable, scrollable and resizable features of jQuery UI
  • Allow the creation of dice collages that can then be assembled in reality
  • Use of recursion to power the fill tool
  • Powerful undo and redo functions
  • Provide a gallery to share collages
  • Method to export an image of a collage

Technologies Used:

HTML, CSS, JavaScript, PHP, mySQL

Screenshots:

Link to webpage:

Dice Drawing

Chia Graffiti

Concept:

The idea was what if instead of using spray paint, you used Chia for graffiti. Chia Graffiti is my attempt to mimic this virtually.

Objectives:

  • The process was to spread the seeds, water them, and watch them grow.
  • A compact user interface (removed from view when not in use)
  • The ability to choose from several backgrounds
  • Animated growth of the chia
  • Explore jQuery (this was my first project that used it)

Technologies Used:

HTML, CSS, JavaScript

Screenshots:

Link to webpage:

Chia Graffiti (opens in a new window)
Chia Graffiti

Stephen Cole - Portfolio webpage

Concept:

Webpage to represent my ability and work in web design

Objectives:

  • Show the diversity and capability of my skills
  • Render a proper version of the site regardless of size and type of browser used
  • Thumbnails and full sized screenshots of my work
  • Minimalist layout

Technologies Used:

HTML, CSS, JavaScript

Screenshots:

   About Me

With over two decades of programming experience, I have developed a keen ability to quickly identify both logical and syntactical errors in code. My proficiency in over a dozen programming languages and their variants enables me to adapt swiftly to new technologies, frameworks, and APIs.

Beyond coding, my extensive background in computing has given me a deep understanding of user interfaces—what works, what doesn't, and how to strike a balance between functionality and aesthetics. My approach to design is rooted in technical precision, ensuring that every layout choice enhances usability and clarity.

I take pride in working patiently with my clients, recognizing the frustration that comes with technical challenges. My goal is to provide solutions that not only work but also make technology more accessible and intuitive.

Software

Programming Languages

Resume

    Contact Information

Stephen Cole

Email: mail4scole@gmail.com
Phone: 801-541-7931