How to Properly Design a Print CSS Stylesheet

by Jake Rocheleau
on December 29, 2011

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

Targeting unique CSS styles is a simple process based around media queries. Web designers have been using these techniques for years to much success. Yet in just a short couple of years recently stylesheets have grown in tremendous popularity. Now more than ever it’s important to offer not only mobile but print layouts for your visitors.

I’ve put together this small guide for beginners to quickly craft a print-based design. There are standard concepts and layout techniques you should utilize for quicker loading speeds. You also need to be conscious of page length when the design is printed on paper.

Read More

Animate a Custom Dialog Box with CSS3 and jQuery

by Jake Rocheleau
on December 7, 2011

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

I am a particular fan of the jQuery UI library and have been following the team since it’s release. It features dozens of examples of how to pull together the best animations from such a small library of code. However in a lot of websites these days we are seeking to limit dynamic JavaScript blocks. As such CSS3 has become an important staple with building dialog boxes.

In this short tutorial I’d like to go over the process of building a simple fade-in dialog box. This may contain a signup/login form, input buttons, or even just a message to your visitors. The technique is pristine and gaining adoption in the sphere of web developers everywhere.

featured image demo screenshot - jQuery dialog box

Read More

Case Study: Building an ‘About the Author’ Box in WordPress 3.2

by Jake Rocheleau
on November 7, 2011

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

I’m sure those of you familiar with Wordpress blogs have seen the many author box designs. Most of the popular web design and social media magazines feature some type of author display box towards the bottom of each post. This features the author name, avatar, and generally a short bio along with profile links.

Wordpress users who are up to date with the latest 3.2.x release can easily implement this feature via custom plugins to extend WP functionality. But I want to explain how you can custom-code your own author box! I feel this method gives you more control over the layout and you can manipulate the HTML/CSS much further than with plugin codes.

Read More
Page 10 of 23« First...89101112...Last »