Forms

Pretty Checkboxs with jQuery

This is a cool tutorial that teaches you how to turn your ordinary check boxes into something stylish, and quite fun to use.

Pretty Checkboxes with jQuery

Rethinking Forms in HTML5

This is a great tutorial by the people at Nettuts+ about how you can get the most out of HTML5 for your fomrs.

jQuery Impromtu

jQuery Impromtu is a great replacement for alerts, prompts, and confirmations that users will enjoy and not find annoying in the slightest.

jQuery Simple Modal

Simple Modal is a flexible modal dialog framework which provides a great interface for development, allowing for some really nice looking forms too.

jQuery Simple Model

mcDropdown

This multi-column drop down layout is great for giving users a detailed tree of options to select from.

mcDropdown

jQ Transform

jQ Transform is a great tool for adding some style to your forms, giving them cool skin elements.

jqTransform

Emblematiq Niceforms

Niceforms by Embematiq is a cool jQuery plug-in that allows you to turn your boring forms into something cool with one of their designed themes, or with your own custom made one.

Emblematiq Niceforms

Uniform

Uniform masks your standard forms with custom skins and works in perfect sync with your real form elements, ensuring great accessibility and compatibility.

Uniform

Image Buttons a Part of Input Fields

This is a great tutorial to learn how to have image buttons inside of your input fields.

Images As Apart of Input Fields

DynamicWP Contact Form

This is a great WP plug-in that gives you a contact form that slides conveniently from the side of the page, and then back once it is no longer of use.

 

DynamicWP Contact Form

jQuery Highlight

jQuery Highlight is a great jQuery feature that gives your active input fields a highlight over them, as we know some users need all the extra guidance they can get.

jQuery Highlight

jQuery inline form Validation

jQuery inline form Validation is a cool hassle free form validation option that takes away the mess that is usually associated with this form feature.

jQuery inline from Validation

Navigation

White Smoke Menu Style

This jQuery powered navigation menu is very reminiscent of what was usually done in flash, and moves so smoothly you might think it was. It is fully browser compatible, and even maintains functionality if Javascript is turned off.

jQuery White Smoke Menu

jQuery mb.Menu

This jQuery menu plug-in is a great option to look into when aiming to build a complex multilevel tree menu with some style and great functionality.

mb.Menu

Coda Slider

Coda Slider is a very versatile and feature full panel slider. It comes as is very well suitable for your panel slider needs, and there have been great advancesin how to better it.

Coda Slider

 ID Tabs

This is by far the best tabs and/or panel navigation jQuery plug-in when level of how extensibility is concerned.

ID Tabs

Smooth Horizontal Sliding Menu

This is a cool tutorial that teaches you how to make a jQuery powered menu with the sub entries sliding out horizontally.

Horizontal Sliding Menu

jBreadCrumb Menu

This collapsible bread crumb menu that collapses based on the the amount and length of the elements in the set.

jBreadCrumb

jQuery FLOWERNAV

FLOWERNAV is a cool animated navigation plug-in that, well gives a flower effect to your link.

FLOWERNAV

jQuery Accordion

This is an easy to follow jQuery accordion style navigation menu tutorial.

Accordion Style Menu

Interface

jQuery Slide Note

Slide Note is a great plugin for giving your visitors a little hint, or note about something on your website.

Slide Note

jQuery Page Peel

Page peel is a simple to use jQuery plug-in that is great when you want to advertise something in a cool way.

jQuery Page Peel

jQuery InfiniScroll 

InfiniScroll is a cool plug-in that allows for an never ending scrollable section. This is great for websites that have sections with long lists.

jQuery InfiniScroll

jQuery SliderNav

SliderNav is a jQuery plug-in that allows you to incorporate dynamic vertically sliding content to your website.

SliderNav

jQuery Tipped

Tipped is a cool plug-in that easily allows you to add tips to your website’s content, there are also cool skins to choose from.

Tipped

Supersized

Supersized is a jQuery plug-in that allows you to have a image slideshow as your website’s background.

Imagin8

Imagin8 is not just another jQuery image slider. This one allows for you to direct a path folder, so ALL THE IMAGES DON’T HAVE TO BE IN YOU HTML! Just label your first image as 1.jpg for example, and the following the numerically after that, and they will be automatically added to your slideshow. Great for clients.

