Code and Design - Studio http://www.codeanddesign-studio.com code + design works Fri, 30 Sep 2011 16:29:29 +0000 en hourly 1 http://wordpress.org/?v=3.0.3 How the World Uses Social Networks http://www.codeanddesign-studio.com/2011/09/30/how-the-world-uses-social-networks/ http://www.codeanddesign-studio.com/2011/09/30/how-the-world-uses-social-networks/#comments Fri, 30 Sep 2011 16:22:41 +0000 admin http://www.codeanddesign-studio.com/?p=578
How the World Uses Social Networks
Social networking sites is a virtual community for user to connect, interact and share information with family, friends and colleagues. There are around 200 major social networking sites(Wikipedia) in the world and some of the most popular sites are Facebook, Twitter, Google+ and LinkedIn. Infographic below shows total Internet users per country and top 5 social network sites in respective countries.
Apply here payday loans

Social Networks Charts
SOURCE Mashable

]]> http://www.codeanddesign-studio.com/2011/09/30/how-the-world-uses-social-networks/feed/ 0 25 Form Validation http://www.codeanddesign-studio.com/2011/08/21/25-form-validation/ http://www.codeanddesign-studio.com/2011/08/21/25-form-validation/#comments Sun, 21 Aug 2011 07:53:39 +0000 admin http://www.codeanddesign-studio.com/?p=523
25 Form Validation
Form validation is a process of ensuring that form values inserted correctly by showing warning message to user. Below are 25 form validation that you can use to improve your form usability.
A jQuery inline form validation because validation is a mess
Title: A jQuery inline form validation, because validation is a mess

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

Advanced Form Styling & Functionality
Title: Advanced Form Styling & Functionality

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

Enhanced Forms
Title: Enhanced Forms

JavaScript Library: MooTools

Code/Download Site: Click here

Demo Site: Click here

Easy client-side web form validations
Title: Easy client-side web form validations

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

Form Validation using jQuery
Title: Form Validation using jQuery

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

Form validation with jQuery from scratch
Title: Form validation with jQuery from scratch

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

FormCheck - MooTools form validation class
Title: FormCheck – MooTools form validation class

JavaScript Library: MooTools

Code/Download Site: Click here

Demo Site: Click here

fValidator
Title: fValidator

JavaScript Library: MooTools

Code/Download Site: Click here

Demo Site: Click here

GValidator
Title: GValidator

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

How to Validate Forms in both sides using PHP and jQuery
Title: How to Validate Forms in both sides using PHP and jQuery

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

jQuery plugin: Validation
Title: jQuery plugin: Validation

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

jVal - jQuery Form Field Validation Plugin
Title: jVal – jQuery Form Field Validation Plugin

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

JSValidate
Title: JSValidate

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Javascript Form Validation with Validanguage
Title: Javascript Form Validation with Validanguage

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

jQuery Ketchup Plugin - Tasty Form Validation
Title: jQuery Ketchup Plugin – Tasty Form Validation

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

LiveValidation
Title: LiveValidation

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

PHP Contact Form with jQuery Validation
Title: PHP Contact Form with jQuery Validation

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

ProtoForm
Title: ProtoForm

JavaScript Library: Prototype

Code/Download Site: Click here

Demo Site: Click here

Really Easy Field validation with Prototype
Title: Really Easy Field validation with Prototype

JavaScript Library: Prototype

Code/Download Site: Click here

Demo Site: Click here

Using Ajax to Validate Forms
Title: Using Ajax to Validate Forms

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

VanadiumJS
Title: VanadiumJS

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Validation Widgets
Title: Validation Widgets

JavaScript Library: Spry

Code/Download Site: Click here

Demo Site: Click here

Valid8
Title: Valid8

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Validation Hints for your form
Title: Validation Hints for your form

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

