Tutorials
Web Design & Development Tutorials
Tabbed Content: Part III, Animated Toggle
Now that we've both constructed and styled our content tabs, it's finally time to make it tabable. With a little jQuery, we'll create a simple animation so we can toggle our tabs.
Read Article
CSS Sprites
One of the most effective ways of limiting page-load time is to cut down on the amount of images your website uses (and subsequently requests made to the server). What better way to speed up a webpage, than with some CSS image spriting?
Read Article
Create a Function to Check if a Folder is Empty or Not
At one time or another, as a PHP programmer, you've no doubt needed to check if a directory or folder was empty or not. This PHP tutorial will show you how to accomplish this with a single-line function.
Read Article
Create a Function to Check If User Is a Bot/Spider
If you ever need to check if a user/visitor is a bot or spider you can do so by creating this quick php function.
Read Article
Create a Smart array_merge Function
PHP's array_merge function is a perfect way of combining arrays. However, it doesn't properly merge keys (and values) from arrays outside of the first instance. Let's create our own function and fix this issue.
Read Article
Semantics Will Save Us All: Part II, HTML Markup
With any website you develop, rarely should you ever have to use more than a handful of classes and IDs. With HTML5, there is a plethora of useful elements that will satsify your CSS-Design and HTML-structuring needs.
Read Article
Tabbed Content: Part II, Applying Style
Recently we constructed the layout for tabbed content. In this CSS3 tutorial, and Part II of the Tabbed Content tutorial series, we'll style our tabs and content.
Read Article
Get Organized: Create a Clean File & Folder Structure
Chefs hate a dirty kitchen and web developers hate a cluttered folder structure. Make your life (and your co-developers') easier by organizing your web environment.
Read Article
Tabbed Content: Part I, Layout
In this three-part tutorial, we'll explore how to create tabbed content, style the navigation to be respectable, and then create an animation to make the whole process pretty.
Read Article
How to Create Auto Pop-Up Tabs/Windows for External Links
Ever get sick of having to repeatedly set target out your various links? Well you should be, the target attribute is deprecated. In this tutorial we'll use jQuery to automatically render all external links to open new tabs/windows.
Read Article
Semantics Will Save Us All: Part I, CSS Formatting
Enough with the hacks, lose the unnecessary stacking, and keep your markup clean. We've all seen it. We've all been guilty of it. It's time to start doing things the right way and simplify your CSS stylesheets.
Read Article
How to Fix jQuery's Fade In/Out Functions for Internet Explorer
I feel like the world sadly has to keep picking up the slack for Microsoft. Another example is how jQuery's Fade In/Out functions don't look right in Internet Explorer. Weird, right? While we can't send IE to the chopping block, we can create a function to fix this issue.
Read Article