Spicy News @ Express Speed.

JQuery tiny java script could be used some of the amazing photo and other web effects. The two example like most using JQuery are sliding menu and gallery of Jquerry. check out and let me know your opinion.

click here to view the gallery demo

Sliding Menu

of course, there is huge list of downloadable plugins developed using jquerry. Check our the great list, this plugins would densely add lot of feature and functionality to the Website.

If you are planing to develop your own jquerry effect, download the useful jquerry starter pack from here

 

• Interface A very useful effects library for jQuery, including routines for Dragging, Sortables, Droppables, and visual effects. Stefan Petre

• Rounded Corners - Added rounded corners to elements using jQuery. Dave Methvin

• Custom Borders - like Rounded Corners, but uses images for the border. Sorin Ionescu

• JQuery Curvy Corners Curvycorners.net with JQuery. Stefan Holmberg

• Stylesheet Switcher - Switch between multiple stylesheets and remember the last one selected. Kevin Luck

• Thickbox - popup windows for images, and external content. Cody Lindley

• Tweenbox - Tweenbox Allows you to "tween" between multiple pages, each loaded via ajax. Based on Thickbox. Will Jessup

• Slightly Thickerbox - based on Cody Lindley's Thickbox code, Slightly Thickerbox can pop up windows for images, movies and external content. It can also group content (be it images, movies, external content or a mix of all three) together. Finally, it supports the Interface Elements for JQuery to add in some special effects (but will work fine if Interface Elements are left out). Jason Levine

• jTip - a jQuery tool tip solution. Cody Lindley

• hovertips - another approach to tool tips using jQuery. Dave Cohen

• Greybox Redux - popup windows.

• Autohelp - Show element specific help texts in form, using nothing but the title element of the various input fields. Dylan Verheul

• jQuery Auto - Provides mechanisms to auto-tab to next field, auto-image toggle, auto-select, etc.

• Image Replacement - Replace pieces of text with images. Sam Collett

• pager - Unobtrusively paginate large pieces of content into smaller chunks. Rik Lomas

• Image Pan View - Navigate around large images by panning a window. Christian Bach

• Live Grid Live grid plugin

• Farbtastic color picker It's an elegant color picker that uses only transparent PNGs, CSS and JavaScript and presents a full HSL (not HSB) color space. Steven Wittens

• jQuery Catfish Advert Plugin - Catfish adverts are one of the most eyecatching types of adverts that are currently being used. They slide up from the bottom of the page and instantly catch the users eye. With this plugin you can create one in a single function call, which includes adding all required CSS and hacks to make it work in IE. Matt Oakes

• jQuery & Google Maps Using jQuery and Google Maps API

• Pause Allows you to delay animations, for example to hide a menu two seconds after unhover. Jonathan Howard

• Tablesorter Add client-side table sorting with ease. Christian Bach

• quickSearch - Quickly and unobtrusively search through large sets of structured data. Rik Lomas

• jQuery Slideshow - simple slideshow which fades into the next image. Matt Oakes

• Image Gallery using jQuery, Interface & Reflections - My second jquery plugin/demo. This one is an image gallery with smooth transitions, thumbnails, back/next navigation and reflections. Totally customizable using CSS. enjoy. P.S. this is the first release, so it may be a bit buggy and not work on every browser. Improvements are coming. Ramin B.

• jQuery InnerFade A more flexible version of Slideshow from Matt Oakes Torsten Baldes

• HighlightFade Fading Text Highlights, see the demo. Blair Mitchelmore

• dateSelector - Popup calendar to select dates for data entry. Kelvin Luck

• Clipregion - Simple carousel component for only showing a window of content on a slider, similar to a slideshow. Mike Hostetler

• Spy A 'digg-like' spy to monitor new content in real-time. "Remy Sharp"

• Checkbox Replace a HTML checkbox with a image checkbox, perfectly unobtrusive Kawika K

• Numeric Modify text input fields to only allow numeric values. Can also prevents pasting of invalid values. Sam Collett

• Spinbutton Turn text boxes into fully functional Spin Buttons (Spin boxes). There is also an original home page of the Spin Button Control. (Enhancements by Mark Gibson) George Adamson

• jButton Convert simple images into either rollover or toggle buttons, with either a function call or an href onClick. Gilles van den Hoven

