Nonprofit web design tips and more from CEDC

Posts tagged slide

11 notes &

Deck.js: Modern HTML Presentations

The deck.core module provides all the basic functionality for creating  and moving through a deck.  It applies and removes classes to indicate  the state of the deck and its slides, allowing CSS to take care of the  visual representation of each state.  It also provides methods for  interacting with the deck, as well as basic key bindings for going to  the next and previous slides.  Separate extension modules provide more  functionality using the API provided by core.

Deck.js: Modern HTML Presentations

The deck.core module provides all the basic functionality for creating and moving through a deck. It applies and removes classes to indicate the state of the deck and its slides, allowing CSS to take care of the visual representation of each state. It also provides methods for interacting with the deck, as well as basic key bindings for going to the next and previous slides. Separate extension modules provide more functionality using the API provided by core.

(Source: twitter.com)

Filed under javascript Presentation HTML git slideshow slide

0 notes &


Slider features: 
Images shrink as they leave the slider 
Keyboard Navigation (use your keyboard arrows to move to the last / next product)
Click on images to navigate
CSS opacity for rollover effect on buttons
FancyBox built in for expanding images(left / right buttons on rollover for other image views)

Slider features:

  • Images shrink as they leave the slider
  • Keyboard Navigation
    (use your keyboard arrows to move to the last / next product)
  • Click on images to navigate
  • CSS opacity for rollover effect on buttons
  • FancyBox built in for expanding images
    (left / right buttons on rollover for other image views)

Filed under jQuery Slide Web

1 note &


Easy Accordion plugin will get your definition lists (DTs) and generate a nice and smooth horizontal accordion. You can then  decide to make it a timed slideshow or leave it still.
You can see the Easy Accordion Plugin in action here. As usual, all of that will be realized in an unobtrusive, SEO friendly and accessible way.
What’s new?
Easy Accordion Plugin keeps the HTML to the minimum, is SEO friendly and fully accessible, uses the CSS rotation to rotate the slide titles (no need for images here!), works in all the major browsers, allows for autoplay, it’s opensource and fully customizable and, what count most, it’s free!

Easy Accordion plugin will get your definition lists (DTs) and generate a nice and smooth horizontal accordion. You can then decide to make it a timed slideshow or leave it still.

You can see the Easy Accordion Plugin in action here. As usual, all of that will be realized in an unobtrusive, SEO friendly and accessible way.

What’s new?

Easy Accordion Plugin keeps the HTML to the minimum, is SEO friendly and fully accessible, uses the CSS rotation to rotate the slide titles (no need for images here!), works in all the major browsers, allows for autoplay, it’s opensource and fully customizable and, what count most, it’s free!

Filed under jQuery Accordion Slide tools Web