yav - javascript validation tool
Title: yav – javascript validation tool

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

]]> http://www.codeanddesign-studio.com/2011/08/21/25-form-validation/feed/ 1 HTC Sensation http://www.codeanddesign-studio.com/2011/06/22/htc-sensation/ http://www.codeanddesign-studio.com/2011/06/22/htc-sensation/#comments Wed, 22 Jun 2011 15:56:37 +0000 admin http://www.codeanddesign-studio.com/?p=497
HTC Sensation
The HTC Sensation, previously known as the HTC Pyramid is HTC’s latest flagship phone which is described as a “multimedia superphone” by the company. Powering the device is the 1.2 GHz dual-core Qualcomm MSM 8260 Snapdragon processor with Adreno 220 GPU, will be in direct competition with other dual-core Android superphones such as Samsung Galaxy S2, Motorola Atrix and LG Optimus 2X.

HTC Sensation is a slim device which measures 126.1mm x 65.4mm x 11.3mm and weighs 148g. The premium look and feel of HTC Sensation is enhanced by its rounded edges and built with Gorilla Glass and an aluminum unibody chassis. It comes with 4.3-inch touch screen with qHD resolution of 540×960 pixel resolution. This device runs Android 2.3 Gingerbread OS and skinned with the latest HTC Sense 3.0 UI. The new version HTC Sense 3.0 brings alot of new features and enhancements such as customizable lockscreens, 3D rotating homescreens, fancy weather widget graphics and much more.
Specifications of HTC Sensation

Dimensions:   126.1mm x 65.4mm x 11.3mm
Weight:   148 grams with battery
Screen Size:   4.3 inches touch screen with qHD (540 X 960 pixels) resolution
Type:   Candybar
Platform:   Android 2.3 with HTC Sense 3.0
Processor:   1.2 GHz dual-core processor
Sensors:   Gyro sensor, G-Sensor, Digital compass, Proximity sensor, Ambient light sensor
Internal:   1 GB storage, 768 MB RAM
Memory Slot:   MicroSD memory card (SD 2.0 compatible)
Battery Type:   Rechargeable Lithium-ion 1520 mAh
Standby time:   Up to 525 hours(WCDMA) & Up to 285 hours(GSM)
Talk time:   Up to 420 minutes(WCDMA) & Up to 500 minutes(GSM)
Video Record:   1080p HD video recording
Connectivity:   Europe/Asia/T-Mobile US: 900/AWS/2100 MHz (HSPA/WCDMA) & 850/900/1800/1900 MHz(Quad-band GSM/GPRS/EDGE)
WIFI/WLAN:   IEEE 802.11 b/g/n
3G:   Up to 14.4 Mbps download speed & Up to 5.76 Mbps upload speed
GPRS:   Up to 114 Kbps downloading
EDGE:   Up to 560 Kbps downloading
Bluetooth:   Bluetooth 3.0 with A2DP
Tethering:   USB and Wi-Fi tethering
Camera:   8 megapixel camera with auto focus and dual LED flash
Front camera:   VGA fixed focus camera
HD video recording:   1080p HD video recording
Extra Features:   Geo-tagging, touch-focus, image stabilization, face detection, instant capture
Photo Gallery

  • HTC Sensation 1.2 GHz dual core
  • HTC Sensation 4.3-inch touch screen
  • HTC Sensation 8 megapixel auto focus camera
  • HTC Sensation aluminium case
  • HTC Sensation capacitive touch screen
  • HTC Sensation earpiece
  • HTC Sensation front facing camera
  • HTC Sensation gorilla glass display
  • HTC Sensation side view
  • HTC Sensation unboxing

Videos

]]> http://www.codeanddesign-studio.com/2011/06/22/htc-sensation/feed/ 0 30 Autosuggest for Your Search Box http://www.codeanddesign-studio.com/2011/05/31/30-autosuggest-for-your-search-box/ http://www.codeanddesign-studio.com/2011/05/31/30-autosuggest-for-your-search-box/#comments Tue, 31 May 2011 16:36:01 +0000 admin http://www.codeanddesign-studio.com/?p=420
30 Autosuggest for Your Search Box
Autocomplete or Autosuggest is a great feature provided by major search engine site like Google, Yahoo, MSN and Baidu. This feature is really useful because it will predict a word or phrase that the user wants to type and show it below the search box. This post features 30 free Autocomplete or Autosuggest that you can use in your site.

