Techno Trousers - Web Design Tutorials and Information

Home
About

Posted by admin on December 15, 2008 | No Comments Design a Grunge Websites Photoshop T...
Psdtuts has some killer photoshop tutorials and this is one of them. Learn how to design a grunge web design.
Posted by admin on December 10, 2008 | No Comments Flash Components from FlashLoaded.co...
One of the best places to get flash components is at FlashLoaded.com. They’ve got an incredible flv video player that uses XML to populate your playlist. You can also fully customize the flv player.
Posted by admin on December 6, 2008 | No Comments Photoshop Light Effect...
Learn how to build an amazing photoshop light effect in 10 steps

Easy Slider 1.5 - The Easiest jQuery Plugin For Sliding Images and Content

Posted by admin in jQuery on February 5, 2009 | no responses

Easy Slider enables images or any content to slide horizontally or vertically on click. It is configurable with css alone. So, basically you link to plugin file, set the content up and style it with css.

This version features:

auto slide
continuous sliding
“go to first” and “go to last” button
hiding controls
optional wrapping markup for control buttons
vertical sliding
multiple sliders on one page

Video Player Example

Posted by admin in Inspiration on January 25, 2009 | no responses

A cool way to blend the video player into a dark background.

Top navbar for WDC clearspring.com

Posted by wallace in Inspiration on January 24, 2009 | no responses

Nice top navbar.

Smashing Magazine Blog smashingmagazine.com

Posted by wallace in Blogs on January 24, 2009 | no responses

Must read design blog. SmashingMagazine.com

Web Design and Innovation in Web Standards viget.com

Posted by wallace in Blogs, Photoshop, Web Design on January 24, 2009 | no responses

A lot of different tutorials.

CSS Sprites Generator spritegen.website-performance.org

Posted by wallace in CSS, Tools on January 24, 2009 | no responses

A CSS Sprite generator.

Quality Icons Blog qualityicons.blogspot.com

Posted by wallace in Icons on January 24, 2009 | no responses

Nice icons for various different people and users.

Free Icons famfamfam.com

Posted by wallace in Icons on January 24, 2009 | no responses

Free icon site with some icons.

Large Background Image duplika.com

Posted by wallace in Inspiration on January 24, 2009 | no responses

Nice large background image.

Simple layout thefirsttwenty.com

Posted by wallace in Inspiration on January 24, 2009 | no responses

A nice, plain, simple layout, but very effective.

YUI Intricate Fluid Layouts 24ways.org

Posted by wallace in CSS, YUI Grids on January 24, 2009 | no responses

This is a tutorial on YUI Layouts

YUI Grids Verticle Dividers kentbrewster.com

Posted by wallace in YUI Grids on January 24, 2009 | no responses

Creating properly-sized vertical dividers between columns seems like it ought to be easy. It is, if you’re using tables for layout: you bang out a couple of cells, put a border-right on the left one, and you’re done. If, on the other hand, you choose to write standards-compliant HTML, you’re heading down a harder road.

YUI Grids with equal height columns wait-till-i.com

Posted by wallace in YUI Grids on January 24, 2009 | no responses

One of the biggest issues of CSS layouts is that not all columns are the same height which makes it hard to style them in a traditional manner. You can embrace this change as a designer, but that seldomly happens.

Fancy Box Image Zooming Tool

Posted by wallace in jQuery on January 24, 2009 | no responses

Bored by so many pages using lightbox and it’s clones, the author wanted something fresh and Mac-like. FancyBox was born on top of jQuery.

Features:

Automatically scales large images to fit in window
Adds a nice drop shadow under the zoomed item
Groups related items and adds navigation through them (uses preloading)
Can display images, inline and iframed content
Customizable through settings and CSS

Build a slideshow with jQuery s3Slider

Posted by wallace in jQuery on January 24, 2009 | no responses

The s3Slider jQuery plugin is made by example of JonDesign’s smooth slideshow script. This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones. Tested to work in all Grade A browsers.