Boxy : Facebook like dialog/overlay box

Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening. It differs from other overlays I’ve seen by providing an object interface to control dialogs after they’ve been created. And for simple usage scenarios, boxy also provides a jQuery plugin for automatically hooking up links and forms, as well as an ask() helper for presenting multiple choices to the user.

Read More Here

Download

Creating a Facebook-like Registration Form with jQuery

Facebook is a showcase of great UI design. And as it has become a major part of our lives, it has also raised the bar for web development, pushing developers to meet higher expectations.

This however has a good side – it challenges web developers and designers to better themselves and constantly improve their work.

In this tutorial, we are going to learn from the best, and create a facebook-like sign up form. So go ahead to start learning!

Read more+++

24+ Mootools/jQuery plugins

1. Window.Growl 2.0 with MooTools 1.2beta2
   
   
2. nyroModal :: jQuery Plugin
   
   
3. prettyPhoto – jQuery lightbox clone
   
   
4. jQuery.ifixpng – png transparency for windows ie versions below 6
   
   
5. jTouch – Color Charge
   
   
6. jQuery Slug Plugin
   
   
7. Creating accessible charts using canvas and jQuery
   
   
8. How To Create A Keypress Navigation Using jQuery
   
   
9. Mootools Ajax Calendar (Vista-Like)
   
   
10. Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous
    
    
11. stanlemon.net : jgrowl
    
    
12. Superfish – Suckerfish on ‘roids
    
    
13. JavaScript – ToC script
    
    
14. SyntaxHighlighter
    
    
15. ColorPicker
    
    
16. Building your own lightbox – part 1
    
    
17. Unit PNG Fix
    
    
18. UniTip
    
    
19. Update: A New & Improved jQuery Script to Automatically Preload images from CSS
    
    
20. mcDropdown jQuery Plug-in
    
    
21. BarackSlideshow – An elegant, lightweight slideshow script
    
    
22. getElementsByClassName versión 2008
    
    
23. jQuery::planize, a plugin to enhance your hierarchical documents
    
    
24. jVal – jQuery Form Field Validation Plugin

240+ awesome Jquery Plugins

jQuery is definitely my favourite Javascript Library and this ultimate jQuery Plugin List is for all other jQuery Lovers out there. At the moment there are about 240+ awesome Plugins in the List I’m sure that there are a lot of other plugins out there – so if you knew one that’s not in the list please post a comment and i will add it. Thanks!

File upload

Ajax File Upload
jQUploader
Multiple File Upload plugin
jQuery File Style
Styling an input type file
Progress Bar Plugin

Form Validation

jQuery Validation
Auto Help
Simple jQuery form validation
jQuery XAV – form validations
jQuery AlphaNumeric
Masked Input
TypeWatch Plugin
Text limiter for form fields
Ajax Username Check with jQuery

Form – Select Box stuff

jQuery Combobox
jQuery controlled dependent (or Cascadign) Select List
Multiple Selects
Select box manipulation
Select Combo Plugin
jQuery – LinkedSelect
Auto-populate multiple select boxes
Choose Plugin (Select Replacement)

Form Basics, Input Fields, Checkboxes etc.

jQuery Form Plugin
jQuery-Form
jLook Nice Forms
jNice
Ping Plugin
Toggle Form Text
ToggleVal
jQuery Field Plugin
jQuery Form’n Field plugin
jQuery Checkbox manipulation
jTagging
jQuery labelcheck
Overlabel
3 state radio buttons
ShiftCheckbox jQuery Plugin
Watermark Input
jQuery Checkbox (checkboxes with imags)
jQuery SpinButton Control
jQuery Ajax Form Builder
jQuery Focus Fields
jQuery Time Entry

Time, Date and Color Picker

jQuery UI Datepicker
jQuery date picker plugin
jQuery Time Picker
Time Picker
ClickPick
TimePicker
Farbtastic jQuery Color Picker Plugin
Color Picker by intelliance.fr

How To Create Stylesheet only for IE

Sometimes it is better to create alternate css files for different browsers (esp. IE), than using hacks. It is important in big projects, when client requires the site to be fully cross-browser. The basic technique to attach an IE-Only stylesheet is using the HEAD section conditions:

CSS FILE LOADED FOR BROWSERS OTHER THAN Internet Explorer:

<![if !IE]>
<link rel=“stylesheet” type=“text/css” href=“NOT-IE.css” />
<![endif]>


 IE 6 ONLY CSS FILE:
