background preloader

Javascrip

Facebook Twitter

Idevelop/camera.js. Timesheets.js :: Slideshow Engine. Our SMIL Timing implementation can also be used as a simple but highly extensible slideshow engine. Basic Effects A quick slideshow designed with declarative, inline SMIL-Timing markup. This demo shows how to get most of the common slideshow effects (transitions, incremental display, outlining…) with SMIL-Timing. Audio Sync SMIL Timing and Timesheets are an easy and efficient way to sync an HTML slideshow with an audio track. This slideshow is an HTML version of this presentation of the Join Mozilla program by Mark Surman. Our timesheets.js library can also be used on SVG documents. This mini-slideshow is a full SVG document. Caption Hover Effects. A tutorial on how to create some subtle and modern caption hover effects. View demo Download source Today we want to show you how to create some simple, yet stylish hover effects for image captions.

The idea is to have a grid of figures and apply a hover effect to the items which will reveal a caption with the title, author and a link button. For some of the effects we will use 3D transforms. The aim is to keep the effects subtle and provide inspiration for many different variations. Please note: this only works as intended in browsers that support the respective CSS properties. The images used in the demos are Dribbble shots by talented Jacob Cummings. Let’s get started. The Markup The structure of our grid and the figures will be made of an unordered list and each item will contain a figure element. This is the default structure for all the grid examples. But first let’s define the common styles for all effects. The CSS The common styles for all the figures is the following. Effect 1 Effect 2. jQuery Timelinr 0.9.53 - Dando vida al tiempo. Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst.

Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Donec semper quam scelerisque tortor dictum gravida. Timeliner.js Demo. Working examples of the timeliner.js jquery plugin by Tarek Anandan. This page features two working examples, which demonstrate several key features including expand/collapse, autostart/autoload, and multiple timelines per page. The Civil Rights Movement 1954-1964 The content used in this demo is from InvestigatingPower.org, one of two initial places where I implemented timeliner.

InvestigatingPower.org features a total of five timeliner-powered timelines covering the topics of McCarthyism, Civil Rights, the Vietnam War, the Watergate Scandal, Corporate Power (Tobacco), and Post 9/11. Brown v. May 17, 1954 The U.S. Emmett Till August 28, 1955 Fourteen-year-old African-American Emmett Till is brutally murdered after reportedly flirting with a white woman while visiting relatives in Mississippi. Rosa Parks December 1, 1955 Little Rock September 4, 1957 Three years removed from the Brown v. Freedom Rides May 4, 1961 "I Have a Dream" August 28, 1963 Civil Rights Act July 2, 1964 President Lyndon B.

Morris.js.