background preloader

Creating presentations

Facebook Twitter

Photos du journal - Laughing Colours. Prezi - Ideas matter. Bartaz/impress.js. Digibury 11/01/2012. Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation. For the best experience please use the latest Chrome or Safari browser.

Firefox 10 (to be released soon) will also handle it. 12412 is a personal challenge for 2012. To experience and learn about 12 web technologies through the 12 months of the year. At any level of experience or for any purpose. We like learning by doing. So this presentation was also built while learning something new - impress.js And we’re also teaching ourselves how to stand up and talk to people.

The Site The 12412 site... is a work in progress. Wordpress powered, based on a stripped down theme created by Paul. There’s a lot missing. Working on it through the year is part of the project. Who knows where it will end up? Putting yourself out there is a gamble. Especially when the evolution is out there too. But this feels like a good time to be encouraging people to get on and learn something new. What The Heck Is Responsive Web Design? What The Heck Is Responsive Web Design?

What The Heck Is Responsive Web Design?

Responsive websites respond to their environment Adaptive (Multiple Fixed Width Layouts) or (Multiple Fluid Grid Layouts) Fluid Width Small Screens Fixed Width Medium & Large “Day by day, the number of devices, platforms, and browsers that need to work with your site grows. Small + Medium + Large One Site For Every Screen Not just demos, design shops and vanity pages Real Client Work The Boston Globe Largest responsive web design project to date bostonglobe.com Barack Obama The Obama campaign continues to be at the leading edge of web technology barackobama.com Grey Goose Vodka Responsive site for Grey Goose with parallax scrolling animation.

CSS 3D transforms - a very short introduction - by Bartek Szopka. Impress(.js) an Audience with Your Presentation. “Presentation!”

Impress(.js) an Audience with Your Presentation

The very word often triggers the reaction, “Oh, not another ODP or PPT!” In school or college, we’ve all prepared presentations for projects, assignments, fête sponsorships and to impress companies during placement interviews. While at work, we’ve all sweated over client presentations, project status presentations, etc. Besides PPTs or ODPs, though, there are many other interesting ways to make a presentation, like using Impress.js to create cool presentations. Impress.js is a JavaScript library created by developer Bartek Szopka, which takes the power of CSS3 transformations and transitions of objects and images and gives you a rock-solid platform for impressive presentations. The project can be forked from the project page. First, download impress.js from Github. Now create an HTML page, which will contain your slides. The script tag’s src attribute should locate (the path at which) impress.js is. You are now done with the basics.

Resources.