<!??[if IE 6]>

<link rel=”stylesheet” type=”text/css” href=”IE-6-SPECIFIC.css” />
<![endif]??>

IE 5 ONLY:

<!??[if IE 5]>

<link rel=”stylesheet” type=”text/css” href=”IE-5-SPECIFIC.css” />
<![endif]??>

IE 5.5 ONLY:

<!??[if IE 5.5000]>

<link rel=”stylesheet” type=”text/css” href=”IE-55-SPECIFIC.css” />
<![endif]??>

VERSION OF IE VERSION 6 OR LOWER: (I find this one pretty handy)

<!??[if lt IE 7]>

<link rel=“stylesheet” type=“text/css” href=“IE-6-OR-LOWER-SPECIFIC.css” />
<![endif]??>

IE 7 ONLY:

<!??[if IE 7]>
<link rel=“stylesheet” type=”text/css” href=“ie7.css” />
<![endif]??>

The biggest advantage of using this methos is that it passess W3C validation and you don’t have a mess of different hacks in your css code.

25 Alltime need WordPress Plugins!!!

hi frends

i have collected this plugins from different sources. i hope you like it and use it in your blog.

1. Akismet :Is a spam filter that checks your comments against the Akismet web service to see if they are spam or not, also checks the trackbacks for spam.
2. Ultimate Tag Warrior : Best Tag system for wordpress. You can use categories and tag system on one website which is very cool.
3. Exec-PHP : Execute PHP code in posts or static pages. When this plugin is on you can add php code to static pages or even posts.
4. Google Sitemaps : This generator will create a Google compliant sitemap of your WordPress blog.
5. No Ping Wait : Speeds up posting by moving generic pings to execute-pings.php.
6. PXS Mail Form : Creates a mail form with multipart verification, various messages and an auto redirect on successful send. It is much more easy to contact with website author.
7. Super Archive : Implements a dynamic archive, the best archives system i know.
8. SRG Clean Archives : Super clean archive. Very simple and useful.
9. WP lightbox 2 : Overlay images on the current page for WordPress. You can turn it on and all images are now working with it.
10. fQuick : Sidenotes, short notes for WordPress. You can place it for example in sidebar.
11. CG-FlashyTitles : Nice graphical flash titles for WP. Very easy to install.
12. flickrRSS : Integrate the photos from a flickr rss feed into your site. Show flickr photos on your website.
13. Feedburner Feed Replacement : Forwards all feed traffic to Feedburner while creating a randomized feed for Feedburner to pull from.
14. Gravatars : Adds a nice looking graphic next to the persons comments.
15. Get Recent Comments : Display the most recent comments or trackbacks with your own formatting in the sidebar or where you want.
16. WP Paginate : Create pagination for pages. It is the best plugin for that makes navigation easy with many static pages.
17. wp-notable : Add social bookmark links such as digg or del.icio.us to each blog entry
18. Adsense-Deluxe : Support for adsense ads and allows you to add ads to posts.
19. WP-ContactForm : A way for people to contact you without actually emailing you, saves time, and great way to avoid spam.
20. PodPress : Got a podcast? PodPress makes it really easy to post podcasts, also includes an inline media player.
21. Related Posts : Link to related posts on your blog, which is based on the content of the post.
22. WP-Cache : An extremely efficient WordPress page caching system to make your site much faster and responsive. It works by caching Worpress pages and storing them in a static file for serving future requests.
23. Live Comment Preview: Live Comment Preview Plugin is the simplest way to get live comment previews on your site. The preview is generated as the user types the comments.
24. Reply to Comments: This plugin creates a “reply to comment” link for all the comments and allows readers to reply to a comment just below the comment itself.
25. Popular Contest / Top Posts by Category: Popularity contest will help you see which of your posts are most popular and the Top posts plugin displays your top rated posts categorywise based on comments or page views.

Some freeware for your web development

GIMP – versatile graphics manipulation package

GIMP – versatile graphics manipulation package

GIMP is the GNU Image Manipulation Program. It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages.

Each task requires a different environment and GIMP allows you to customize the view and behavior the way you like it. Starting from the widget theme, allowing you to change colors, widget spacings and icon sizes to custom tool sets in the toolbox. The interface is modulized into so called docks, allowing you to stack them into tabs or keep them open in their own window.

HTML Kit for more than editing HTML