• jQWidon’t - Suppress typographic widows. Dave Cardwell

• jCarousel jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation). Jan Sorgalla

• News Ticker A news ticker that sequentially iterates though items in an unordered list, showing the current one and hiding the previous one. If you move the mouse over the ticker, it will not change to the next item in the list. TexoTela

• bgiframe - Helps ease the pain when having to deal with IE z-index issues. Brandon Aaron

• Mouse Gestures - Recognize mouse gestures Blair McKenzie

• offset - Cross-browser method for getting the position of an element, relative position of element to another element and other properties. This is now in dimensions.js of the jQuery core as of revision 396. Brandon Aaron

• JHeartbeat - Will query the server at a specified interval. Useful for keeping sessions alive, but can also be used to pull and display updated content at regular intervals. Jason Levine

• JTicker - Turns a specified DIV tag into a newsticker populated with content from an RSS feed. Jason Levine

• jMP3 - jMP3 allows you to add customizable flash MP3 players to your site. Sean O

• JReflection JReflection is based on reflection.js but it allows to use it in jquery style. Documentation will be included very soon…

• Chili Code Highlighter Highlights code, eg. JavaScript. Very useful for posting code snippets in a blog etc. Andrea Ercolino

• PopUpWindow is a simple plug-in that enables you to add a popup window to the click event for any element.

• jquery-presenter enables you to create web-based slide show presentation. Rahul Upakare

• fit2Box changes the font-size of a block element to fit the content to given dimensions

• jquery-powered-button This plugin displays a button to proudly say that your website is powered by jQuery. This is highly configurable button and many more configuration options are on the way. Rahul Upakare

• Tooltip Create customizable tooltips, using the title attribute of selected elements. Supports mouse tracking, transparent PNG backgrounds , splitting title into header and body elements, custom delay and events (eg. click instead of mouseover) Jörn Zaefferer

• Star Rating Plugin This plugin creates a star rating interface out of a standard HTML form. Features include: 100% graceful degradation and fractional ratings. Wil Stuckey

• Simple Star Rating Plugin This is a highly modified version Will Stuckey's star rating plugin. It minizes html code writing. Further, the script can be used to implement watch/unwatch functionality as in Gmail. Ritesh Agrawal

• Media Display media content like flash, quicktime and mp3s Mike Alsup

• Flash Flexible and powerful plugin for embedding Flash movies Luke Lutman

• AnimateClass/AnimateStyle Animate elements from one css class to another as described in your stylesheet or using basic css expressions Paul Bakaus

• vjustify A simple plugin to handle automatic vertical resizing of divs in multi-column CSS scenarios. Be sure to read about issues with underspecified images before using this plugin in a $(document).ready() context.

• PunchCard A jQuery widget for displaying in a small area a lot of buttons of social bookmarking sites, like del.icio.us, digg, technorati… (there are 45 now). Uses a punchcard metaphore, where a click on a mark leaves a permanent hole in its place. Put as many as you like in one page, each for submitting a specific content Andrea Ercolino

• colorGradient Extends jQuery to calculate colors using two different colors and a transformation method. It also allows to set these colors to given elements, using jQuery syntax.

jQuery Navigation Plugins

• Tabs - Quickly, and easily, build an accessible and unobtrusive tabbed navigation interface for your web site. Provides predefined (slide and/or fade) and custom animations on tab selection, callback on tab selection, autoheight, bookmarking. Use with the History/Remote plugin to fix the back button. Klaus Hartl

• History/Remote - Hijax links and fix back (and forward) button for these Ajax driven and other similiar links (for example Tabs). History support for Firefox, Safari, Opera and Internet Explorer. Again totally unobtrusive. Klaus Hartl

