Tutorial101

Tuesday, April 20, 2010

A Twitter List Powered Fan Page

Twitter rolled out a great new feature on their site – lists. You can now create and compile a list of twitter users and make it easier for others to follow.

If you want to know more and download the source follow the link below

http://tutorialzine.com/2009/11/twitter-list-ajax-fanpage/

Demo

http://demo.tutorialzine.com/2009/11/twitter-list-ajax-fanpage/demo.html

Twitter Timeline jquery

With this plugin you will create twitter-like timeline, where you can view and post your tweets.

If you want to know more and download the source follow the link below

http://tutorialzine.com/2009/09/making-our-own-twitter-timeline/

Demo

http://demo.tutorialzine.com/2009/09/making-our-own-twitter-timeline/

http://dl.dropbox.com/u/3293191/JQUERY/Making%20Our%20Own%20Twitter%20Timeline.zip

Friday, April 16, 2010

jQuery width PHP/MySQL Contact Form

jQuery width PHP/MySQL Contact Form

If you want to know more and download the source follow the link below

http://tympanus.net/codrops/2010/03/12/php-mysql-contact-form-with-jquery/

Demo

http://tympanus.net/Tutorials/ContactForm/index1.php

Thursday, April 15, 2010

SEO Tools - URL Rewriting

Static URLs are known to be better than dynamic URLs for a number of reasons:
Static URLs typically rank better in search engines.
Search engines are known to index the content of dynamic pages much more slowly than that of static pages.
Static URLs look friendlier to end users.

Example of a dynamic URL
http://www.yourdomain.com/profile.php?mode=view&u=7

Examples of the above static URL
http://www.yourdomain.com/profile-mode-view-u-7.html
or
http://www.yourdomain.com/profile/mode/view/u/7/


//example
//Method 1 - Single Page URL
//ex dynamic URL
//http://www.domain.com/profile.php?mode=view&u=7

//After converting your dynamic URL
//http://www.domain.com/profile-mode-view-u-7.html

//Create a .htaccess file with the code below
Options +FollowSymLinks
RewriteEngine on
RewriteRule profile-mode-(.*)-u-(.*)\.html$ profile.php?mode=$1&u=$2


//Method 2 - Directory Type URL
//ex. dynamic url
//http://www.domain.com/profile.php?mode=view&u=7

//After converting your dynamic URL
//http://www.domain.com/profile/mode/view/u/7/

//Create a .htaccess file with the code below

Options +FollowSymLinks
RewriteEngine on
RewriteRule profile/mode/(.*)/u/(.*)/ profile.php?mode=$1&u=$2

.htaccess: redirecting no www. to www.

.htaccess: redirecting no www. to www.

To redirect visitors from the www.-less domain we add the following code to our .htaccess file:


//Add the code to the .htaccess file

Options +FollowSymlinks
RewriteEngine on
RewriteCond %{http_host} ^yourdomain.com [nc]
RewriteRule ^(.*)$ http://www.yourdomain.com/$1 [r=301,nc]

.htaccess: Disabling access to browse files on directories

.htaccess: Disabling access to browse files on directories

some website allow users to browse files on a particular directory on your website. Although this .htaccess files which will block access to browsing directories.

Download

http://dl.dropbox.com/u/3293191/htaccess/.htaccess


//Add the code to the .htaccess file
Options -Indexes

Saturday, April 10, 2010

Wordpress help sheet

Wordpress help sheet

If you want to know more and download the source follow the link below

http://wpcandy.com/wp-content/uploads/WordPress-Help-Sheet.pdf

http://dl.dropbox.com/u/3293191/WordPress-Help-Sheet.pdf

FileZilla

FileZilla is the best free FTP client. (FTP is what you use to upload your files and put your website online).

If you want to know more and download the source follow the link below

http://filezilla-project.org/

Friday, April 9, 2010

SlickMap CSS for Developers and Designers

This simple stylesheet allows you to display finished sitemaps directly from HTML unordered list navigation. It streamlines the web design process as it automates the illustration of site map and allows you to develop HTML navigation. It also offers additional links which can be customized as per your requirement and preferences. It also eliminates the need for additional software and provides clickable anchors with visible URLs.

If you want to know more and download the source follow the link below

http://astuteo.com/slickmap/

Fun with forms- Customized Input Elements

Fun with forms- Customized Input Elements

If you want to know more and download the source follow the link below

http://www.picment.com/articles/css/funwithforms/

CSS-Only, Table-less Forms

CSS-Only, Table-less Forms

If you want to know more and download the source follow the link below

http://jeffhowden.com/code/css/forms/

Using CSS to Create a Two-Column Layout

Using CSS to Create a Two-Column Layout

If you want to know more and download the source follow the link below

http://www.websiteoptimization.com/speed/tweak/forms/

A Prettier Accessible Forms

A Prettier Accessible Forms

If you want to know more and download the source follow the link below

http://www.alistapart.com/articles/prettyaccessibleforms

Fancy Form Design Using CSS

Fancy Form Design Using CSS

If you want to know more and download the source follow the link below

http://articles.sitepoint.com/article/fancy-form-design-css

Thursday, April 8, 2010

Clean and pure CSS FORM design

Clean and pure CSS FORM design

If you want to know more and download the source follow the link below

http://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html

How to add custom Seach google.com

How to add custom Seach google.com

1. Custom search URL http://www.google.com/cse/

2. start create a custom search engine

3. Fill Basic information fields
4. Select Search engines I've created
5. Select Control panel
6. Get Code

7. Sample

WAMP Server - Windows-based web server

WampServer is an open source WAMP (Windows Apache MySQL and PHP) web server, free to use with a GPL license. must-have web development suite for web developers running any Windows Operating System.

If you want to know more and download the source follow the link below

http://www.wampserver.com/en/