HTML Kit for more than editing HTML

HTML Kit is a full-featured free editor for HTML, XHTML, XML, CSS, JavaScript, PHP and other text file types. Over 400 plugins are also available, including HTML Tidy for creating standards-compliant HTML/XHTML pages. HTML-Kit has received 95% thumbs up out of 2900+ Download.com user reviews and over 4 million overall downloads.

Inkscape – Vector Drawing Graphics SVG PNG

Inkscape – Vector Drawing Graphics SVG PNG:

“Inkscape is an Open Source vector graphics editor, with capabilities similar to Illustrator, Freehand, CorelDraw, or Xara X using the W3C standard Scalable Vector Graphics (SVG) file format.

Supported SVG features include shapes, paths, text, markers, clones, alpha blending, transforms, gradients, patterns, and grouping. Inkscape also supports Creative Commons meta-data, node editing, layers, complex path operations, bitmap tracing, text-on-path, flowed text, direct XML editing, and more.

It imports formats such as JPEG, PNG, TIFF, and others and exports PNG as well as multiple vector-based formats.”

This software has solved my SVG view and Convert to PNG Problem. I got some icons from GNOME Art – Artwork & Themes which were SVG and was stuck. Then i found more SVG here Open Clip Art Library .

VIM – Advanced text editor VI

VIM – Advanced text editor VI

Vim is an advanced text editor that seeks to provide the power of the de-facto Unix editor ‘Vi’, with a more complete feature set. It’s useful whether you’re already using vi or using a different editor.

Vim is a highly configurable text editor built to enable efficient text editing. It is an improved version of the vi editor distributed with most UNIX systems. Vim is distributed free as charityware.

Thingamablog blogging application

Thingamablog blogging application

Thingamablog is a cross-platform, standalone blogging application that makes authoring and publishing your weblogs almost effortless. Unlike most blogging solutions, Thingamablog does NOT require a third-party blogging host, a cgi/php enabled web host, or a MySQL database. In fact, all you need to setup, and manage, a blog with Thingamablog is FTP, SFTP, or network access to a web server.

Thingamablog allows you to:

• Set up a blog in minutes via an intuitive wizard
• Maintain multiple blogs
• Effortlessly manage thousands of entries
• Dynamically update blog content
• Write entries offline (Dialup users)
• Publish your blog with a single click
• Create a unique layout with customizable templates
• Import entries from RSS/Atom feeds
• Set up flexible archiving options
• Organize your entries by category or date
• Save entries as drafts
• Define your own custom template tags
• Syndicate your blog via an RSS or Atom feed
• Ping services like weblogs.com, BlogRolling, and Blo.gs

You have to install Java to run Thingamablog. Java. Java Technology is required to run applications, hese are usable in multiple operating Systems and use a JVM or Java Virtual Machine. – Java Software from Sun

Zoundry Raven – Portable WYSIWYG Publisher

Zoundry Raven – Portable WYSIWYG Publisher

“Multiple Blogs Made Easy – Do you have multiple blogs for different audiences? We make it easy to write and publish to separate blogs all with one editor.”

Tabbed true WYSIWYG Editing – True WYSIWYG writing and XHTML source editing. Drag and drop images, video, and text from the Web. Unicode (UTF-8) support. Preview posts in your blog’s template.

WordPress 2.2+ Page & Tag support – Use Raven to create and modify your WordPress Pages just like any other blog post. Set WordPress tags as well as import tags from all of your posts.

Raven2Go: Portable Application support – Install Raven as a Portable Application on your flash/thumb drive. We’ll stay out of your Windows registry and let you take your Blogging on the road.

BlogDesk – Offline Weblog Client

As an offline weblog client, BlogDesk lets you comfortably write and effortlessly publish new entries to your blog.

No need to use those annoying HTML Tags in the WYSIWYG editor. Images can be directly inserted and are automatically uploaded. Even publishing simultaneously to multiple blogs is a matter of a click.

With the ImageWizard you can not only insert images to your posts – it’s possible to edit them as well (crop, resize, rotate, shadow etc., see Examples). Even Thumbnails can be created – the preview will be shown in the blog and a click on the image will open it in its original size (just like here in the right column). Linking and uploading those images is automatically done by BlogDesk.

BlogDesk is totaly free of charge and optimized for the blog systems

• WordPress (
• MovableType
• Drupal
• Serendipity
• ExpressionEngine (pMachine)