5+ Steps to Speed up your Website

Here are some innocent tips and tricks to get your website to load faster behind the scenes. Most of them are either simply good practice or tools to help you out along the way. If you have any more ways to speed up your site leave a comment at the bottom of the page.

1. Valid Code

valid

Valid code means that browser doesn’t have to make, create and merge your code to make it work. A page with the correct DOCTYPE and structure will render quicker within the browser, it also helps with browser compatibility.

XHTML and HTML Validator – http://validator.w3.org/

CSS Validator – http://jigsaw.w3.org/css-validator/

2. Reduce the HTTP Requests

firebug

As well as the time it takes to download a file off the server it also takes time to request the file, so the less actual requests you make the faster it will be. A brilliant example of this is CSS sprites which combine multiple images into one and use the CSS background property to only show the portion of the image you require.

A Guide to Reducing HTTP Requests – http://www.dailyblogtips.com/speed-up-your-site-reduce-the-http-requests/

CSS Sprites Tutorial – http://css-tricks.com/css-sprites/

CSS Sprite Generator – http://spritegen.website-performance.org/

Read more>>

Advertisements

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+++

Some Helpfull Tools to find broken links in your website

When you are working on many pages lets say 100 to 1000 pages, some times we do mistakes that we forgot to give links for the respective URL’s – it turns to a Broken Link (nothing but a 404 error). It will become a nightmare for the webmaster to get hold of these broken links from those 100 pages. To get rid of these types of head-aches, we have online web tools as well as desktop tools which tells us about where these broken links exists in a page or number of pages. You can easily find out and rectify these types of errors.

Below listed are most widely used tools by most of web masters, and I would like to recommend these tools since this going to help us a lot in finding out these errors very easily:

1. W3C Link Checker (Web Tool)

This is a web tool launched by W3C, this Link Checker looks for issues in links, anchors and referenced objects in a Web page, or recursively on a whole Web site. Link checker is part of the W3C’s validators and Quality Web tools – W3C Link Checker

2. Web Link Validator (Desktop Tool)

This Web Link Validator checks for Site Integrity, Syntax Validation, Automatic Reporting and it runs on any system that is with Windows 98/Me/NT/2000/XP/2003/Vista – Web Link Validator

3. Xenu’s Link Sleuth (Desktop Tool)

It check websites for broken links and links verification is also done on “normal” links, images, frames, plug-ins, backgrounds, local image maps, style sheets, scripts and java applets. It has got many more additional features, if you want to know more about the features, please to click here for the same.

4. Dead-Links.com – Free Broken Link Checker (Web Tool)

Put in your website or weblog home page URL in the input box and a little spider will read the html code and check for the broken links – Dead-Links.com – Free Broken Link Checker

5. LinkChecker 0.6.3 by Kevin Freitas (Browser Add-on)

LinkChecker 0.6.3 is a very good firefox add-on, it check the validity of links of any webpage – LinkChecker 0.6.3

6. LinkTiger (Web Tool)

LinkTiger has got very good features like there is no software installation, just register and find out whether your site has got any broken links, it even scans CSS, PDF, Flash, & MS Office files – LinkTiger

7. Link Checker Pro (Desktop Tool)

Link Checker Pro is the leading solution for website analysis and the detection of broken and other problem links. Link Checker Pro combines powerful features and an easy to use interface and is robust enough to deal with corporate websites containing 100,000 links or more.

Link Checker Pro

Hope the above listed tools may help you in finding out broken link in your site.

Some Helpful Site For Building Online Store with WordPress

WordPress is a popular blogging platform and content management system, but it can also be used for powering e-commerce websites. Although its primary purpose is not e-commerce, there are a number of plugins and themes available that will allow you to use WordPress for your online store (some are free and some are premium).

In this post we’ll take a look at some of the resources that can help you to set up your own e-commerce site on WordPress.

Plugins:

WordPress e-Commerce Plugin
An extremely popular plugin that offers a lot of options for setting up an online store with WordPress. WP e-Commerce integrates with PayPal, Google Checkout, Authorize.net and more. Designers will have the flexibility to tweak and customize the appearance as well.

Shopp
Another popular e-commerce plugin. The cost is $55 for a single-site license or $299 for a developer’s license. The plugin includes a lot of features, including several payment options and flexible shipping calculations.

eShop
eShop is a free plugin that also has a lot of features and options for setting up an e-commerce site with WordPress.

Quick Shop
Quick Shop is a free plugin that users sidebar widgets to create a simple shopping cart. You can place tags in your post that will generate a form to add products to the cart.

