Design Lunatic

Great CSS3 Generators

CSS3 is an amazing new way to simplify site building. From rounded corners to easy gradients, CSS3 has you covered. In this post, I’ll share some of the best CSS3 generators out there right now.

CSS3 Sliding Boxes

I think CSS3 is amazing. With that thought in mind, I’ll explain how to create an interesting image hover effect that’s usually made in Javascript, in CSS3.

Create a Jquery “Slidebar”

Today, we’ll go over how to create an interesting navigation section that slides into the page when a link is clicked on. We’ll use HTML(surprisingly enough), Jquery, and a bit of CSS3 to spice things up.

“End” Classes in Grid Systems and How To Get Rid Of Them

In my opinion, grid systems are great. They provide an easy way to get started with your next project, and can simplify the developing process behind a site by a lot. However, there are some problems associated with them. Most of them are subject for a seperate post, but today, we’ll go over one of the big ones: the required classes that signify the first and last elements in a row of elements.

Important HTML5 Elements and How You Should Use Them

I’m sure all of you know about HTML5, the new HTML spec. With HTML5, you can make your site more SEO-friendly as well as easier to code and to style. Today, we’ll go over the new HTML5 elements specifically made to help with semantics.

CSS3 Drop Caps

Nowadays, typography is extremely popular in web design. There are many things that fall under the category “typography”, and today, we’ll be exploring one of those things: CSS drop caps. These can add some flair to a site, and can improve usability if used correctly.

Jquery Search

Usually, search forms are done with PHP. But why does this always have to be the case? Exactly, it doesn’t. Today, I will explain how to make a javascript search form.


Well, I’m releasing an amazing new grid system today. It’s based on what I call the “rubber layout” system. There are 4 different layout types, and each one is optimized for different displays. There are also some starter styles. Check out the project page for more info.

Flash an element with CSS3

Have you ever been to a site where there are links pointing to different parts of the same page? Well, as you’ll find out in this post, there are some problems with this.

CSS3 Lightbox

Today, we are going to make a CSS3 lightbox. They can be a great tool, but please, don’t overuse them. I hate those sites where a lightbox pops up asking you to register, or buy one of their products. It can turn a perfectly fine site into a really annoying experience.

Newer Posts Older Posts