Home | DJ Sanderson

I remember the first time I made a web creation, I had followed the instructions, created the structure, typed into the text editor- not quite able to visualize my destination. It felt like a puzzle and I was putting pieces in places and then moving them again. I had been an artist working with paints and colours, I was used to seeing the brush strokes and the results of those brush strokes immediately. This was a unique experience to me but then we opened the document in our browsers, ..

I was amazed! It felt like magic, I had put in the spells, mixed the cauldron and summoned the magic!! It was the start of a whole new perspective of creativity.

"Identify your problems, but give your power and energy to solutions."

~ Tony Robbins

Projects

getFrutti Pixel art piece	bubblelove Pixel art piece	pinky Pixel art piece
A SASS Project. An awesome themed website. The Rockabilly site of Dottie Mae's. I used HTML, CSS, JavaScript, SASS, The Terminal, Koala and Scout. This was a very difficult project. I think the primary culprit was the crap interenet as everytime I tried to update the SCSS it gave me a red status alert, not really what you wanna see as you are learning but I got my head down and perservered on and this project is awesome. I enjoyed the coding, designing, utilizing font awesome , Google fonts and SASS is amazing	Raven-EAP-torch A mini project , exercising the css style I have as well as some JS.	A Retro Gaming Website. A Retro Gaming Website using HTML & CSS. The 3 games within - Tetris, Snake and Pong were also created from scratch using HTML, CSS & JavaScript. This is an ongoing project and I plan to update many features, check out my on-going projects to see an update.
A webpage utilizing HTML, CSS, Bootstrap & fontawesome. Sum 41 themed.	A simple sign up page using BootStraps, jedi themed	Samuel & Waters Chartered Accountant Samuel & Waters Chartered Accountants -- An Accountancy firms website, I used HTML, CSS, JavaScript & JQuery for the smooth scrolling. The logos were created using PS & Illustrator. I also added the Google API maps to show location of the offices.
IamDivergent A bootstrap web page utilizing card, modal, forms, etc . Divergent themed.	DentalClinic A project created using bootstrap, a small snippet of JS and some call to actions.	JasonClock A JavaScript clock. Using Bootstraps, HTML, CSS. Jason from Friday the 13th themed.
DraculaToggle A Dracula JavaScript Toggle page, utilizing bootstraps, HTML & CSS.	Zen-ification The zen-ification website, a journey of inner peace.	MemoryGame A memory game, using JavaScript, Bootstraps, HTML & CSS. It is Suicide Squad themed.
A Responsive Business Site Version1 I built a clean coded responsive mobile friendly HTML5 website using the semantic HTML tags like header and footer as well as HTML and CSS.	A JavaScript Login form. Utilizing HTML, CSS, Bootstraps and of course JavaScript.	The Bates Hotel A 3 page, responsive website.Using HTML, CSS and AwesomeFont.
Cyber Punkster A 3 page website utilizing CSS grids	Hotel Meraki A Greek Hotel website, created using HTML & CSS. I utilized media queries, Vh & VW to make the site more responsive	Blurred lines Blurred effect landing page
The Snake Game Snake is a fun game to make.This is a basic implementation of the snake game.	The Orbiting Earth Project https://github.com/DJSandsCreation	Video Landing page A video landing page utilizing the awesome HTML 5 assets.
Tetris My favorite game as a youngster. I spend plenty of coin and hours at my local arcade on this classic. I used HTML, CSS & JavaScript to create this beloved game.	The Pong Game Pong is one of the earliest arcade video games. It is a table tennis sports game featuring simple two-dimensional graphics.	The Calculator A Calculator App focusing on the JavaScript.
The Gallery A new gallery web page using html, bootstraps, jquery frameworks	My faux google page I created the google landing page, a faux version	Client Website Creating a client website Creating a website on wix.com, the brief started out simple but changed as we moved further into the project.
Blog Site - Responsive Blog Site A responsive blog Gallery page - I worked on this using Bootstrap, HTML and CSS to enable site to automatically resize, hide, shrink or enlarge creating a responsive experience on all devices. https://www.behance.net/gallery/67403599/DJ-Sanderson-Padawan-Web-Designer-and-Creator https://github.com/DJSandsCreation	Capture Tic-tac-toe Game app My plan is to break the project down into parts and think about the AI later. - write an outline. - a list of things I need to accomplish -organize them. looking at this website for inspiration for my implementation????	The To Do App I created a simple to do list, you can add to it and cross off completed tasks
Capture Memory color game app The Simon game I created as part of my web developer course	Henry's Honey Style-tile & wire-frame I created a mood board & visual design board, Images ,colors, typography etc I believe this would be the point I would need to refer back to the client to make sure we are heading in the right direction	Galleria - Responsive Web Site A responsive blog Gallery landing page - I worked on this using Bootstrap, HTML and CSS to enable site to automatically resize, hide, shrink or enlarge creating a responsive experience on all devices.
Scenic Scenery - Responsive Web Site A responsive blog Gallery landing page - I worked on this as part of my course work, using Bootstrap, HTML and CSS to automatically resize, hide, shrink or enlarge a website to make it responsive on all devices.	Henry's Honey A RESPONSIVE WEB DESIGN A responsive blog Gallery landing page - I worked on this as part of my course work, using Bootstrap, HTML and CSS to automatically resize, hide, shrink or enlarge a website to make it responsive on all devices.	Henry's Honey Discovery board and design brief I worked on a brief to design 1 final logo, an alternative version of the logo, an icon to represent the brand and a Honey jar - label mock-up.
The Bold & Blue A RESPONSIVE WEB DESIGN A responsive blog Gallery landing page - I worked on using DreamWeaver, HTML and CSS to resize, hide, shrink or enlarge a website to make it responsive on all devices.	Rick-Tock 2 A Clock app So I created a clock app inspired by my favourite TV show "The walking Dead"	Ricktock
1r	The Color Game An RGB color Guessing Game app So, how it works; load up the page and we get six random colors, goal is to pick which one, three channels red green and blue and each one ranges from 0 to 255 , player tries to figure out what color its displayed	g
wolfapple

