Blog

Updated: Pure HTML5/CSS3 Responsive Modal Window Version 2

September 18, 2013 Freebies, Tutorials

I updated the popular HTML5/CSS3 Responsive Modal Window to version 2. The update adds an overlay over the background to focus on the modal and to prevent the user from interacting with the site behind the modal and a new animation when closing the modal.

Read more

CSS3 Blue Icon Menu

March 15, 2013 Freebies, Tutorials

This versatile toolbar is built entirely using CSS3 and can double as a menu or even be used as a single button. The icons used are from the Font Awesome icon font giving the menu 249 different button possibilities. Since it uses CSS3 and a font for the icons, it is mobile and retina display ready.

Read more

Relaunch

February 14, 2013 General

After what has been almost a year and a half, I have finally relaunched my portfolio. This design brings the site up to current practices, design trends and just looks better. It also brings my once two separate sites, portfolio and blog, into one WordPress installation.

Read more

Pure HTML5/CSS3 Responsive Modal Window

July 26, 2012 Freebies, Tutorials

CSS3 gives developers the ability to add some advanced features that was once only possible by using JavaScript. You can achieve the same effects and final product using just CSS3 that you could by using JavaScript. Using CSS3 to create a modal window does not take a hit on accessibility because all of the markup is still on the page, it is just hidden to start. You can also create animations using CSS transitions rather than JavaScript. You can even have a button to open and close the modal window using only CSS3 thanks to the :target psuedo-selector.

Read more

Test Driving Adobe Edge – Easily Create Flash Like Animations with HTML5

August 2, 2011 Resources, Tutorials

Yesterday, Adobe released the first public beta version of Edge. This is essentially Adobe’s answer to all of the controversy around Flash and device support. With Edge, you can easily create Flash like animations with a simple tool. I took Edge for a test drive and create some sample animations, which I am fully releasing to the community so you can learn as well.

Read more