Imagin8

jQuery Lettering

Lettering is a jQuery plug-in that allows you to have complete control of  every letter, opening for great creative web typography experimenting.

jQuery Lettering

jQuery Stylesheet Switcher

Stylesheet Switcher is a jQuery plug-in that lets you set links within your page to change to different stylesheets.

jQuery Stylesheet Switcher

Flip

Flip is a jQuery plug-in that lets you flip your web elements in one of four directions.

Flip

You don’t have to reinvent the wheel, WordPress has an amazing support community today that you won’t ever get lost. But of course it is always good if you have a basic understanding of how WordPress themes and scripts are created so that you can have an idea, if you have not yet, of how to edit and customize themes and scripts. A little knowledge of PHP and JavaScript is good too, but not really needed unless you want some tweaking done.

So, what are we waiting for? Let’s begin with the selection of premium eCommerce themes and scripts!

Themes

Over the years we, at 1stwebdesigner, have presented several free themes that are of premium quality. Right now we’re presenting yet another perfect collection from ThemeForest and CodeCanyon that are still maintained and are supported by their authors.

1. Animal House – E-Commerce and Blogging Theme $35

Some features:

• 15 Background Patterns to choose from
• 12 Custom Widgets (Social Icons, Flickr, Video, Twitter, Google Map, etc.)
• Social sharing bookmarks built into posts (50+ sharing options to choose from including printer friendly PDF conversion of posts)
• Flexible home page (remove any section and add widgets to areas)
• E-Commerce Ready with Jigoshop
• 4 Slider Area Options (Gallery, Content, Nivo, or none)

2. Sofa SuppaStore $35

Some features:

• Stock Inventory Manager
• Orders Tracking
• Unlimited Coupon Codes
• PayPal and Mail Orders ready
• 11 built-in Widgets
• Online FAQ and HowTo support site
• Newsletter

3. Cute & Sweet $40

Some features:

• Newsletter system
• Select how many news articles to display on the home page
• Built-in simple shopping cart (PHP script)
• Google Map and driving directions on the contact page
• Built in contact form (with re-captcha capabilities)

4. Sport and Grunge $40

Some features:

• Built-in simple shopping cart (PHP script)
• Google Map and driving directions on the contact page
• Working contact form
• Photos in this website are using Javascript and CSS classes to apply a pre-made grunge border to your plain rectangle images.

5.E-Shopper Plugin Free Premium E-Commerce Theme $35

Some features:

• 2 Home Page sliders
• Automatic thumbnails
• Working Ajax Contact Form
• Payment Methods – PayPal or Google Checkout
• Coupon system
• Tax Rates
• Username Purchase Tracking

6. Kids Toys $40

Some features:

• WordPress shop payment methods: PayPal, Bank Transfer and Google Checkout
• Unlimited number of products
• 5 widget areas

7. Child Care Creative $40

Some features:

• Custom post types for Testimonials and Products
• 6 widget areas
• Simple shopping cart
• Newsletter system

8. Viroshop $35

Some features:

• Customer Wishlist
• Featured Product Carousel
• Payment Methods – PayPal or Google Checkout
• Multiple Currencies Supported
• Product Specifications – Size, Color e.t.c
• Give visitors the option to choose a shipping method
• Individual product shipping

9. Sofa Shoppr $40

Some features:

• 8 built-in Widgets
• Supported payment gateways: PayPal, 2CO, Authorize + mail orders
• Switchable layouts
• Stock Inventory Manager
• Orders tracking

10. RGBStore $35

Some features:

• Menu Manager
• 6 Page Templates
• 2 Sidebar Position
• Auto Image Resizing with New Post Thumbnail
• It is important to note that this theme relies on ecommerce plugins to work.

From here on click the images for the live demo. Note that the features the following themes have mostly resemble each other, so there’s no need to post them here. 

11. Store Box theme $65

12. Store – Ecommerce theme $65

13. Kidz Store e-commerce theme $65

14. WP Store $65

15. Store Front theme $65

16. eShop e-commerce theme $65

17. Emporium theme $65

18. eBook theme $65

19. iProduct Theme $65

20. eProduct theme $65