A Simple Movie Search App
Title: A Simple Movie Search App w/ jQuery UI

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

A fancy Apple.com-style search suggestion
Title: A fancy Apple.com-style search suggestion

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

ASP.NET AJAX AutoComplete Control
Title: ASP.NET AJAX AutoComplete Control

JavaScript Library: Prototype

Code/Download Site: Click here

Demo Site: Click here

Ajax-Driven JavaScript ComboBox with Autocomplete
Title: Ajax-Driven JavaScript ComboBox with Autocomplete

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Ajax AutoComplete for Prototype
Title: Ajax AutoComplete for Prototype

JavaScript Library: Prototype

Code/Download Site: Click here

Demo Site: Click here
Available in jQuery: Ajax AutoComplete for jQuery

Auto-complete Control
Title: Auto-complete Control

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

AutoComplete 1.2 Scriptaculous
Title: AutoComplete 1.2 Scriptaculous

JavaScript Library: Scriptaculous

Code/Download Site: Click here

Demo Site: Click here

Autocomplete
Title: Autocomplete

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

AutoComplete Control
Title: AutoComplete Control

JavaScript Library: YUI2

Code/Download Site: Click here

Demo Site: Click here
Other AutoComplete Examples: Click here

Autocomplete with Ajax
Title: Autosuggest / Autocomplete with Ajax

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

AutoCompleter
Title: AutoCompleter

JavaScript Library: MooTools

Code/Download Site: Click here

Demo Site: Click here

Autocomplete for JQuery
Title: Autocomplete for JQuery

JavaScript Library: JQuery

Code/Download Site: Click here

Demo Site: Click here – Download file to view demo

AutoSuggest
Title: AutoSuggest

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

AutoSuggest jQuery Plugin
Title: AutoSuggest jQuery Plugin

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

CakePHP jQuery Autocomplete
Title: CakePHP – jQuery Autocomplete

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

Google Suggest Style Filter
Title: Creating a Google Suggest Style Filter with the AutoComplete Control

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

FaceBook Autosuggest Like
Title: FaceBook Autosuggest Like

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

FCBKcomplete
Title: FCBKcomplete v 2.7.5

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

jQuery UI Autocomplete Widget
Title: How to Use the jQuery UI Autocomplete Widget

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

jQuery Tag Suggestion
Title: jQuery Tag Suggestion

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

jQuery Autocomplete Mod
Title: jQuery Autocomplete Mod

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

jQuery UI Autocomplete Widget
Title: jQuery UI Autocomplete Widget with PHP and MySQL

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

jQuery Tokeninput
Title: jQuery Tokeninput

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

Auto Complete
Title: jQuery Plugin: Auto Complete

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

Proto!MultiSelect
Title: Proto!MultiSelect

JavaScript Library: Prototype

Code/Download Site: Click here

Demo Site: Click here

Scriptaculous Autocomplete
Title: Scriptaculous Autocomplete

JavaScript Library: Scriptaculous

Code/Download Site: Click here

Demo Site: Click here

Spry Auto Suggest Widget
Title: Spry Auto Suggest Widget

JavaScript Library: Spry

Code/Download Site: Click here

Demo Site: Click here

Search Field
Title: Style Your Website’s Search Field with JS/CSS

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

