Reader
  • Home
  • About
  • Deals
  • Services
  • Contact
You are here: Home / Archives for 2009

Archives for 2009

Date Pickers: 24 Excellent Free JavaScript Collection

Last updated on March 17th, 2015 by Gabriel Livan

What’s a date picker?

A date picker is an easy way to introduce a date/time into an input field. It definitely gives a professional look to your forms by simplifying the process of selecting a specific date or a range of dates. In most cases, it popups the moment you hover over the input or click on an icon next to it, and shows a calendar with the available dates that you can input. It’s very convenient if you want to check on what date it would be a specific day of the week.

I hope that the following list will help you in selecting a script that will offer a better experience to your website’s visitors. JQuery and MooTools are some of the well known libraries used to create the date pickers.

jquery-datepicker 1. The jQuery UI Datepicker is an excellent script that supports multiple themes and can be used in specific formats. Here are some examples:

– date range restriction
– alternate field population
– display month and year menus
– display button bar
– display multiple months
– show datepicker when clicking a date icon

[Go to Project Page | View Demo]

jquery-datepicker-one 2. jQuery Datepicker is a plugin that attaches a popup calendar to your input fields or shows an inline calendar for selecting dates. It’s a simplified version of the JQuery UI Datepicker.

Features include:

* works as a popup for an input field or inline in a div/span
* full keyboard equivalents
* Predefined date formats are available. You can even define your own format.
* Minimum/Maximum date restriction
* Update an alternate field with the date in a different format
* Select a range of dates
* Show week of the year / days from other months
* Callbacks on hover, change of month/year, selection and closure
* CSS Customizable
* Language selector

[Go to Project Page | View Demo]

View more awesome date pickers…

Filed Under: JavaScript, jQuery Tagged With: picker

Generate a jQuery UI Slider using Data from a Select Element

Last updated on January 9th, 2016 by Gabriel Livan

jQuery UI selectToUISlider Plugin uses progressive enhancement to replace an already-functional HTML select element with a JQuery UI Slider control. Having both ARIA and tabindex support, it adds a number of features for both visual users and those on assistive technologies. The user is able to make a choice even with JavaScript disabled, since the select element can be used if the slider is unavailable.

jquery-ui-slider

Read more from this entry…

Filed Under: jQuery Tagged With: slider

jQuery Unobtrusive Time Picker Plugin: jquery.timepickr

Last updated on January 9th, 2016 by Gabriel Livan

jquery.timepickr is a nice JQuery Time Picker that attempts to make the process of inputing time in a form as easy as natural as possible.

jquery-time-picker

Basic Usage

HTML

<input id="time" type="text" value="">

JavaScript

$(function(){
    $('#test').timepickr();
});

Features include:

  • Unobtrusive
  • Degrades gracefully
  • Use maximum 2 clicks
  • Has an intuitive keyboard navigation
  • Be touch device friendly
  • Our convention (either 12 or 24)
  • Source & Demo: http://haineault.com/media/jquery/ui-timepickr/page/
  • Download: http://code.google.com/p/jquery-utils/downloads/list

Filed Under: JavaScript, jQuery Tagged With: picker

Elastic jQuery Plugin Makes Your Textareas Grow Facebook Style

Last updated on August 21st, 2012 by Gabriel Livan

Elastic JQuery Plugin, inspired by the auto growing textarea on Facebook, makes your textareas shrink and grow to fit its content. Also, the grow & shrink process can be animated. The major difference between Elastic and its competitors is its weight. The usage of Elastic is very straight forward. All you have to do is include the JavaScript file containing the plugin and use the elastic method.

elastic-jquery-plugin

  • Source: http://www.unwrongest.com/projects/elastic/
  • Demo: http://www.unwrongest.com/projects/elastic/#demo
  • Download: http://jquery-elastic.googlecode.com/files/jquery.elastic-1.6.zip

Filed Under: JavaScript Tagged With: auto grow

Speed up the development process: Blueprint CSS Framework

Last updated on January 3rd, 2010 by Gabriel Livan

Blueprint is a CSS framework which aims to cut down on your development time by giving you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins and even a stylesheet for printing. Since Blueprint CSS Framework is very used among developers, you can find a lot of tutorials, plugins, tools and resources that are made to make your development process easier.

What are the advantages of using Blueprint?

  • A CSS reset that eliminates the discrepancies across browsers.
  • A solid grid that can support the most complex of layouts.
  • Typography based on expert principles that predate the web.
  • Form styles for great looking user interfaces.
  • Print styles for making any webpage ready for paper.
  • Plugins for buttons, tabs and sprites.
  • Tools, editors, and templates for every step in your workflow.
  • Source: http://blueprintcss.org/
  • Live Demos: http://blueprintcss.org/tests/

Filed Under: Frameworks Tagged With: css framework

« Previous Page
Next Page »

About Me

Gabriel LivanHey, there! I'm Gabriel Livan, Web Developer, Blogger and Internet Marketer. I love making fast, secure and scalable web applications, running and travelling around the world. I blog about WordPress, site speed & security and quality tools for web professionals. Read more

What are you looking for?

Categories

  • AJAX (22)
  • Deals (10)
  • Design (30)
  • eBooks (2)
  • Flash (19)
  • Freebies (11)
  • General (62)
  • Giveaways (1)
  • Graphics (27)
  • HTML & CSS (35)
    • Frameworks (9)
  • JavaScript (160)
    • Frameworks (8)
    • jQuery (89)
    • MooTools (14)
  • Page Loading Speed (2)
  • Photoshop (3)
  • PHP (113)
  • Reviews (8)
  • SEO (6)
  • Statistics (2)
  • Web Tools (13)
  • WordPress (27)
    • Plugins (15)
    • Snippets (4)
    • Tools (2)
    • Tutorials (6)

Copyright © 2026 · BitRepository.com - All Rights Reserved

  • Home
  • About
  • Contact