• Please Fix or Remove Prettier Tabs - Version 1.01 of Prettier Tabs, based almost entirely on the above plugin. The major changes are a color scheme, prettier tabs, rounding via the rounded corner plugin below, and the addition of the slideDown/fadeIn effect on tab selection. (link not broken - is a zip download not html page)(but doesn't work as a zip in all browsers - comes back with 'Page not found') Yehuda Katz

• Accordion Menu - Toggle between multiple blocks of information. Jörn Zaefferer

• Accordion Menu - Another accordion menu, based on a definition list and again totally unobtrusive. Deprecated.Klaus Hartl

• Keynav Adds the ability to navigate over a set of elements using the arrow keys. Mike Hostetler

• Menu System Based on LI elements. Jonathan Sharp

• jQuery Suckerfish Menu Myles Angell's rewrite of Suckerfish's JavaScript with jQuery. Myles uses jQuery's Basic Effects to show and hide the submenus and jQuery's BaseStyle Base module methods to highlight the current moused over menu item.

• AJAX History Helps you make your Ajax-driven page available for "Go Back" button and "bookmark" of browser. Currently only Safari bails. Taku Sano

• Sliding menu with jQuery - My very first plugin developed using jQuery. Its a simple sliding menu that can be somewhat customized with different animations, delays and trigger events.

jQuery Forms Plugins

• Editable - In place editing made simple. Dylan Verheul

• jEditable - Rewrite of previous. Can be used with Wiki, Textile, Markdown, BBCode, ReST etc renderers. Features automatic sizing of input elements, automatic sending element id attribute and more. Mika Tuupola

• Another In Place Editor - In place editor with options for textboxes, textareas, and select dropdowns. Dave Hauenstein

• Autocomplete - Autocomplete with caching to limit server requests and other options. Dylan Verheul

• Jeditable + Autocomplete - Extended jeditable to include option for autocomplete. Also extended Dylan Verheul's autocomplete javascript to include option for having input token separator. Check the demo. Ritesh Agrawal

• Autocomplete - Another implementation of (delayed) autocompletion, completely with keyboard navigation and custom layout. Gilles van den Hoven

• Focused Field Outlines Outlines the focused field without affecting the field border. Sam Collett

• Form Validation (no AJAX) Add validation rules to your markup and apply the form plugin to your form. Work is still in progress. Have a look at the different examples to see how the plugin can be applied and customized. Jörn Zaefferer

• Input Verfication Allows you to add a URL to inputs to verify user input (ie. email, username, etc) and toggle classes based on response. Joe Stump

• Form plugin (with AJAX) An example demonstrating the form plugin can be found here: http://www.malsup.com/jquery/form/

• FastSerialize - This addition to the forms plugin is a serializer that sacrifices semantic order for speed. Matt Grimm

• Form Deserialization Fill a form with JSON data (most likley received via an ajax call). Accepts both array and hash map notation. Ashutosh Bijoor

• Simple Form Validator Use both server side and JavaScript validators (and write your own) in an easy to use plugin. will jessup

• jSearch? - Live search javascript using jQuery. Halmat Ferello

• More JQuery :selectors Plugin to provide additional handy query selectors such as :focus, :modified, :selected, :text and :input to compliment JQuery's powerful query syntax. George Adamson

• Select Box Manipulation Allows to add, delete, sort and select options in a select box.

• prototype $F() replacement Use $F(element_name) to return value of an element, $FF(form_name) to return array of values from a form, and a jQuery function for creating a hash from an array.

jQuery Extension Plugins

• jQuery Easing - Set custom easing types for standard animations. [Note] Doesn't seem to work with the compressed jQuery-Source in IE. George Smith

• Easy DOM Creation - simply build DOM structures using jQuery-like syntax. Michael Geary

• Easy DOM Creation - A slightly different implementation, that provides the capability of JSON based templates. (Also refer to Neytema's Lithuanian site.)

• Closures - Add closure capabilities to jQuery (will probably be integrated into the jQuery base soon). Michael Geary

• JSON - import external JSON data sources. Michael Geary

• WrapInner - Allows the wrapping of text inside an element. Christian Bach

• Inline editing - Changes text into an editable form field, and submits to server on Enter. Dylan Verheul

• AutoHelp - On form element focus displays some help text. Dylan Verheul

• Taconite with jQuery - Excellent mimic of the popular Taconite utility. Relies on tag markup added to the XHTML document to demark its 'commands'.

• jXs for jQuery - very similar to the Taconite plug-in, but its implementation is different. It also allows for user extensibility.

• jQBrowser - Extend jQuery’s browser detection capabilities. Dave Cardwell

• jQMinMax - Add min-/max- height & width support. Dave Cardwell

• jQEm - Interact with the base 'em' unit. Dave Cardwell

• JHeartbeat Allows a web page to periodically poll the server. This polling can be used to keep the user's session alive or to download updated information. Jason Levine

• mousewheel - Adds a mousewheel and unmousewheel event to jQuery. Brandon Aaron

• toXML - Serialize DOM elements to an XML string. Mark Gibson

• jQarray - allows you to reverse or sort the order elements appear in the jQuery element collection.

• limitQueue - it allows you to specify the limit of queue. This is especially useful when two opposite effects interact on one DOM element.

• getURLParams - It allows you to check / get specific URL parameters.

• cookie - A cookie utility plugin. Read, write, delete cookies. Klaus Hartl

Popularity: 30% [?]

• Leave a comment... (8)

 

Following tools and utilities must have for window user, These tools would make your life much easier, and make your windows work much better, and most importantly they you want it.

 

• TaskSwitchXP Pro - a much better alternative to window’s ALT+TAB window switcher. This is not as slow as the PowerToys one either. It’s actually pretty quick.
• TopDesk - If you’ve seen the Expose feature on the new Mac OS X, you’ll love this little utility. Works just like the Expose, but its for windows. Nice.
• Highlight 2.2 - This utility will conver just about any source code into HTML, XHTML, RTF, TeX, LaTeX, XSL-FO and XML format. Simply amazing.
• FUNDUC Search & Replace - If you like GREP, you’ll love this thing.
• Whiteboard Photo Image Capture - You gotta see this one to appreciate it. It transforms images taken of a Whiteboard into a clean and clear image with full color. Really cool. Check out the examples.
• BootDisk.com - If you’re the computer geek in the family and everyone comes to you to fix their computer, then you NEED to have these bookdisks handy at all times.
• Ultramon - Why this kind of functionality isn’t built in, I don’t know. But it’ll keep the guy at RealTimeSoftware in business! Ultramon is the ultimate utility for Multiple Monitor systems. It’s most significant features, IMHO, is the addition of TaskBars that are monitor specific, and the addition of buttons NEXT to Minimize and Maximize to move open windows over to other monitors. Great if you’ve got 2 monitors, but a MUST if you’ve got more than 2!
• Tail for Windows - There’s lots of ways to get this functionality, including the GNU Utils for Windows and BareTail. The point is, it should have been included! A “tail -f” for Windows.  Great if you work with programs that write to log files and you want to watch the log as it’s being written.  Also has keyword highlighting so you can see things get visually flagged as they go by.
• SlickRun, Windows Search and/or Dave’s Search Bar - Pick one, and love it. Why there isn’t a floating or docked command-line in Windows I do not know. Probably so my mom wouldn’t freak out.
• RoboCopy - When COPY and XCOPY just won’t cut it, try the “Robust Copy”
• Nero 6 and ImageDrive - Nero 6 is a fantastic value and the greatest burning suite out there.  It also include ImageDrive that let’s you make and mount ISO images.
• BgInfo from SysInternals - If you log into a lot of boxes remotely and always wonder, where the hell is this? This wallpaper tool creates custom wallpapers with all the information you’d need, like IP Address, Box Name, Disk Space, and it’s totally configurable.
• AutoRuns - I always am suspicious that someone is running something automatically on my system.  AutoRuns (from SysInternals) checks EVERYWHERE that could be running something, the registry, win.ini (remember those?), the Startup Group, etc… 
• Marc Merrit’s Event Log Monitor (EventReader) - Sits in the tray and pops up a nice XP-style baloon whenever the event log is written to.  I hate tray icons but I love balloon tooltip info, so it’s a good tradeoff.
• Filter Files with Unknown Extensions for XP - Chris Sell’s provides a .REG file that let’s explorer’s find files with file extensions that are not known.  A real irritant with XP, fixed.
• Paint.NET - The Paint Program that Microsoft forgot, written in .NET.
• GhostIt - Little tray app that lets you ghost (make transparent) any window by clicking on it.
• NetPing - Jeff Key’s multi-threaded pinger…it continues to include new features, like right-click and launch Remote Desktop. Great for administration of small networks. I use it all the time.
• Magical Jelly Bean KeyFinder - Misplace your Windows and Office Product Keys?  Find them with this.
• NetworkDriveInfo - Helps you find free drive space on remote systems. 
• PSTools from SysInternals - All the command-line tools that Windows forgot…kill, loggedon, remote exec, shutdown, getsid, etc.
• TrueName - Right click a file in Explorer and find out it’s TRUENAME (Remember the Truename.exe?)  The 8.3 name of My Documents might be C:DOCUME~1SHANSELMMYDOCU~1.
• RealVNC - When RemoteDesktop is a hassle and PCAnywhere is lame…VNC stands for Virtual Network Computing. It is remote control software which allows you to view and interact with one computer (the “server”) using a simple program (the “viewer”) on another computer anywhere on the Internet.
• WHICH - It’s which and it’s back.  Wondering WHICH copy of that .exe is being run first in the path? Run “which calc.exe”
• URL Bandit - Monitors the clipboard and saves all URLs that go by in the click-stream.  If you copy a 1 meg file to the clipboard, URL Bandit can find, for example, all 200 URLS within it.  Yum.

Popularity: 4% [?]

• Leave a comment... (0)

 

Several places, we told the developers to the basic and all requirement of upcoming theme meyshan, which is intent to one of the best theme ever produced for Wordpress. Some of following question answer, we answered through odesk, rent a coder, guru.com, and at freelancer.com. The idea of publishing here, it, is to be useful for others, and for our own developers to refer back to.

What are web standards?

The adherence to standards (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG etc) and the pursuit of best practices (valid code, accessible code, semantically correct code, search-engine-friendly etc).

What is considered a non-standards approach to web development?

Non-standards Website development is an extension of the printed media – designed to make sites look pixel-perfect in mainstream browsers. Common characteristics include:

• Table-based layouts
• Presentation within the content (font tags)
• Invalid code
• Inaccessible code
• Semantically incorrect code

What does it mean to develop a site with standards in mind?

Web Standards are about accepting the web as a broad communication tool that can be accessed by a wide variety of users and a variety of devices. Common characteristics include:

• Semantically correct markup
• Valid code
• Accessible code (for humans and devices)
• Cascading Style Sheets (CSS) to separate content from presentation

In other words, a site built to web standards should be lean, clean, CSS-based, accessible, usable and search engine friendly.

How does the user of a Website benefit from Web Standards?

• Files will download faster (less code, no overall tables, valid code)
• Content is accessible to wider range of users (normal users, blind users, vision impaired users, dislexic users, motor skill impaired users etc)
• Content is accessible to wider range of devices (screen readers, browsers, text based browsers, hand helds, search robots, printers, fridges etc)
• Allows users to customize site appearance (style switchers)
• Provides print friendly versions for all pages

How does the owner of a website benefit?

• Easier to maintain (less code, modular code)
• Cheaper hosting costs (less code)
• Better search engine ranking
• Content can be restyled easily without changing code
• Provides users with customization
• Provides print versions without replicating content
• Improves accessibility (essential for Government clients)
• Easier to code (modular code)
• Less device dependent coding (stable across wider variety of devices)
• Provides a competitive edge as more of the world moves to using Web Standards.

What is the downside to web standards?

• Steep learning curve
• Browser compatibility issues
• Some layouts can be achieved much more easily using tables than CSS. (example: web forms)

What are the upsides to standards?

• visitors benefit (faster download, accessible to wider range of users and devices)
• clients and organizations benefit (easier to maintain, cheaper hosting costs, better search engine ranking, improved accessibility)
• developers benefit (easier to code, easier to maintain, provides a competitive edge)

How do I start using standards?

Web Standards are not a black and white issue. The move from traditional to Web Standards based development takes time and practice. Rather than jump in and quickly becoming frustrated, set achievable goals and gradually move towards Web Standards. For example:

Basic changes

• Add a correct doctype to all pages
• Add alt text to all images
• Add meaningful page titles

Intermediate changes

• valid code
• semantically correct code
• replacing inline font tags and inline colour with CSS
• accessible forms, data tables and skip menus

Advanced changes

• Basic positioning with CSS (padding, margins etc) while using overall table for layout
• full positioning with CSS – no tables for layout

conclusion

The theme must be 100% XHTML, CSS validator theme, with heavy ajax enhancement for tapped browsing, ajax live search, ajax comment using yahoo UI, using dojo tool kit for fisheye style menu, etc.

Popularity: 3% [?]

• Leave a comment... (0)