About Me

Hello World! My name is Bill Dean and I'm a front-end web developer based in Toronto, Canada. I've been working in web design and development for a number of years. I specialize in coding responsive websites using HTML5, CSS3, JavaScript, jQuery, and WordPress. I am also comfortable with Sass, PHP, MySQL, and interacting with the Linux command line. Recently I've been focused on adding new languages and tools into my daily workflow including React, Python and Django.

I strive for clean, semantic code that makes sense.

View my resume

Skills

Responsive Design

Building sites with mobile first in mind to ensure the layout and content scales properly across all devices.

Cross-Browser Compatibility

Developing sites and applications to be compatible across multiple browsers.

Optimization

Utilizing modern development techniques to ensure applications are light and fast.

Languages, tools & applications I use in my daily workflow.

Portfolio

Twitch Streams

Twitch Streams

+

A JavaScript app to view a select list of Twitch streamers. The grabs an array of channels and with the help of the Twitch API, lets the user know if the channel is online or offline and what is currently playing if the channel is currently live.

GitHub - Demo

Wikipedia Viewer

Wikipedia Viewer

+

A JavaScript app to search for articles on Wikipedia. The app uses the Wikipedia API to retrieve the first ten search results with excerpts and links to the full Wikipedia article. You can also search for random articles.

GitHub - Demo

Weather app

Weather App

+

A JavaScript app that allows users to search for weather conditions by city. The app connects to the openweathermap API to gather weather data. It uses your browser's geolocation to find your local weather or you can also search for weather conditions in other cities in the world.

GitHub - Demo

Random Quote Generator

Random Quote Generator

+

An app that pulls data from the Quotes on Design API to generate random inspirational quotes about design. The app also allows the user to tweet any of the quotes.

GitHub - Demo

Github Viewer

Github Viewer

+

An AngularJS app that allows users to search for accounts on Github. The results are pulled using the GitHub API and display the account's associated repositiories, languages, contributors, and the number of stars for each project.

GitHub - Demo

Web Dev Resources

Web Dev Resources

+

The app uses AngularJS (1.4) to read data from a JSON file and display it via templates. Data-binding allows the search function to dynamically present relevant results as the user types. Bootstrap does the heavy lifting to display the app responsively.

GitHub - Demo

Latest Blog Posts