Scripts and Plugins

Say you have no extensive coding experience and you want to sell a digital product through your website but you want to live frugal. An easy solution to this is to use free plugins or scripts for the shopping cart, but money is money and you can’t be too trusting when it comes to free plugins handling all your transactions.

Perfect for self-publishers of e-books, music, and other services/products that can be transferred digitally.

The following scripts are both working and are supported by their authors. They can work without WordPress, although a little coding experience is necessary for installation and modification.

1. PHP Shopping Cart $12

Some features:

• Unlimited number of categories and products
• Automatic image resizing
• Cross-browser compatible
• PayPal checkout Integration

2. Secret Paypal File Download $10

This script is perfect for selling digital products online.

Some features:

• Supports PayPal Sandbox
• Automated processing payment
• Prevents leeching by setting an expiry to download links of digital products

3. Simple PHP Shopping Cart $9

Some features:

• No registration before checkout
• Different shipping rate per product
• Works with PayPal, Google Checkout, and Bank Transfer

4. woooShop – Shopping Cart for Every Website $8

Some features:

• Works with PayPal, Moneybookers, 2Checkout, and Paymex
• Configurable “add to cart” buttons

5. Optimal Payments Payment Terminal $7

Some features:

• Works with major credit cards
• Javascript validation
• Confirmation emails

6. plum.Shop – A jQuery Shopping Cart $6

Some features:

• Pure JavaScript
• Elegant
• Works with Google Checkout, Paypal, Moneybookers, custom methods
• Discount codes

Unsatisfied?

Drop us a comment and share your themes, plugins, and scripts!

Scripting provides a better way to make websites interactive. It is very useful in the creation of dynamic HTML pages. The main advantage of client-side scripting is that the code at the client-side of the machine is executed on the user’s device when the page is loaded and server-side coding is executed by the server, whereas all the browsers use their own resources for loading a page on the world wide web which make client-side scripting more usable. If someone wants to make his webpage playful and interactive, then he can add variety of inventive and clever scripts. Here is a list of sites that have some great code to enhance your site or next project.

The Script Library

This site provides scripts in many languages. This webpage is good for those who want scripts in different languages and are short of time and don’t want to search everywhere. This site has close to 10,000 scripts in their database.

PHP Junkyard

PHP junkyard is very famous amongst PHP developers. This site offers original PHP scripts for free. Along with PHP scripts, you can also find third party solutions, other PHP resources and tutorials. You can call it a complete package for PHP users. The good thing about the site is that all the scripts are original and this is what made this site famous amongst PHP developers.

Hotscripts

HotScripts is another popular script site. The library of this site is full of scripts in more than one 1,000 categories.  I must admit that it is a perfect destination for those that need scripts for interactivity. Developers who work in any language will surely find something valuable on the Hotscripts site.

Script Dungeon

The library of this site has free scripts in languages like ASP, PHP and java. Network administrators may find some of the scripts incredibly useful. This collection has been taken from all over the internet and collected on one site.

Gscripts

This site has many types of PHP scripts. According to the admin of this site, they have open source scripts like PHP forums, CMS, E-commerce solutions in PHP and more. The thing which I like most about the site is that they give you a preview before downloading which will prevent you from installing the wrong script.

CgiScript

This site was developed in 1998 and claims to provide the best services.  The site is full of PHP and CGI scripts.  They provide free demos before downloading. They also supply perl snippets, web designs, tutorials and etc. If you are searching for CGI or PHP scripts then find it here on Cgiscripts and automate your web page by using them.

Perl scripts Java scripts

Perl scripts and Java scripts provide free downloading of scripts in Perl and Java as the name suggests. They claim that their scripts are of good quality and are developed and tested scrupulously.  If you want to download a script you just need to confirm the terms and conditions. They will send your preferred script through email.

Scriptcopy

Script copy has a variety of PHP scripts in their directory.  Their database is full of many interesting and fresh scripts. This website will help you to integrate a modern style of automation in your website.  They also give you their recommended scripts for your website which are popular amongst their visitors.

Smart Code

Smart code offers mobile dating script to their users. These scripts are helpful for the developers of mobile applications. These scripts don’t cost very much.

Javafile

