Blog Category Archives: Freebies

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

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

Create an Advanced CSS3 Menu – Version 2

March 9, 2011 Freebies, Tutorials

A while ago, I wrote a tutorial on how to create an advanced CSS3 menu. This tutorial is still being linked and used by many people, so I thought I would revisit it and release an even better version. This update brings a lot of improvements including code, customization, user experience and is even more scalable than before.

Read more

Create a CSS3 Search Form

July 14, 2010 Freebies, Tutorials

A site’s search form is a vital tool for visitors to quickly find exactly what they want. Since it is such a useful tool, it should not only stand out on your site in location, but also by appearance. Thanks to CSS3, creating a slick search form is easier than ever.

Read more