TextboxList
Title: TextboxList

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Web Input Completion Kit
Title: Web Input Completion Kit (WICK)

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

]]> http://www.codeanddesign-studio.com/2011/05/31/30-autosuggest-for-your-search-box/feed/ 1 Create animated GIF in Adobe Photoshop http://www.codeanddesign-studio.com/2011/03/13/create-animated-gif-in-adobe-photoshop/ http://www.codeanddesign-studio.com/2011/03/13/create-animated-gif-in-adobe-photoshop/#comments Sun, 13 Mar 2011 15:43:43 +0000 admin http://www.codeanddesign-studio.com/?p=398
Create animated GIF in Adobe Photoshop
Graphics Interchange Format or GIF is an image file format that support animated graphics. In this tutorial, I will show how we can create a simple animation in Adobe Photoshop.

STEP 1
Animated GIF - Step 1
In this tutorial, I created 10 images with each images display different movement of objects that I want to animate (bouncing rabbit and moving clouds). I prefer to arrange each frame of the animation in sequence (1st frame in 1st layer, 2nd frame in 2nd layer, 3rd frame in 3rd layer,…) so it is easy for us to know which frame is next after a frame ends. Then turn on visibility for 1st layer and turn off visibility for other layers because we will start our animation with 1st layer.

STEP 2

Animated GIF - Step 2

Click on Windows menu and select Animation. This will open animation palette. A frame automatically created after you open animation palette. If you want to create a new frame, click on New Frame button.

STEP 3
Animated GIF - Step 3
Select frame delay time that you want to use in your animation. The longer delay time you choose, the slower your animation will moves. Here I use 0.5 seconds.

STEP 4
Animated GIF - Step 4
Create a frame for each layer and turn on layer visibility only when you want it to appear in the frame. To test the result, click on Play button.

STEP 5
Animated GIF - Step 5
Now it’s time to save our document. Click on File and select Save For Web & Devices…

STEP 6
Animated GIF - Step 6
Be sure to select GIF before save this document.

Bouncing Rabbit
CONCLUSION

Here is the end result of my tutorial.

]]> http://www.codeanddesign-studio.com/2011/03/13/create-animated-gif-in-adobe-photoshop/feed/ 0 The Internet Explorer 6 Countdown http://www.codeanddesign-studio.com/2011/03/08/the-internet-explorer-6-countdown/ http://www.codeanddesign-studio.com/2011/03/08/the-internet-explorer-6-countdown/#comments Tue, 08 Mar 2011 15:33:24 +0000 admin http://www.codeanddesign-studio.com/?p=379
The Internet Explorer 6 Countdown
Internet Explorer 6 or IE6 is one of Microsoft browser family and it is still widely used web browser until now. Currently, 12% of web users worldwide are still using IE6 and China is having the largest users of IE6 at 34.5%. IE6 has faced alot criticism for its security problem, rendering issues and instability that could cause a program to crash. Therefore, Microsoft has launched a campaign to urged web users to stop using IE6 and use their newer versions of Internet Explorer. The infographic below shows Internet Explorer 6 usage around the world.

Internet Explorer 6 Map
Internet Explorer 6 Statistic
Click here to join the cause. FYI, code provided in this page will show countdown banner to Internet Explorer 6 users only.

]]> http://www.codeanddesign-studio.com/2011/03/08/the-internet-explorer-6-countdown/feed/ 0 The World of Data http://www.codeanddesign-studio.com/2011/03/04/the-world-of-data/ http://www.codeanddesign-studio.com/2011/03/04/the-world-of-data/#comments Fri, 04 Mar 2011 15:33:36 +0000 admin http://www.codeanddesign-studio.com/?p=354
The World of Data
Nowadays, the Internet has become part of our daily life. Apart from checking email, we also use Internet to find friends, check latest news, purchase items online and search for solution to our problems. According to comScore.com, average American spent 32 hours per month on the Internet in 2010. Persons ages 45-54 set the high bar averaging more than 39 hours online each month. Below is an infographic about the world of data we are creating on the Internet