Free Java scripts and java applets are available at Javafile. These scripts are developed by the developers from all over the world. 

Script Archive

This is basically Matts script archive. The site was developed in 1995 and gives the best source of CGI scripts.  This is also one of the famous script libraries on the web. The data on this site is free for its users. If you are interested in CGI scripts then you will find some genuine CGI scripts on script Archive.

Sitescripts

The site Scripts provides more than 6,000 website scripts in different categories. It is a one stop shop for scripts in any language.  The resources they provide are free of cost. I found many exciting scripts on this site.

Scripts

The scripts.com is the site where you can find more than 15,000 scripts in one place. If you are searching for PHP, ASP, ASP.net, java and perl then this site will be a perfect choice.  This site offers the largest collection of script database so far.

Scripts download

This is another site that offers scripts in variety of categories including PHP, ASP, ASP.net and java. You will find more than 4,000 resources here.

Script Gateway

Script gateway is one more website on my list where I found many cool scripts. This site provides solutions to the webmasters dealing with scripting problems. They can download scripts from here and hopefully resolve their problem.

Premium Solution: Code Canyon

Scripts and plugins from Code Canyon are properly moderated before they even get the chance to be displayed. Prices range from $1 to $30 or more. There are scripts for nearly anything. Affordable and high quality, many of these scripts will save you a lot of time. Even if you don’t plan on buying yet, feel free to browse and get an idea what this fantastic marketplace is all about.

Websites with lots of automation are in fashion now. The expansion of Ecommerce and electronic social communities has made it more popular. In this situation, the demand of scripting has also increased. These sites are the hottest places on the internet for different scripts. If you are working on a project and running out of time, these sites may be the perfect solution.

1. Spry Auto Suggest Widget, Demo

2. AutoSuggest: An AJAX auto-complete text field, Demo

3. Ajax-driven JavaScript ComboBox with Autocomplete

4. AutoCompleter, Demo

5. AutoComplete 1.2 Scriptaculous

6. YUI 2: AutoComplete, Demo

7. jqac

8. ASP.NET AJAX AutoComplete Control

9. Google Suggest Style Filter with the Ajax ASP.net AutoComplete Control, Demo

10. jQuery Tag Suggestion, Demo

11. Facebook Style Autosuggest with jQuery, Demo

12. Search AutoComplete with ASP.NET AJAX Extensions

13. jQuery Plugin: Tokenizing Autocomplete Text Entry, Demo

14. TextboxList meets Autocompletion, Demo

15. Proto! TextboxList meets Autocompletion, Demo

16. A fancy Apple.com-style search suggestion, Demo

17. AutoSuggest jQuery Plugin

18. Auto-complete Control

19. Autocompletion with Scriptaculous and Ajax, Demo

20. FlexBox, Demo

21. jQuery Autocomplete Plugin, Demo

22. Autocomplete edit control for Javascript

23. AJAX AutoComplete/AutoSuggest TextBox

24. Auto-suggest Control

25. Ajax Autocomplete Script using jQuery

26. Ajax AutoComplete for jQuery

27. Yet Another AutoComplete Script (YAACS)

28. New component (auto_complete) in prototype UI

29. Ajax autocomplete with jquery and php, Demo

30. jQuery autocomplete

Let us know if we have missed some thing awesome and we will be happy to update the article.

Before I start, you can view my StumbleUpon profile as well, to see I am not just talking nonsense, I really spend time to build relationship, find more good friends and finally be active myself and help my friends as good as I can! I strongly encourage to look through this article, look for guidelines you are interested in and I am sure you’ll find something you didn’t know too!

How to find more related friends

- Meet people like you

I did this proactive activities for some time, because I was struggling with too less contacts and friends, who could help get more stumbles, because really – more stumbles you can get in short period of time, more traffic it will deliver. Right..it’s not so easy but in short, that’s all that matters.

I’ll now explain how to find similar friends, just go to your friends section and on the right sidebar under your friends you’ll see section – with title “Meet people like you” (see the screenshot below). In my case address is http://dainix.stumbleupon.com/friends/. Now just spend time to establish relationship, I suggest you to send message explaining what’s you are up to before and only then friend request. In that way you’ll be something more than just some unknown fellow in their friend request page.

