On Twitter:
blog
Bric-a-brac
CSS Selectors Quick Reference
A quick reference guide to the CSS Selectors Level 3 spec. The page uses a responsive design so the page layout adapts to the size of your browser window (or mobile device). Filtering and layout powered by the brilliant isotope.js jQuery plugin. Each selector has example code and a visual guide to browser compatability.
Made With:
- HTML5
- CSS3
- jQuery
-
Informational Interview
An Informational Interview with done with the Creative Director of a Toronto web design firm. I created an animated accordion using CSS3 transitions to mimic the jQuery accordion effect. The accordion degrades gracefully so Internet Epxlorer and Firefox 3.6 users still get a functional site. No images were used in creating this page.
Made With:
- HTML5
- CSS3
-
Dynamic Dylan
A dynamic website using PHP. The site was designed by Amanda Higgins and the HTML/CSS was done by Jill Pettipas. I created the custom PHP CMS for updating the site.
Made With:
- HTML
- CSS
- MySQL
- PHP
- jQuery
-
CSS3 Animation
I always forget to walk my dog so I made this page to remind. The alarm on my computer launches the page every morning. Made with CSS3 Animations so it only works in Safari and Chrome. My dog still doesn't get walked enough.
Made With:
- HTML
- CSS3 Animations
-
Stone Manor Farms
This site was created for an organic hobby farm located just east of Toronto. They will begin operating this spring. The design was meant be clean and simple with a lot of earth tones to reflect the nature of the business.
Made With:
- HTML
- CSS
- jQuery
- PHP
-
Telegram
A bookmarking web app design to look like an old-timey Western Union telegram.
Made With:
- HTML
- CSS
- PHP
- MySQL
- jQuery
-
To Do List
A To-do list built using PHP/MySQL made it look like a dry erase board. The only image on the site is the blue line between items.
Made With:
- HTML
- CSS3
- PHP
- MySQL
- jQuery
-
Current Portfolio
If this one looks familiar it's probably because it's the same site you're on right now. Aesthetically, I've always prefered things in black and white and my current portfolio reflects it. This site makes extensive use of CSS3 which was used for borders, animations and the portfolio gallery.
Made With:
- HTML5
- CSS3
- PHP
- jQuery
- Tumblr API
My first Tumblr theme.The biggest challenge was figuring out which ID's and Classes Tumblr applies to themes. A static version of the theme is here. Download the theme here.
An animated image gallery built entirely using CSS3 Transitions. Published on css3.info and speckyboy.com. A modified version of this gallery is used for my main porfolio.
A quick experiment to try to recreate the effect of an animated drop down menu usually accomplished with jQuery. Published on css3.info
A custom tumblr theme made with CSS3 border-image to give it a comic strip feel. Webkit users get a custom scrollbar that keeps the theme consistent. I'm using this as my current tumblr theme.
about
↟I'm a front-end developer/ui developer. I'm fairly certain that CSS is the best thing in the world. For those rare times when CSS can't do the job, I'm more than happy to rely on jQuery for interactions. Aside from the examples posted on my site, I've also worked on the sites for Waterfront Toronto, Rogers and Workopolis.