Design Lunatic

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.

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.

CSS3 Accordion

Today, I will explain to you how to make another CSS3 version of a popular javascript widget. In this case, an accordion. You know, those things that unfold when when you click on a link. Follow along, and you will learn how to make a CSS3 accordion.

Isotope Tutorial

I’m sure many of you have heard of jQuery Masonry. It “Arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.” Now, I’m not going to lie to you, masonry is definitely […]

Developing Native Web Apps

You make think that the title of this article is incorrect. Well, today, I will prove to you otherwise. There has been a raging debate for the past year or so: Native Apps or Web Apps? While many think that there are only two distinct possibilities to developing mobile apps, that’s not true. Today, I’ll show you how to make a native Android app using…

Jquery Sticky Sidebar

Today, I will be showing you guys how to make a simple jquery sticky sidebar script. So simple, as a matter of fact, that I made it into a plugin. The link is in the post.

CSS3 Tooltips

Today, I’m going to show you how to replicate something that is normally done with javascript: A tooltip. Every browser out there takes the title tag of an element and displays this, but sometimes, the default browser “tooltip” just isn’t enough. That’s the reason for this CSS snippet. If you want the “tooltip” text to […]

CSS3 Text Columns

The CSS3 text column module allows web developers to make text have multiple columns, like in a newspaper. It can be useful when there are long lines of text, and you wish to make the text more legible. It is only supported by firefox and webkit-based browsers such as chrome. Internet Explorer doesn’t support it. […]

Newer Posts Older Posts