If you’re really serious about finding very focused people to your niche, also use this “”Browse stumblers” feature:

You’ll find it on your public profile – http://dainix.stumbleupon.com/public/ in my case and there you really can search by interests, gender, find people from your country and more.

- Check what kind of people are stumbling your website

If they like your content already, why not establish good relationship with them? To dig even deeper, check also who is stumbling related sites in the same niche, for example I am checking other design blog article review pages to find new friends.

- Buy sponsorship

I tried this one just know and sponsorship is really rewarding. Thing is – you pay 10$ (minimal donation price) and become a sponsor for a year. Before you start complaining why to that, I’ll explain my reasons. The first thing you get is that small sponsorship badge on your profile (you can see it on my profile too), which means that you’re respected SU user and second the most valuable one – your account shows on StumbleUpon Sponsors page and it actually delivers ~3-5 friends every day. I find it really rewarding because I don’t have to do proactive friend searching any more.

How to establish better relationship

- Don’t spam to your friends with numerous non-related content webpages every day. This is obvious I think, nobody loves spammers;

- Try to respond to your friends shares and establish personal relationship, people will help much more gladly people they know.

- This is time consuming task if you have many friends, but if you spare time and write reviews (testimonials) to your friends, you’ll be more likely noticed – remember before you ask others something to do, be first to take action! People love friendly and helpful friends!

- Spend time to create good profile – fill About me page, customize theme so it looks more eye candy – let people know what you really are!

- When adding new friend, write him a short message explaining why do you want to be friends with him and introduce yourself building personal contact in that way.

How to share article

If you use StumbleUpon in daily basis, you should know several months ago SU added Share This feature to easily share websites between your friends automatically. I just love this feature because it let’s me more focus on stumbling articles, not spending like an hour to share it between my friends manually.

This feature is a little bit hidden so I’ll explain it too. The first thing to do is stumble and review article you want to share. Then just go to your profile, in my case it is dainix.stumbleupon.com. You’ll find reviewed article on Reviews section, now all you must do is mouse hover to the image and Share button will reveal.

Click to it and you’ll get Share this feature pop-up on right side of profile. And one more thing – I strongly recommend you to enter that optional personal message, because usually it’s the best way to get personal relationships with friends. Now just check all friends and send your new discovery – and you’re done!

How to get StumbleUpon traffic

This is common question how to play with StumbleUpon good enough to get traffic from it. And it’s really easy – as soon as you got 10-20 friends to Stumble your website quickly you’ll get like ~500-1000 new visits almost immediately! StumbleUpon is great for new blogs, it was main traffic for my website in early month and even now it always take 3-4th place in top traffic sources.

- Get many active friends

More friends you’ve got – better traffic it will deliver. In short that’s so true, more stumbles you can get in short period of time, better your new article will do.

- Create your IM friend list

This is very powerful tool not only for StumbleUpon but for other social networks. I use Gtalk (it’s very popular between Digg users) for my all business contacts and there I can contact with my friends rapidly and contact only ones are online – I strongly recommend you start using IM if you’re serious about bringing traffic and social networking. If you’re just starting, here you can dowload Gtalk and feel free to add me as your friend too (Gtalk user-name: dainis@1stwebdesigner.com) , I already benefit from such networking!

- Good Design

Really people on StumbleUpon are more to look not to read, well designed logo and website is very crucial to leave good first impression and people will much more likely stumble website in that case and may even remember your website.

- Don’t use many ads

If the first thing new visitors see will be many ads, you’ll really turn them away, of course you need to monetize your site, but don’t do it too much.

And finally be always active and helpful because these kind of people are rare, your friends are your success!

StumbleUpon Addons, Buttons And Tools

1. Promote Your Site with StumbleUpon Buttons & Tools

Add a button to your site to make it easy for your visitors to submit your content to StumbleUpon. Simply copy and paste the code into your site and start receiving free exposure on StumbleUpon.

2. Tag Blaster Online

This page modifies text so that it will not be parsed by stumbleupon.com as HTML/PHP formatting. It also fixes URLs so that they will not be changed to SU review links. It is designed for web developers to be able to post visible HTML/PHP code for tutorials or problem solving.

3. StumbleUpon Random Group

