S
hawn
B
eaton

Shawn Beaton


Welcome to my website, click on a link to learn more about me!

Skills

HTML is the skeleton of a webpage. The essential part of every website. Without HTML there would be no content on the internet.

CSS is the Skin of the webpage. It adds beauty and style to a webpage and makes it flow and easy for the end-user to use.

Javascript is the muscles of a webpage. It is what powers the different pieces and makes it all work. Javascript is the most useful skill to have and the hardest to learn.

Python is a great Programming language for repeating frequent actions. I learned python in my first semester of college and love it's usability.

The easiest way to store large sets of data is in a database. Setting up, using and querying a database is a very important skill that I have.

Creating responsive webpage art using pictures can be difficult, but using vector images makes the process easier. I use a library called Raphael.js which creates vector images as DOM objects, so you can attach JavaScript event handlers and edit them at any time.

Photoshop is by far the best tool for editing photos, you can manipulate images in any way you want. I've been using photoshop for over 7 years and have some examples of my work below. I've also learned Illustrator while in College.

I have been editing videos with Premiere Pro for the past 7 years, along with After Effects, creating YouTube videos and other content. My uncle works at Adobe and I'm lucky enough that he's gotten me a copy of both programs for so many years.

Personal Portfolio

Client Sites

Card image cap
Rideau Osgoode

A website for my dad's Karate club.

Card image cap
Student Portfolio

A portfolio of a student's projects and the different skills they have.

Card image cap
Octopus Jr

A webpage I created for an iphone game available in the app store.

Card image cap
Draft Caleb Clifford

A webpage created for a basketball player to showcase their stats for the NBA Draft.

SVG and Raphael.js Projects

Card image cap
SVG animations

SVG animations triggered by buttons with keyframes and a hover effect from css.

Card image cap
Tony's Gym

A SVG and javascript project I made for my boss.

Card image cap
Clock

A realtime anolog clock created completely from scratch using raphael.js

Card image cap
Bouncing cube

Simple boucing cube animation created using raphael.js

Card image cap
Drum

A playable drumset created using raphael.js

Photoshop/Illustrator Artwork

Card image cap
Ottawa Senators

The Ottawa Senators logo made completely out of text.

Card image cap
Colorado Avalanche

The Colorado Avalanche logo made completely out of text.

Card image cap
Tampa Bay Lightning

The Tampa Bay Lightning logo made completely out of text.

Card image cap
Vegas Golden Knights

The Vegas Golden Knights logo made completely out of text.

Card image cap
Clone Stamp Tool

Using the Clone Stamp tool to add or remove parts of an image.

Card image cap
Tesla Ad Billboard

Creating a billboard advertisement for any company

Card image cap
Image Compisition

Creating an image compisition using multiple images

Card image cap
Pen Tracing Vector Images

Vector characters created in Illustrator by tracing with a pen tool

Card image cap
Fake Smartphone Company Logo

A logo created in Illustrator for a fake Smartphone Company

College Portfolio

HTML + CSS Assignments

Card image cap
Travel Form

A responsive form using media queries for an Airbnb for dogs.

Card image cap
CSS Assignment

My Assignment using CSS to recreate a web development website.

Card image cap
Midterm

A website about dogs, showcasing a responsive navbar.

Card image cap
HTML+CSS

My first website created from scratch using html5 and css3.

JavaScript Assignments

Card image cap
Do, While, & For

Some examples of do loops, do while loops and for loops.

Card image cap
Shopping Cart

A shopping cart, total number of items and total price.

Card image cap
jQuery Assignment

A reactive webpage demonstrating my jQuery abilities

Card image cap
Form Validation

A form that displays an error message if theres missing information.

About Me

My name is Shawn Beaton. I grew up in Greely, a small village outside of the Capital of Canada. I was always a happy kid, I loved attention and loved making others happy.

younger me
hockey

When I turned 5 I began playing hockey and fell in love with the greatest sport on Earth. I played defence growing up and was good enough to make it onto competitive teams. I won two championships with the Gloucester Rangers and played a total of 5 years for them. Now I play juvenile for the Metcalfe Jets and love watching NHL Hockey. My favourite team is the Ottawa Senators but I also like the Toronto Maple Leafs and the Tampa Bay Lightning.

I graduated in 2017 from Osgoode Township Highschool. It was a small town and everyone knew everyone at that school. I had a lot of fun during my 4 years.

graduation
kiss

2 years ago I fell in love with the most beautiful girl who would change my life forever. Her name is Meghann, she is my everything, the one I think about all day long and the one who keeps my sanity in check. She would do anything for me and I would do anything for her.

Fishing is my favourite pastime. It's so much fun to do. There's no better feeling than catching a really heavy, big fish.

fishing
lacrosse

Growing up playing hockey, a lot of my buddies played lacrosse, but I didn't. I was always interested but never tried it until highschool in grade 11. From my first game, I fell in love with the sport. I played with my highschool team to win the city championship twice, but it definitly wasn't because of me. Now I play in a summer league and have a lot of good times. This is me going behind the back on my friend Josh.

This is a picture of Meg and I on our first roadtrip to Toronto. We went to the CN Tower, Ripley's Aquarium, and Wonderland.

cn tower

Contact for Hiring

(Available for co-op placement starting April 2019)

Back To the Top