"Identify your problems, but give your power and energy to solutions."

​

~ Tony Robbins

Projects

getFrutti

Pixel art piece

bubblelove

Pixel art piece

pinky

Pixel art piece

A SASS Project.

Raven-EAP-torch A mini project , exercising the css style I have as well as some JS.

A Retro Gaming Website.

A Retro Gaming Website using HTML & CSS. The 3 games within - Tetris, Snake and Pong were also created from scratch using HTML, CSS & JavaScript. This is an ongoing project and I plan to update many features, check out my on-going projects to see an update.

A webpage utilizing HTML, CSS, Bootstrap & fontawesome. Sum 41 themed.

A simple sign up page using BootStraps, jedi themed

Samuel & Waters Chartered Accountant

Samuel & Waters Chartered Accountants -- An Accountancy firms website, I used HTML, CSS, JavaScript & JQuery for the smooth scrolling. The logos were created using PS & Illustrator. I also added the Google API maps to show location of the offices.

IamDivergent A bootstrap web page utilizing card, modal, forms, etc . Divergent themed.

DentalClinic A project created using bootstrap, a small snippet of JS and some call to actions.

JasonClock A JavaScript clock. Using Bootstraps, HTML, CSS. Jason from Friday the 13th themed.

DraculaToggle A Dracula JavaScript Toggle page, utilizing bootstraps, HTML & CSS.

Zen-ification

The zen-ification website, a journey of inner peace.

MemoryGame A memory game, using JavaScript, Bootstraps, HTML & CSS. It is Suicide Squad themed.

A Responsive Business Site Version1

I built a clean coded responsive mobile friendly HTML5 website using the semantic HTML tags like header and footer as well as HTML and CSS.

A JavaScript Login form. Utilizing HTML, CSS, Bootstraps and of course JavaScript.

The Bates Hotel

A 3 page, responsive website.Using HTML, CSS and AwesomeFont.

Cyber Punkster

A 3 page website utilizing CSS grids

Hotel Meraki

A Greek Hotel website, created using HTML & CSS. I utilized media queries, Vh & VW to make the site more responsive

Blurred lines

Blurred effect landing page

The Snake Game

Snake is a fun game to make.This is a basic implementation of the snake game.

The Orbiting Earth Project

https://github.com/DJSandsCreation

Video Landing page

A video landing page utilizing the awesome HTML 5 assets.

Tetris

My favorite game as a youngster. I spend plenty of coin and hours at my local arcade on this classic. I used HTML, CSS & JavaScript to create this beloved game.

The Pong Game

Pong is one of the earliest arcade video games. It is a table tennis sports game featuring simple two-dimensional graphics.

The Calculator

A Calculator App focusing on the JavaScript.

The Gallery

A new gallery web page using html, bootstraps, jquery frameworks

My faux google page

I created the google landing page, a faux version

Client Website

Creating a client website Creating a website on wix.com, the brief started out simple but changed as we moved further into the project.

Blog Site - Responsive Blog Site

Capture

Tic-tac-toe Game app My plan is to break the project down into parts and think about the AI later. - write an outline. - a list of things I need to accomplish -organize them. looking at this website for inspiration for my implementation????

The To Do App

I created a simple to do list, you can add to it and cross off completed tasks

Capture

Memory color game app The Simon game I created as part of my web developer course

Henry's Honey

Style-tile & wire-frame I created a mood board & visual design board, Images ,colors, typography etc I believe this would be the point I would need to refer back to the client to make sure we are heading in the right direction

Galleria - Responsive Web Site

A responsive blog Gallery landing page - I worked on this using Bootstrap, HTML and CSS to enable site to automatically resize, hide, shrink or enlarge creating a responsive experience on all devices.

Scenic Scenery - Responsive Web Site

A responsive blog Gallery landing page - I worked on this as part of my course work, using Bootstrap, HTML and CSS to automatically resize, hide, shrink or enlarge a website to make it responsive on all devices.

Henry's Honey

A RESPONSIVE WEB DESIGN A responsive blog Gallery landing page - I worked on this as part of my course work, using Bootstrap, HTML and CSS to automatically resize, hide, shrink or enlarge a website to make it responsive on all devices.

Henry's Honey

Discovery board and design brief I worked on a brief to design 1 final logo, an alternative version of the logo, an icon to represent the brand and a Honey jar - label mock-up.

The Bold & Blue

A RESPONSIVE WEB DESIGN A responsive blog Gallery landing page - I worked on using DreamWeaver, HTML and CSS to resize, hide, shrink or enlarge a website to make it responsive on all devices.

​Rick-Tock 2

A Clock app So I created a clock app inspired by my favourite TV show "The walking Dead"

Ricktock

1r

The Color Game

An RGB color Guessing Game app So, how it works; load up the page and we get six random colors, goal is to pick which one, three channels red green and blue and each one ranges from 0 to 255 , player tries to figure out what color its displayed

g

Rick-Tock 2