8 Nov 2009

CSS Navigation: No JavaScript, jQuery or Image Required, Free CSS Navigation / Pagination with Tooltip

Kntl-pager

i have coded this pager only css based navigation / pagination bar. no javascript or jquery is required.

you can visit demo page here.

there is tooltip on hover the previous or next page's bullets that makes navigation easier.

the code is repeating some list items. the popup tooltip, bullets and triangles all written by css. you can easily change the colors in the CSS file and use it for free.

available in:
  • ie 6 or higher
  • firefox 1 or higher
  • chrome
  • opera
  • safari

Click here to download:
KntL-Pager.zip (1 KB)
8 Nov 2009

jQuery: jQuery Image Gallery with a Polaroid Style

Click here to download:
polaroid_photo_viewer.zip (2.19 MB)

polaroid_css3_jquery.png

this jQuery Image Gallery can inspire you if you are working on a concept site. it works well (maybe loading duration seems not goo but it worth to use it) and easy to set up.

you can drag and drop images, add titles to photos and the depth of photos change dynamically as you click on them. it is just like real polarid photos on you desktop nad this plugin maybe useful and enjoyable on multi-touch screens.

here is the demo page and you can visit the complete article of this plugin.

8 Nov 2009

jQuery: jQuery Gestures is Amazing. Making You Ready For Multi-Touch Screens

Click here to download:
jQueryGestures.zip (21 KB)

from adrien friggeri.

poc_gestures.png

if you want to make ready your web site for multi-touch screens, you should check this jquery gesture plugin. with this plugin, you can add tricks to every elements of your site.

you can visit demo page here and visit the complete tutorial here.

8 Nov 2009

jQuery: TextArea Resizer is Perfect Who Hate Small TextArea Boxes

Click here to download:
TextArea_Resizer_1.0.4.zip (3 KB)

from binarybasher at jquery.com

textarearesizer-thumb.png

this jquery plugin help visitors to expand the textarea box (mail forms for example) and make writing long texts easier.

you can visit demo page here and for complete tutorial at jquery's official site, you can click here.

8 Nov 2009

jQuery: Analog Clock for Your Website with jQuery and CSS3

Click here to download:
CSS3Clock.zip (503 KB)

from Toby Pitman on css-tricks.com

clock.jpg

this exprerimental design item can be very nice and easy to use. just using jQuery and CSS3, you can add an impressing design item to your web site.

you can visit the demo page and complete article here. the programmer posted an alternative of this clock written by Soh Tanaka can be checked here.

8 Nov 2009

jQuery: Date Range Selector is one of the most Perfect Calendar Plugins

from Chris Stormer.

transendent.jpg

this calendar plugin is really one of the best i have ever seen. animation, simplicity, clearness is in one hand.

here is the demo page and you can visit complete article here of the programmer.

Click here to download:
transendent-date-range-picker.zip (58 KB)

About Chris Stormer:

chris has his own blog chrisstormer.com and he writes about CSS, General Marketing, Inspiring Designs, Photoblog, PPC Marketing, Productivity, SEO Marketing, Software, Stocks, Web Standards and more.

8 Nov 2009

jQuery: prettyCheckboxes is allow you redesign the checkbox and radio button items in your form

from Stéphane Caron.

Preview

this jQuery Form Element ReDesigner plugin can help you if you don't like the OS generated radio button and checkbox form elements any use you own designed ones.

you can visit the demo page and don't forget that; the green thicks of checkboxes, the blurry shadows can make you think "where is the pretty part?" but those are just for demo pages and you are able to use you own designed ones and customize them as you want. below the demo page, you can get more info about it.

Supported Browsers

  • Firefox 3.0 (Mac/PC/Linux)
  • Firefox 2.0 (Mac/PC/Linux)
  • Opera 9.5 (Mac/PC)
  • Safari 3.1.1 (Mac)
  • Internet Explorer 6.0 (PC)
  • Internet Explorer 7.0 (PC)

Your review, sharing and suggestions are so important for me. Please leave a comment and ReTweet this article.

About Stéphane Caron

the programmer has a blog names no-margin-for-errors and has many jQuery plugins with a prefix "pretty" like prettyComments, prettyPhotos, etc.

 

Click here to download:
prettyCheckboxes_uncompressed..zip (52 KB)

8 Nov 2009

jQuery: SexyCombo is a Cool Select Menu, ComboBox or DropDown Menu with AutoComplete

from Vladimir Kadalashvili.

Screenshot1

this jQuery Plugin for web designers and developers who wants an easy to use but effective Select Menu (DropDown Menu or ComboBox) for form elements.

this plugin is has been tested by the programmer on this browsers:

  • Internet Explorer 6 (PC)
  • Internet Explorer 7 (PC)
  • Firefox 1.5 (Linux)
  • Firefox 2 (Linux)
  • Firefox 3 (PC)
  • Opera 9 (PC)

you can visit the demo page or download all versions from the download page of this amazing plugin.

Your Comments or Sharing is important for me. Please write a review or ReTweet this article.

About Vladimir Kadalashvili:

21 Years old web programmer from Tashkent Uzbekistan. You can visit his personal site for more.

Click here to download:
sexy-combo-2.1.2.zip (105 KB)

8 Nov 2009

jQuery: Image Rotator with Preview

from Soh Tanaka.

this image rotator can be used as a product carousel for ecommerce sites, as an image gallery for photo portfolio sites, as a quick preview section for tutorial blogs or as a summary viewer of news etc.

you can check the Live Demo here or visit the complete tutorial at designm.ag.

Your Comments or Sharing is important for me. Please write a review or ReTweet this article.

About Soh Tanaka:

Soh Tanaka is a Los Angeles based Web Designer and blogger, who recently launched a CSS Web Gallery called Design Bombs. For more front-end web development tutorials, check out his web design blog or you can follow him on twitter @SohTanaka.

Click here to download:
Image-Rotator-with-Preview.zip (22 KB)

5 Nov 2009

Google: Google Dashboard has been Launched

as i posted before here, google launched their new service Google Dashboard i have been waiting for years. because i am a google addicted web designer, i use mail, docs, youtube etc. as a google product but i have never liked that google account's welcome screen with little icons of google services which i have been using. with that Google Dashboard, it is more clear to scan and check what is going on with your google account.

Over the past 11 years, Google has focused on building innovative products for our users. Today, with hundreds of millions of people using those products around the world, we are very aware of the trust that you have placed in us, and our responsibility to protect your privacy and data. In the past, we've taken numerous steps in this area, investing in educating our users with our Privacy Center, making it easier to move data in and out of Google with our Data Liberation Front, and allowing you to control the ads you see with interest-based advertising. Transparency, choice and control have become a key part of Google's philosophy, and today, we're happy to announce that we're doing even more.

google.com


visit article


KntL's Space

Web.Design.Tech.Life