Tutorials « Build Internet

Tutorials

How to Make an Impressive Animated Landscape Header with jQuery

Content doesn’t always have to stay visible. Sometimes it can hide in the most unexpected locations.

In this tutorial we’ll start with a cartoon themed header, build two different states for content and animate a transition between them using jQuery.

61 Comments
Tutorials
Wordpress.com stats not installed!

How to Change the Default Gravatar in WordPress

As much as I love seeing the mystery man appear in WordPress comments across the internet, your blog deserves better. In this tutorial we’ll take a custom image and add it as the default gravatar to give your comment section a more personalized touch.

116 Comments
Tutorials
Wordpress.com stats not installed!

Quick Tip – Consistent Border Weight in Internet Explorer

Ever define a border weight in CSS only to find it heavier in Internet Explorer? Today’s tip is on keeping consistent border width across browsers when using shorthand.

If you’re familiar with CSS shorthand, you’ll know that border width can be described in either exact units (pixels), or through one of several more general terms (like thin).

8 Comments
Tutorials
Wordpress.com stats not installed!

Changing Form Input Styles on Focus with jQuery

A lot of forms can be boring and plain, don’t let yours blend in. This tutorial will show you how to spice them up with CSS classes and default values that change according to which form item is selected. All with just a splash of jQuery.

99 Comments
Tutorials
Wordpress.com stats not installed!

Quick Tip – Accurate Web Colors in Photoshop

Ever built a great website mock up in Photoshop only to slice it up and discover that the all the colors are off in the saved images? Even though the hex values are the same, the appearance is totally different.

Easy now! Don’t curse out Photoshop just yet. It’s a simple problem to fix if you know the right options to change.

41 Comments
Tutorials
Wordpress.com stats not installed!

Flex 3 Basics – Data Grids with XML

15 Comments
Tutorials
Wordpress.com stats not installed!

How to Make Charts with Flex 3

Flex makes actionscript less of a chore and more of a design asset. One of the best demonstrations of this is the simplicity of charting with MXML.

In this tutorial we’ll take test scores from XML files and make a dynamic bar graph out of the results in no time at all. You’ll have impressed yourself by the end.