Inspiring Minds

Back on February 7th, I was casually browsing the WordPress trunk code, and discovered a very cool new function in the wp-includes/post-template.php file.

Beginning in WordPress 2.8, themes will be able to take advantage of the body_class() function to place location-specific classes on the opening tag, usually located in the header.php file of most themes.

Why is this significant? Easy … this opens up the ability to change the look of nearly everything with CSS only.

Before we get into the application of the body_class() function, let’s cover some technical details first.

Continue Reading

http://designm.ag/tutorials/jquery-display-switch By Soh Tanaka | Published March 9th, 2009 in Tutorials Today, I would like to go over a quick and simple way to allow your users to switch page layouts by using CSS and jQuery. Today’s web users expect web pages to be increasingly more interactive. To this end, the ability to change page [...]

Continue Reading

This article is a summary of a 3 fast and easy CSS techniques you can use to display only a portion of an image in your content. All techniques explained here actually need only couple of lines of CSS. However, it is not cropping in a real sense of the word, we are not cutting [...]

Continue Reading

http://www.dinnermint.org/css/creating-triangles-in-css/ I’ve come across a few techniques and tips in my career, while working at my last gig a co-worker pointed me to this technique. I believe this was originally discovered by the legendary Eric Meyer, but I couldn’t find much documentation about it on the web so I thought I would describe it here. [...]

Continue Reading

-moz-border-radius-topleft / -webkit-border-top-left-radius -moz-border-radius-topright / -webkit-border-top-right-radius -moz-border-radius-bottomleft / -webkit-border-bottom-left-radius -moz-border-radius-bottomright / -webkit-border-bottom-right-radius Note: This post is continually updated as I come across new techniques. This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The problem now is there are so many choices it’s hard to know which one [...]

Continue Reading

It’s a fact of CSS life that the ‘border’ of any block level element gets factored into it’s final box size for layout. That means that if you add a border on a hover to an element that didn’t already have a border of that exact size, you will cause a layout shift. It’s one [...]

Continue Reading

Posted by Maggie and Scott on 07/25/2008 Topics: jQuery visual design We wrote a script to “equalize” the heights of boxes within the same container and create a tidy grid — with little overhead. Creating the visual effect of equal-height columns or content boxes has been a challenge ever since we abandoned table-based layouts. When [...]

Continue Reading

I’ve worked on many projects where in I had to style the form/input buttons using custom background images. That is, I had to hide the default text of the button. It’s not a big deal, I know. But it is, when it comes to IE. Let’s review this in detail. The following image(button background) has [...]

Continue Reading