The world of data we are creating on the Internet
SOURCE Good.is

]]> http://www.codeanddesign-studio.com/2011/03/04/the-world-of-data/feed/ 0 40 Free Date and Time Pickers http://www.codeanddesign-studio.com/2011/03/02/40-free-date-and-time-pickers/ http://www.codeanddesign-studio.com/2011/03/02/40-free-date-and-time-pickers/#comments Wed, 02 Mar 2011 15:54:08 +0000 admin http://www.codeanddesign-studio.com/?p=302
40 Date and Time Pickers
Date and time picker is an interactive calendars that will pop up after user click on textbox or button. It is really useful especially in online forms because it will auto-populate the form field after user click on a specific date and/or time. Therefore it will makes date and time selection simpler and eliminate wrong date and time format. Below are 40 free date and time picker that you can use in your site.

Basic Date Picker Lite
Title: Basic Date Picker Lite

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Calender Eightysix
Title: Calender Eightysix

JavaScript Library: MooTools

Code/Download Site: Click here

Demo Site: Click here

Calendar Date Select
Title: Calendar Date Select

JavaScript Library: Prototype

Code/Download Site: Click here

Demo Site: Click here

Calendar
Title: Calendar

JavaScript Library: Mootools

Code/Download Site: Click here

Demo Site: Click here

Clean Calendar - Popup Date Picker
Title: Clean Calendar – Popup Date Picker

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

ClockPick
Title: ClockPick

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

Cut and Paste Popup date picker
Title: Cut & Paste Popup date picker

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Date Picker - jQuery Plugin
Title: Date Picker – jQuery Plugin

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

Date Range Picker using jQuery UI 1.7 and jQuery UI CSS Framework
Title: Date Range Picker using jQuery UI 1.7 and jQuery UI CSS Framework

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

dhtmlxCalendar
Title: dhtmlxCalendar

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Dynarch - The New Coolest DHTML Calendar
Title: Dynarch – The New Coolest DHTML Calendar

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

DatePicker Control
Title: DatePicker Control

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

dateslider
Title: dateslider

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

DateChooser
Title: DateChooser

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Date Picker Calendar
Title: Date Picker Calendar

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Free Javascript Date Picker
Title: Free Javascript Date Picker

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Fancy MooTools Date Picker
Title: Fancy MooTools Date Picker

JavaScript Library: MooTools

Code/Download Site: Click here

Demo Site: Click here

jQuery Datepicker
Title: jQuery Datepicker

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

JavaScript Calendar Script/Date Picker Widget
Title: JavaScript Calendar Script/Date Picker Widget

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

jsDatePick
Title: jsDatePick

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

Jason Date Input Calendar
Title: Jason’s Date Input Calendar

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

jQuery UI Datepicker
Title: jQuery UI Datepicker

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

jQuery date picker plug-in
Title: jQuery date picker plug-in

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

JS calendar in DHTML Suite for applications
Title: JS calendar in DHTML Suite for applications

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

jQuery Date Input
Title: jQuery Date Input

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

jCalendar
Title: jCalendar

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

JavaScript Calendar
Title: JavaScript Calendar

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

jquery.timepickr
Title: jquery.timepickr

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

Javascript Date Picker
Title: Javascript Date Picker

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Lotus Notes Web Datepicker
Title: Lotus Notes Web Datepicker

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

ptTimeSelect
Title: ptTimeSelect

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

rich:calendar
Title: rich:calendar

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

SlimPicker
Title: SlimPicker

JavaScript Library: MooTools

Code/Download Site: Click here

Demo Site: Click here

Simple Calendar Widget
Title: Simple Calendar Widget

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

timePicker
Title: timePicker

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

Time Picker
Title: Time Picker

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Tigra Calendar
Title: Tigra Calendar

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Transcendent jQuery Date Range Selector + Short Cuts
Title: Transcendent jQuery Date Range Selector + Short Cuts

JavaScript Library: jQuery

Code/Download Site: Click here

Demo Site: Click here

Unobtrusive Date-Picker Widget V5
Title: Unobtrusive Date-Picker Widget V5

JavaScript Library: JavaScript

Code/Download Site: Click here

Demo Site: Click here

