Archive | Tips

25 August 2010 ~ 0 Comments

WordPress – add id to body tag

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

Tags:

23 June 2010 ~ 0 Comments

Making Firefox the default browser causes my HTML file icons to become generic

I’m posting this solution here because it was damn hard to find elsewhere. Hopefully this will make it a bit easier for the next poor frustrated user. The problem: (After installing Office 2003 and/or updating Mozilla Firefox,) Firefox HTML icons are replaced by Windows default “unknown file type” icons. The usual simple fixes fail to [...]

Continue Reading

23 June 2010 ~ 0 Comments

TortoiseSVN Tutorial

Practical guide to subversion on Windows with TortoiseSVN by Nikolai V. Shokhirev Up: Programming | Next: Repository backup and restore Contents Introduction Subversion installation TortoiseSVN installation Step-by-step setup Step 0. Global ignore pattern setting (optional) Step 1. Repository (database) creation. Step 2. Initial import – Loading your project in the database Step 3. Creating a [...]

Continue Reading

Tags: ,

01 May 2010 ~ 0 Comments

Unexpected installation error -203 when installing add-ons

Actions Edit this page Translate this page Show content customized for: Windows Linux Mac OS All If you try to install an extension or theme, and receive the error message “Unexpected installation error -203“, it is usually a result of extension configuration in your Firefox profile being corrupt or security software preventing those files from [...]

Continue Reading

Tags: ,

01 March 2010 ~ 1 Comment

Easy Display Switch with CSS and jQuery

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

Tags:

01 March 2010 ~ 0 Comments

3 Easy and Fast CSS Techniques for Faux Image Cropping

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

Tags: ,

01 March 2010 ~ 0 Comments

Creating Triangles in CSS

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

Tags:

01 March 2010 ~ 2 Comments

CSS Rounded Corners ‘Roundup’

-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

01 March 2010 ~ 0 Comments

Image Rollover Borders That Do Not Change Layout

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

Tags: ,

01 March 2010 ~ 0 Comments

Setting Equal Heights with jQuery

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

Tags: ,