Web Style Press, Best Practices from all the Web, Build Better Websites » plugin http://www.webstylepress.com Web VS Style Mon, 26 Dec 2011 10:35:53 +0000 en hourly 1 http://wordpress.org/?v=3.3 jQuery Fancy Date Picker http://www.webstylepress.com/jquery-fancy-date-picker/ http://www.webstylepress.com/jquery-fancy-date-picker/#comments Sat, 01 Nov 2008 20:11:38 +0000 Hiroshi http://www.webstylepress.com/?p=382 jQuery Fancy Date Picker is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]>

jQuery date picker is a drop down date picker calendar when input field is focused. We have to use following files for date picker.

jquery.js
ui.datepicker.js
ui.datepicker.css

Download jQuery Date Picker

jQuery Fancy Date Picker is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

]]> http://www.webstylepress.com/jquery-fancy-date-picker/feed/ 0 Accessible News Slider jQuery Plugin Download http://www.webstylepress.com/accessible-news-slider/ http://www.webstylepress.com/accessible-news-slider/#comments Mon, 13 Oct 2008 09:05:13 +0000 Hiroshi http://www.webstylepress.com/?p=109 Accessible News Slider jQuery Plugin Download is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]>

Accessible News Slider is a JavaScript plugin built for the jQuery library. It meets the accessibility requirements also as outlined by WCAG 1.0.

  • Supported jQuery Version: [ 1.1.3.1 ]
  • Supported Browsers: [ Windows IE 6+, FF 1.5+, Opera 9+ ] [ Mac Safari 2+, FF 1.5+, Opera 9+ ]
  • The newsWidth option was eliminated. Calculates the width of each news item automatically. It made sense that a developer should only have to adjust the CSS, instead of needing to specify any dimensions through the plugin options.

Download
Also see jCarousel JQuery Fancy Scroll

Accessible News Slider jQuery Plugin Download is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

]]> http://www.webstylepress.com/accessible-news-slider/feed/ 0 jCarousel Lite Scroll – Fancy Scroll http://www.webstylepress.com/jcarousel-lite-scroll/ http://www.webstylepress.com/jcarousel-lite-scroll/#comments Sun, 21 Sep 2008 21:14:47 +0000 Hiroshi http://www.webstylepress.com/?p=72 jCarousel Lite Scroll – Fancy Scroll is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]>

jCarousel Lite is a jQuery plugin 2kb in size. jCarousel Lite can be used for fancy scrolls of content including images or text. I have created an example for my need and put it here to download but updates and all documentation as well as complete customization can be found at original website.

Requirements

jquery.js
jcarousellite.js
easing.js (Optional)
mousewheel.js (Optional)

Customizations include Auto Scroll, Scroll More, Mouse Wheel, Mouse Wheel and Buttons, Custom animation – Easing, Custom Animation – Speed, Custom Widget, More or Less content, Non-Image Content, Mixed Content, Vertical, External Controls, Callbacks, Image Slider, Image Slider – External Controls, Fraction Configuration, Non Circular motion.

Download

jQuery jCarousel Fancy Scroll
Website

jCarousel Lite Scroll – Fancy Scroll is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

]]> http://www.webstylepress.com/jcarousel-lite-scroll/feed/ 1 Fav Icon Tutorial http://www.webstylepress.com/fav-icon-tutorial/ http://www.webstylepress.com/fav-icon-tutorial/#comments Mon, 08 Sep 2008 17:25:29 +0000 Hiroshi http://www.webstylepress.com/?p=58 Fav Icon Tutorial is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

]]> Place favicon.ico file in root directory of your web host (public_html or www) and add following code into head section of your web page.

<link rel="Shortcut icon" href="/favicon.ico">

OR

<link rel="icon" href="http://www.url/favicon.ico" type="images/x-icon" />

How To Create .ico file?

I create it using my Adobe Photoshop. I have icoformat plugin file which I add in adobe photoshop plugins for having an option of save as .ico file.

Path to add plugin

In my case
C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins\Extensions

Place there icoformat plugin file and while saving file photoshop will offer option of saving as .ico file. We usually create 16×16 px file for icon and save as filename.ico.

Download Photoshop Icon Format Plugin

Fav Icon Tutorial is a post from: Web Style Press, Best Practices from all the Web, Build Better Websites

Related Posts

]]> http://www.webstylepress.com/fav-icon-tutorial/feed/ 0