Design Lunatic

Fancy form elements with CSS3

Today, I’ll show how to style checkboxes and radio buttons in web forms with CSS3. Nowadays in web design, almost everything can be controlled with only CSS. This tutorial will allow you to further customize your web pages.

CSS3 Transforms

I’m sure many of you have heard of CSS3, the newest version of CSS that is still being actively developed. One of the most exciting parts of CSS3 is the new transforms module, which allows developers to animate and manipulate elements on the page without resorting to the use of javascript.

HTML Starter Template

Whenever we designers start a new HTML/CSS project, we have to create a new HTML file, open it, and write in some basic code to get started. Next, we create a reference to a stylesheet. We then have to open up the stylesheet and type in a basic CSS reset. Today, I’ll share with you my personal starter template.

Jquery Lavalamp Menu with Keyboard Control

Today, I will explain how to create a jquery lavalamp menu. However, this is more than just a simple lavalamp menu; it will also have keyboard navigation. Sound interesting? Let’s get started!

Pros and Cons of Responsive Web Design

As I’m sure you all know, this amazing new thing is coming into use: media queries. These media queries allow the developer to specify which chunks of CSS code are applied to which situation. The layout will dynamically change depending on what size the browser viewport is. This allows the developer to optimize the layout for the display being used. In this post, I’ll talk about the pros and cons of media queries.

Swipe Gestures With Jquery

In this tutorial, I will explain how to create swipe gestures in Jquery, and use these gestures to create a simple image gallery.

CSS3 Featured Posts Widget

A featured posts widget is a great thing to have at the top of your site, because it’s a wonderful way to add some interactivity to your site. And if this “featured posts widget” is done in CSS3… well, I don’t think it’s even necessary to say how awesome that is.

10 Great Free Fonts

Nowadays in web design, sticking to the default system fonts such as Arial, Times New Roman, and Verdana, is boring. Why? Because there are so many great fonts out there that are just waiting to be used in your next design. The following fonts are definitely among the best on the web.

Interesting Hover Effect With CSS3

In this tutorial, I’ll teach you how to create an impressive hover effect, which works great for when you have a box with text inside it. You’ll see what I mean in a moment.

CSS3 Image Gallery

Today, I’ll be showing how to make a CSS3 image gallery. That’s right, CSS3. I’ve said this before, and I’ll say it again: I love CSS3. So, the gallery has thumbnails that resize on hover, and a main image that changes depending on what thumbnail was clicked.

Newer Posts Older Posts