I’m going to show you how to create a wordpress theme from scratch in these 3 parts of tutorial series. I will cover from Structuring, designing in Photoshop, slicing, coding into fully css based html, and finally wordpress implementation.
CSS Techniques, Layouts
How To Create WordPress Themes From Scratch Part 2
In Part 2, I will show you how to slice the design we did in part 1. After that, I will show you the important notes when we are coding a css/xhtml layout which compatible with wordpress structure. Let’s start.
CSS Techniques, IE Hacks
PNG FIX - PNG Fix for IE6 by MIME type
There are a ton of PNG fixes out there and so far my favorite has been supersleight, however i mask the image source and filename that my clients use in a query so i can’t apply the default supersleight since it’s based on file extensions, so instead i made an add-on to check the MIME [...]
CSS Techniques, Sliding Door
CSS Sliding Door using only 1 image
I found that it is not user friendly and also need more CSS coding. Besides, it is increasing the processing time and bandwidth in loading a site.
CSS Techniques, Sliding Door
Simple Tabbing System
Today, we are going to learn how to create simple tabbing system. It is a very common technique nowadays. Especially for those magazine site, news or blogs that contain a lot of sections or contents.
CSS Techniques, Layouts
The right way to underline
Instead of using “text-decoration: underline”, try using “border-bottom: solid 1px #000″ instead. That way you can also experiment with various border types (dotted, dashed, etc). Another great benefit of this method, is that it won’t cut through your descenders! Examples: a { border-bottom: dashed 1px red; } a { border-bottom: dotted 1px #333; }
CSS Techniques, Layouts
The Perfect Fluid Width Layout
Shrinks to a minimum of 780px for small monitors. Grows to a maximum of 1260px for larger monitors. Works in all major browsers.
Design Elements, Layouts, Mootools, Sliders
Sexy sliding JavaScript side bar menu using mootools
Create animated sidebar using mootools, where space could be saved on a web page.
Design Elements, Layouts, Scriptaculous, Tabs
Fancy Sliding Tab Menu V2
Fancy Sliding tabs menu - might be good for bells, slides, tuning slides, other options etc.
CSS Techniques, IE Hacks
The Ultimate PNG Guide
A combination of two PNG fixes that can provide you with getting things looking good in all browsers.
CSS Techniques, Techniques
The 6 Most Important CSS Techniques You Need To Know
A quick tutorial, with examples, of the 6 most important CSS techniques that you need to know about. Get Consistent Margins, Set a Float to Clear a Float, Image Replacement, Faux Columns and more.