background preloader

jQuery Timelinr

jQuery Timelinr
Dando vida al tiempo / Giving life to time Selecciona tu idioma / Select your language: This simple plugin helps you to give more life to the boring timelines. Last stable version: 0.9.6 Configuration: Include the jQuery library and this plugin: Inicialize-it with the default parameters: $(function(){ $().timelinr();}); Or configure it as preferred: HTML markup must be as follows: <div id="timeline"><ul id="dates"><li><a href="#">date1</a></li><li><a href="#">date2</a></li></ul><ul id="issues"><li id="date1"><p>Lorem ipsum. Icon designed by Sebastián Cortés Changelog: 0.9.6: check if required elements exist on page before initializing timelinr0.9.54: Bugfix: large timelines now gets centered.0.9.53: Bugfix: arrows hidden when jumping from first and last dates resolved.0.9.52: Problem with arrows nav and 2 or less issues now fixed.0.9.51: As requested, now prev/next buttons are hidden if the issue is in the first/last position. Última versión estable: 0.9.6 Configuración: O customízalos: Cambios:

Adding a Timepicker to jQuery UI Datepicker Getting Started Highly Recommended Handling Time eBook Check out the Handling Time eBook to learn from the basic setup to advanced i18n usage, and from client's javascript to the server's database. eBook + Example code eBook Subscribe to Blog and Twitter Subscribe to my blog via email and follow @PracticalWeb on Twitter. Download Download Timepicker Addon Download/Contribute on GitHub (Need the entire repo? There is a small bit of required CSS (Download): Requirements You also need to include jQuery and jQuery UI with datepicker and slider wigits. jQuery jQueryUI (with datepicker and slider wigits) Timepicker Version Version 1.4.4 Last updated on 2014-03-29 jQuery Timepicker Addon is currently available for use in all personal or commercial projects under the MIT license. MIT License Formatting Your Time The default format is "HH:mm". Hour with no leading 0 (24 hour) Hour with leading 0 (24 hour) h Hour with no leading 0 (12 hour) hh Hour with leading 0 (12 hour) m Minute with no leading 0 mm s ss l c t tt z Examples

How to Mimic the iGoogle Interface Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. In this tutorial, I'll show you how to create a customizable interface with widgets. The finished product will be a sleek and unobtrusively coded iGoogle-like interface, which has plenty of potential applications! First, let's list exactly what we'll be creating here and what features it'll have: This interface will contain several widgets.Each widget can be collapsed, removed and edited.The widgets can be sorted into the three seperate columns by the user (using a drag and drop technique).The user will be able to edit the color and title of each widget.Each widget can contain any amount of regular HTML content, text, images, flash etc. Please note that we will only be covering the front-end aspect of the project in this tutorial. Since it's all about the user and because the idea was influenced by iGoogle we're going to be calling this project 'iNettuts'. First column: inettuts.js:

Visual jQuery 1.2.6 HTML5 For Web Designers foreword by Jeffrey Zeldman The HTML5 spec is 900 pages and hard to read. HTML5 for Web Designers is 85 pages and fun to read. Easy choice. HTML5 is the longest HTML specification ever written. In this brilliant and entertaining user’s guide, Jeremy Keith cuts to the chase, with crisp, clear, practical examples, and his patented twinkle and charm. Contents A Brief History of Markup (Read this chapter online)The Design of HTML5Rich MediaWeb Forms 2.0SemanticsUsing HTML5 Today PageSlide: a jQuery plugin which slides a webpage over to reveal an additional interaction pane Advertisement a jQuery plugin which slides a webpage over to reveal an additional interaction pane by Scott Robbin Download PageSlide Now If you've ever used the mobile version of Facebook, or Path,then you've probably seen something akin to PageSlide in action. Clicking on a button or link slides the page over to reveal a hidden pane,one that usually contains secondary navigation, a form, or additional information. There are several ways to use PageSlide, some of which are shown below.Additionally, there is a responsive demo which shows how PageSlide can be used as a mobile solution. Slide to the right, and load content from a secondary page Slide to the left, and display hidden content from this page in a modal pane Modal This slide uses "modal" option set to "true". Where can I get it? If you are interested in learning more about PageSlide, it's recommended that you view the project on GitHub. Other jQuery Plugins If you like this plugin, feel free to check out some of the others I've built.

Most Popular Web Design Blogs to Get Inspired | designPunx Sharebar 0EmailShare So here we are with our first post, and we are really excited! What made us launch a new web design blog when there is such a great amount of others, already cool and reputable? Of course, we drew some inspiration from popular web design blogs and we are greatful for a marvellous job all webmasters do. 1. Guys who launched Webdesigner Depot are true design-lovers who stick to best techniques and examples. 2. Really smashing! 3. Noupe is for those web designers and developers who crave for the best content and latest news concerning all topics related to web design, e.g. graphics, design trends and techniques, and much more. 4. SitePoint not only provides unique and useful information for web developers and web designers but is also well-known as a media company. 5. A great place for those creators who are in search of fresh ideas, latest web design community news and helpful tutorials to improve development skills. 6. 7. 8. 9. 10.

Best jQuery Plugins of 2011 jQuery was first released in 2006. Nearly 5 years later, it’s still going strong – due largely in part to the community that’s been built up around it. This community of developers constantly releases plugins that allow web developers to easily add amazing functionality to their projects. Continuing our “Best of 2011″ series, the focus this week is on jQuery plugins. Isotope Isotype is a jQuery plugin for creating dynamic and intelligent layouts. FitText FitText makes font-sizes flexible. FlexSlider FlexSlider is an awesome, fully responsive jQuery slider plugin. Sausage Sausage is a jQuery UI widget for contextual pagination. arbor.js Arbor is a graph visualization library built with web workers and jQuery. Mosaic Mosaic automatically generates sliding boxes & captions, allows slide & fade animations with custom directions, and preloads images within boxes. Supersized Supersized is a fullscreen background slideshow built using the jQuery library. About the Author Related Posts shares Read More

[Mesh] LI Lizard Dan Cocchi's game used Warrior Levitation+Evo Pro x6 - The Lacrosse Forums Got this insane stick for my birthday from my father, who is friends with Dan Cocchi (#1) of the Long Island Lizards. Its Cocchi's game used Levitation with his autographed and a brand new Evo Pro X6. I strung it with Jimalax silver hard mesh, triangle top string in silver and black, side walls and throat in black, one black nylon and 3 white shooter (2 straight, 1 U.) Turned out pretty damn nice, cant wait to throw with it later today. Huge thank you out to my father and Cocchi!Sidewall Pattern: start at second hole: 0,i,0,i,0,1i,0,2i,0,0,3i,0,1, tie

Related: