background preloader

Presentation tool based on the power of CSS3 transforms and transitions in modern browsers

Presentation tool based on the power of CSS3 transforms and transitions in modern browsers
Aren't you just bored with all those slides-based presentations? Don't you think that presentations given in modern browsers shouldn't copy the limits of 'classic' slide decks? Would you like to impress your audience with stunning visualization of your talk? then you should try It's a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers. visualize your big thoughts by positioning, rotating and scaling them on an infinite canvas the only limit is your imagination have you noticed it's in 3D*?

http://bartaz.github.io/impress.js/#/bored

56 Pure CSS Effects Javascript Alternatives Including Demos Cascading Style Sheet (CSS) is a document format which provides a set of style rules which can then be incorporated in an XHTML or HTML document. It is a means to separate web content from formatting and presentation information. Although CSS is generally considered a simple and straightforward language, sometimes it requires creativity, skill and a bit of experimentation. Web-based slideshow A Web-based slideshow is a slide show which can be played (viewed or presented) using a web browser. Some web based slide shows are generated from presentation software and may be difficult to change (they are usually not supposed to). Others offer templates allowing the slide show to be easily edited and changed.

3 Javascript Plugins to Imitate Instagram Image Filters Instagram has been a sensational topic of all time. It’s a photo shooting app which takes photo in square dimension and you can apply different kind of lomo, vintage and other cool filter effects to the photos. It makes an ordinary photo looks pretty, people likes it, it’s magical. 90 Accomplishments of Pres. Obama Which The Media Fails to Report.... "Professor Watson writes Hi friends, I am always being asked to grade Obama's presidency. In place of offering him a grade, I put together a list of his accomplishments thus far. I think you would agree that it is very impressive. Nifty Modal Window Effects A set of experimental modal window appearance effects with CSS transitions and animations. View demo Download source Today we want to share some ideas for modal window effects with you. There are infinite possibilities for transitioning the appearance of a dialog box and we wanted to provide some ideas of how to show dialog boxes and provide some inspiration.

HTML Slidy (1) Copyright © 2005-2010 W3C ® (MIT, ERCIM, Keio), All Rights Reserved. For handouts, its often useful to include extra notes using a div element with class="handout" following each slide, as in: <div class="slide"> ... your slide content ... </div><div class="handout"> ... stuff that only appears in the handouts ... </div> Each presentation is a single XHTML file Each slide is enclosed in <div class="slide"> ... Grunge Paint Splatter Design Vectors Jul 17 When I was in kindergarten my teacher always told me to color inside the lines- fast forward twenty years later, now as a designer we’re encouraged to color outside the lines. I guess it’s true what they say about rules- you have to know them before you can break them. Well for those of you who do know the rules- you’ll enjoy today’s free vector download of grunge paint splatters illustrations from Neno Design.These are great, especially when your working on a preciously neat, formal design, and you’ve refined it down to the most minute detail and just when you think you’re done- slap one of these sloppy grunge splatters atop- perfect!

untitled The Official Rules of Strip Chess v1.1 by Ceribia with input from Keri Contents 1. Disclaimer 2. Basic System 3. Rules for Spectators 4. Special Conditions 1. Disclaimer We the creators of The Official Rules of Strip Chess are in no way responsible for any thing you do with this file or its contents. Loading Effects for Grid Items with CSS Animations Some inspiration for loading effects of grid items using CSS animations. View demo Download source Today we’d like to share some loading effects for grid items with you. The idea is to show items in a grid with an animation once they are in the viewport. The possibilities are infinite and we’d like to give you some inspiration.

C Slide show Tools There are a bunch of tools in this directory and elsewhere for making slides using standards: Slidy The current recommendation (2005/5) is to use Dave Raggett's slideshow tool HTML Slidy, with its accompanying style sheet. 30+ High Quality Adobe Illustrator Brush Sets Brushes are important, most especially for us designers who strive to get and create as much effect as possible. So far, we have already posted a couple of free brushes in our site. Well, we’re not yet done… For Adobe illustrator users, we have compiled 30+ High Quality Adobe Illustrator Brush Sets that you can download for free. Adipoli jQuery Image Hover Effects How To Use Enabling image hover effect is very simple. Place the below references inside your head tag. If you need image hover on an image with id ‘image1′, call adipoli plugin like this: <script> $('#image1').adipoli(); </script> Adding Options:

Related:  ResearchJavascriptPresentationingPresentation