Freelance Web Designer » jQuery

Adaptable view – how do they do it?

Vel — Sat, 27 Feb 2010 11:42:47 +0000

Adaptable view is a user interface design pattern which you can use to allow users to manually change visual appearance of content in order to fit their needs. This is usually done by switching styles (in web sites and applications). This way you provide your users with more control over the appearance of content which improves user experience.

Adaptable view can be used to enable users to increase/decrease font size, change background color, darken background for higher contrast, switch between different site versions or to change the layout of the site or any part of it. To learn more about this pattern check out Adaptable View design pattern on UI Patterns. You will find a strange implementation of this pattern where complete header is being hidden – including the logo.

In this tutorial, I will focus on explaining how to manually change the layout and show you two great examples and “how did they do it”.

Visit Source

75+ Top jQuery Plugins to improve Your HTML Forms

Vel — Sat, 23 Jan 2010 12:35:04 +0000

jQuery makes it easier and simpler to provide your users with high quality, dynamic, good looking and intuitive input forms. This post lists some of the best available in different categories; “Form Element Visual Enhancements”, “Form Element Data Validation and Manipulation”, “Form Tool tips”, “Calendars and date pickers”, “jQuery hot key plugins” etc.

Visit Source

15 useful jQuery plugins and tutorials | designer-daily

Vel — Sat, 09 Jan 2010 09:50:14 +0000

The variety of plugins and tutorials available for jQuery never cease to amaze me. I’ve been looking for some new plugins for an ongoing project, so I extended my research a bit to share these cool jQuery plugins with you. If you need more, you can take a look a these jQuery scripts to improve your site’s interface, or at the jQuery scripts for your portfolio.

Visit Source

15+22 jQuery Image Slideshow/Slider Tutorials and Plugins for Your Next Projects

Vel — Sat, 28 Nov 2009 15:55:20 +0000

Nowadays, using jQuery effects is getting increasingly popular within web templates and if you check some of new designed themes on themeforest , you probably can’t find a popular theme without any kind of jQuery effects. One of those effects that designers use it widely is jQuery image slideshow or image gallery which can be implemented easily by lots of free jQuery slideshow plugins and tutorials featured here.

Visit Source

Smart Columns with CSS & jQuery | sohtanaka.com

Vel — Sat, 14 Nov 2009 17:47:40 +0000

The great thing about having fixed columns in a liquid layout, is that it will fill up the view port with as many columns as it can fit. But as you can see there will be certain viewport resolutions, where it leaves excess white space where a column was just not able to squeeze in.

Visit Source

Mega Drop Down Menus w/ CSS & jQuery | sohtanaka.com

Vel — Sat, 14 Nov 2009 17:43:52 +0000

“According to usability expert Jakob Nielson, mega drop down menus tested to be more efficient for large scale websites. I decided to experiment with different ways of implementing this technique and would like to share how I achieved this method.” … Continue reading →