Great tool if you’re searching for new groups, but you enjoy how SU offers you random links – here you get random StumbleUpon groups! Just refresh that page to get a new random group.

4. SU Archive Links Creator

5. SU Music Player

This tool let’s you to create a custom music player for your StumbleUpon blog. After registering, you can add MP3 links, customize your player and then embed it into your blog page.

WordPress plugins

6. WP_StumbleDigest

WP_StumbleDigest is a Plugin to create daily posts on the things you stumble across on the web. Using you StumbleUpon Account.

7. Stumble! for WordPress

Stumble! for WordPress extends WordPress to support a “random article” feature, similar to StumbleUpon’s StumbleThru and Wikipedia’s (Mediawiki’s) random article feature. Not really SU related plugin, but interesting plugin with that kind of feature – should work good for blogs!

8. StumbleUpon WordPress plugin

Wonderful plugin which shows the popularity of ALL your links and gives you can active StumbleUpon bookmark button.

9. StumbleUpon Favorites

StumbleUpon Favorites is a widget based on the default RSS widget that was developed to allow the sharing of bookmarks with blog visitors. This plugin makes it much easier to use and customize the list grabbed from your own StumbleUpon account. Also there are several features you can change on the panel, which is not supported by default RSS

StumbleUpon Related Userscripts (Greasemonkey required)

10. EmbedWidgets

Allows viewing and embedding of flash widgets on StumbleUpon Pages.

11. SU Visitor Icons

The visitor icon script has optional dynamic updates. If you have dynamic updates enabled and your visitor page open, any new visitors will be added to the top of your visitor list. Any changes to friend/subscriber status are also dynamically updated.

Additional visitor count displays the number of visitors added to your visitor list since you opened the page.

Dynamic update switch allows you to enable or disable the dynamic update functionality. Visitor icons will still be enabled.

12. SU Status Indicator

This script adds functionality enabling you to set and display an online status on your public profile page, similar to MSN. It does not affect your normal SU online status indicator, this script is meant to provide an additional indicator, with more options. You can set your status on your favorites page, which will stay that way until you change it to something else (so don’t forget to set to offline when you go to bed).

13. SUEditor

A WYSIWYG Editor for Stumbleupon.com, works on blog, forum, contact, and site review pages

14. SU Element Styles

Basic HTML/CSS editor for SU. Preview blog posts and edit CSS styles by clicking on any element.

15. Clean’n'Readable

Very small script that solves the problem of low-contrast, over-styled and plain unreadable su blogs. It collapses all custom backgrounds, sets bg color to white and font color to black.

16. SU Extended What’s New

This script adds an option to generate an extended “what’s new” page, with the following:

• Full length posts
• Blog posts
• Thumb down reviews

It generates this page by visiting the first page of up to 20 people you subscribe to, and checking for new posts. It remembers approximately the last 1800 posts it has shown you and doesn’t show anything over 24 hours old, so you should always get only what is actually new. Retrieving the first page does register as a visit, so the script keeps track of the last 60 people it has taken posts from and refrains from visiting again for at least another 3 refreshes of the page.

17. SU Page Control

This is a simple script which replaces the normal page control on SU pages with a drop-down box, and buttons. Currently works on the following pages:

• Blog
• Reviews page
• Favorites
• Discoveries

18. Tag Details for StumbleUpon

This script replaces StumbleUpon tag clouds with ordered lists.

FAQ and Guide for Stumbleupon

19. Unofficial StumbleUpon FAQ

Read this unofficial StumbleUpon FAQ to get many more and different questions answered than in official SU FAQ.

20. StumbleUpon Wiki

StumbleUpon Wiki is a place where groups of stumblers work together to describe and evaluate the best of the web.

Other related resources and useful reading:

• StumbleUpon Addons
• How To Take BackUp Of All The Email Ids Of Your Friends On StumbleUpon
• 28 Tips To Make You a StumbleUpon Superstar
• Building Your Blog With StumbleUpon
• How To Get StumbleUpon Traffic
• How to Write Posts That Set StumbleUpon on Fire
• A Comprehensive Guide to StumbleUpon: How to Build Massive Traffic to Your Website

I’ll be happy to hear about your experience with StumbleUpon and maybe you know more StumbleUpon tools I didn’t list here?