Vista-like Ajax Calendar version 2
Title: Vista-like Ajax Calendar version 2

JavaScript Library: MooTools

Code/Download Site: Click here

Demo Site: Click here

]]> http://www.codeanddesign-studio.com/2011/03/02/40-free-date-and-time-pickers/feed/ 3 Facebook: Facts You Probably Didn’t Know http://www.codeanddesign-studio.com/2011/02/15/facebook-facts-you-probably-didnt-know/ http://www.codeanddesign-studio.com/2011/02/15/facebook-facts-you-probably-didnt-know/#comments Tue, 15 Feb 2011 08:29:11 +0000 admin http://www.codeanddesign-studio.com/?p=298
Facebook: Facts You Probably Didnt Know
Facebook is a popular social networking website that was founded by Mark Zuckerberg. In year 2010, Facebook was the top-visited website for the first time followed by Google.com, Yahoo! Mail, Yahoo! and YouTube [Source: Slashgear]. The infographic below shows some fun facts about Facebook since the day it launched until now.

Facebook: What You Probably Didn't Know
[Source: Online PhD Programs for Mashable.com]
]]> http://www.codeanddesign-studio.com/2011/02/15/facebook-facts-you-probably-didnt-know/feed/ 0 30 Amazing Character Illustration in Website Design Part 3 http://www.codeanddesign-studio.com/2011/01/31/30-amazing-character-illustration-in-website-design-part-3/ http://www.codeanddesign-studio.com/2011/01/31/30-amazing-character-illustration-in-website-design-part-3/#comments Mon, 31 Jan 2011 15:12:36 +0000 admin http://codeanddesign-studio.com/?p=256
30 Amazing Character Illustration in Website Design Part 3
There are lot of ways to gain visitors attention to your website. The easiest and most effective way is by the use of character illustration. Here are another collection of 30 amazing and inspiring character illustration in website design.

Artua
Website: Artua

Website Link: Click here

Beautiful Email Newsletter
Website: Beautiful Email Newsletters

Website Link: Click here

Blog What? Design
Website: Blog What? Design

Website Link: Click here

Cleverful
Website: Cleverful

Website Link: Click here

Cannolificio Mongibello
Website: Cannolificio Mongibello

Website Link: Click here

EllisLab
Website: EllisLab

Website Link: Click here

Fatburgr
Website: Fatburgr

Website Link: Click here

Joystick Generals
Website: Joystick Generals

Website Link: Click here

Joseph Payton
Website: Joseph Payton

Website Link: Click here

Kukoo
Website: Kukoo

Website Link: Click here

Lionite
Website: Lionite

Website Link: Click here

Matt Hamm
Website: Matt Hamm

Website Link: Click here

Multiways
Website: Multiways

Website Link: Click here

old loft
Website: old loft

Website Link: Click here

owltastic
Website: owltastic

Website Link: Click here

Octonauts
Website: Octonauts

Website Link: Click here

Pixel Thread
Website: Pixel Thread

Website Link: Click here

Project Vino
Website: Project Vino

Website Link: Click here

Pampaneo
Website: Pampaneo

Website Link: Click here

PSDRockstar
Website: PSDRockstar

Website Link: Click here

Redefine
Website: Redefine

Website Link: Click here

Roome
Website: Roome

Website Link: Click here

Siringa
Website: Siringa

Website Link: Click here

SR28
Website: SR28

Website Link: Click here

Squared Eye
Website: Squared Eye

Website Link: Click here

Silverbackapp
Website: Silverbackapp

Website Link: Click here

The Color Cure
Website: The Color Cure

Website Link: Click here

vectips
Website: vectips

Website Link: Click here

Web Production Studio
Website: Web Production Studio

Website Link: Click here

Xavier Boubert
Website: Xavier Boubert

Website Link: Click here

]]> http://www.codeanddesign-studio.com/2011/01/31/30-amazing-character-illustration-in-website-design-part-3/feed/ 0