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 →

38 jQuery And CSS Drop Down Multi Level Menu Solutions

Vel — Sat, 12 Sep 2009 08:11:59 +0000

Here you’ll find 38 mainly jquery and CSS based drop-down or just multi level menu tutorials with down loadable files and explanations as well. It’s always good to have such reference articles in your bookmarks and when you have to create some really big website with a lot of content and menu sections – just return here. Shorten your developing process with already premade menus, which can be easily modified with little touch of CSS.

Visit Source

50 Useful New jQuery Techniques and Tutorials

Vel — Sat, 29 Aug 2009 16:16:09 +0000

The simplicity, advanced features and strong support are common arguments for developers preferring jQuery against other JavaScript-frameworks. In fact, jQuery is one of the most popular JavaScript frameworks, with powerful tools that can significantly improve the user’s interaction with Web applications. jQuery has an additional advantage in that it allows developers to select elements on a page using CSS-like syntax.

Visit Source

Create fancy share box with CSS and jQuery

Vel — Mon, 13 Jul 2009 15:52:30 +0000

This tutorial will show you how to turn unordered list (UL) into an fancy social bookmarking sharing box. You will see how to style such box, how to add interactivity, and how to create jQuery plugin that will turn any UL into sharing box.

Create fancy share box with CSS and jQuery