YAK for WordPress
YAK is a free plugin that creates a simple shopping cart that associates products with posts, so it uses the post ID as the product ID.

Themes:

Crafty Cart
A free e-commerce theme designed to work with the e-commerce plugin.

SimpleCart(js)
A new free theme from Chris Wallace (a child theme for Thematic).

Ecommerce Theme
A premium theme from iThemes. A single-use license costs $79.95 and a developer’s license costs $199.

Market Theme
A premium theme that provides you with everything you need to run an e-commerce site with WordPress. The cost is $55 for a standard license or $150 for a developer’s license.

WPShop
A premium theme that is available through ThemeForest for $35. Includes 2 child themes.

eGoods
Another premium theme that is available through ThemeForest for $30. Includes 3 child themes.

ArtShop
Another premium theme that is available through ThemeForest for $30. Includes 2 themes, each with a child theme.

Tutorials:

How to Create an E-Commerce Website with WordPress in Under 5 Minutes
This video tutorial will show you how install WordPress, change the them, and use the e-commerce plugin to quickly get an e-commerce website online. The focus is on getting the basics set up rather than going in to great details of the plugin settings and options.

Getting Set Up with the WP e-Commerce Plugin: Settings and Configuration
This video tutorial covers how to get set up with the WP e-Commerce plugin for your online shop.

How to Build an Online Store with WordPress
A basic article from iThemes about what you will need to get an e-commerce site started with WordPress.

Foxy Cart

56-integrating-foxycart-and-wordpress

15 jquery slider plugin

I found these plugins very useful for the web development. so i  am sharing

1.  jQuery plugin – Easy Image or Content Slider | Css Globe

2.  Scroll your HTML with jquery scrollable

3.  Creating a Slick Auto-Playing Featured Content Slider

4.  Accessible News Slider: A jQuery Plugin

5.  s3Slider jQuery plugin – Overview

6.  Create a Slick and Accessible Slideshow Using jQuery

7. jQuery Image Gallery/News Slider with Caption

8. New jQuery plugin: imgPreview – James Padolsey

9. CrossSlide – A jQuery plugin to create pan and cross-fade animations

10. JQuery Cycle Plugin

11. Simple jQuery Image Slideshow with Semi Transparent Caption

12. Slider Gallery

13. Create Beautiful jQuery Slider

14. Supersized

15. Smooth Div Scroll

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

5 WP Ecommerce Plugins+Tutorials And Resources

WP e-Commerce

It is the most powerful free WordPress Ecommerce plugin. It integrates with a lot of payment options and designers may easily tweak the look and feel of the website by utilizing WordPress PHP template tags, shortcodes, and widgets. Besides these, WP e-Commerce has a complete documentation and beginners are easy to get started with it.

eShop

eShop is an accessible shopping cart plugin for WordPress, packed with various features. It can handles downloadable products and supports various payment options such as Paypal, Payson, eProcessingNetwork, Webtopay and Cash/Cheque.

YAK for WordPress

It is an open source WordPress plugin for Ecommerce. It supports posts and pages as products and uses categories to handle different type of products. YAK supports different payment options too. Basic documentation is free while the advance useages documentation costs $20.

Shopp

Shopp is a premium WordPress plugin for Ecommerce solution. You will have complete control over the shopping experience, which mean you can customize the design with stylesheets and WordPress PHP tags. The documentation is pretty complete, and you can get more supports from the community via the support forums.

WordPress Simple Paypal Shopping Cart Plugin

This simple plugin lets users add an “Add to cart” button anywhere on the blog. Customers can view their items from the shopping cart page.

Tutorials And Resources

1. Create an eCommerce Website with WordPress in under 5 minutes – A video tutorial from WordPress.tv that teach you about how to create an Ecommerce website with WordPress and the WP e-Commerce plugin.

2. Getting set up with the WP e-Commerce plugin: settings and configuration – Another video tutorial which walks you through the process of getting set up with the WP e-Commerce plugin.

3. How to Build an Online Store With WordPress – A simple tutorial on how to use Ecommerce Themes from iThemes to built your own online store.

4. How To Open An Online Store With WordPress In Less Than 30 Minutes – Shows you how to built and create an online store with WordPress in less than 30 minutes. It is very suitable for beginners.

5. WP e-Commerce SEO Tutorial – This SEO tutorial is designed to show you how to optimize WP e-Commerce for maximum traffic from the search engines.

6. WP e-Commerce Review For WordPress

%d bloggers like this: