HTML5 Presentation In March 1936, an unusual confluence of forces occurred in Santa Clara County. A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches. Instead, by the billions, they all burst open at once. Seemingly overnight, the ocean of green that was the Valley turned into a low, soft, dizzyingly perfumed cloud of pink and white. Then came the wind. It roared off the Pacific Ocean, through the nearly uninhabited passes of the Santa Cruz Mountains and then, flattening out, poured down into the great alluvial plains of the Valley. This perfumed blizzard hit Stevens Creek Boulevard, a two-lane road with a streetcar line down its center, that was the main road in the West Valley.
Slideshow with jmpress.js Today we will create a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects for the slides. View demo Download source You have for sure already seen impress.js, a really great JavaScript library for creating extraordinary 3D presentations. The jQuery port jmpress.js let’s you use this library as a jQuery plugin with some added options. The icons used in the demo is by Artcore Illustration and they are licensed under theCreative Commons BY-NC-ND 3.0 license. So, let’s start! The Markup We will have a main container which is a section with the class jms-slideshow. Let’s take care of the style. The CSS Since we want to make the slideshow responsive, we will give the main container a percentage width, with some min and max values: The next wrapper is dynamically added, and this will be the visible slideshow wrapper: The background color classes will be applied to the previous wrapper. The steps will have the following style:
Comparatif de 12 solutions de curation Dans le cadre du dossier sur la curation que jai eu le plaisir de coordonner pour la revue Documentaliste et Sciences de linformation de mars 2012 ( ), jai eu loccasion de réaliser un comparatif de 12 solutions dont je vous propose ci-dessous quelques éléments complémentaires. Vous pouvez aussi télécharger cet article au format PDF sur Slideshare Plutôt que de nous concentrer sur les services dont le positionnement marketing est explicitement celui de la curation, nous avons donc choisi de « brasser large » en choisissant des services qui, à minima et sauf exception répondent à la définition proposée par la Wikipedia : « La curation de contenu () est une pratique qui consiste à sélectionner, éditorialiser et partager les contenus les plus pertinents du Web pour une requête ou un sujet donné ». Les douze solutions sélectionnées Images Vidéos Conclusion
Flowtime.js | A Presentation Framework by @marcolago Presentations With Reveal.js and HTML5: Better Than PowerPoint Oct 10 2012 Presentations are PowerPoint, you say? Well, think again. Most people I know start yawning as soon as PowerPoint gets mentioned. You don’t want your clients to yawn. If you are into presenting using your Android or iPad, you’ll even need additional tools to get a PPT up and running. Reveal.js: The demo presentation Reveal.js consists of one single JavaScript file and two style sheets. Slide Markup via HTML5 The markup of the presentation slides ist done by using HTML5 elements of the type SECTION. Inside each section arbitrary content is allowed. Pressing ESC shows an index of all slides from where you can target each slide individually. Index of the presentation demo Reveal.js: Extended Navigation Possible If you’d like to enable mouse navigation in addition to keyboard control, you can do so by implementing a small operating element into your presentation. Reveal.js: Capable Of Markdown This one is for me. (dpe) Denis works as a freelance web designer since 2005. Homepage
20 Snippets You should be using from Html5 Boilerplate I recently, as many web designers and developers will have, became aware of a fantastic resource put together by web developer, Paul Irish, and Divya Manian. Html5 Boilerplate, as they have named it, is a powerful starting off point for any website or web application. As Paul Irish describes it; “It’s essentially a good starting template of html and css and a folder structure that works., but baked into it is years of best practices from front-end development professionals.” It is absolutely packed full of fantastic snippets of code that are still very much worth using even if you don’t want to start using html5 boilerplate as your base template. Html We will start off by checking out some of the html snippets used in the resource. Favicon and Apple icons The favicon is pretty much normality these day. the interesting bit here is the apple-touch-icon which is used if you save a bookmark to your home screen on an apple touch device such as an iPad or iPhone. Faster page load hack Css
Using Impress.js : Tony Thomas March 9, 2012 11:08 am Published by admin Update II: I updated the init method needed in the HTML. Update: There is at least one WYSIWYG impress.js editor available now. I came across Impress.js a while back and I was, well, impressed. Right now you can only learn how to use Impress.js by reading the comments and experimenting. The first thing is that you have to have a story to tell. Assuming you know what you want to say, let’s move on. First you’ll need to download the JavaScript. The slides need to go into an element with the id of “impress.” Options Now things get interesting. You can give you slides ids so you can link to a particular slide. The next dimension we can control is scale: Note the data-scale attribute above. We can also control rotation: For this, use data-rotate. And now we go 3d: The data-z attribute above places this slide 3000 pixels away along the z-index. Finally, we can control rotation along axes: Those are the options. Similar Posts:
Revue DocSI - Volume 49: n 1/ Mars 2012. Dossier : La curation : entre usages individuels et pratiques professionnelles Présentation de la revue Au cœur de ce nouveau numéro, vous trouverez un dossier sur la curation et ses multiples facettes. Coordonné par Christophe Deschamps, consultant et formateur, il réunit de nombreux intervenants d'horizons variés qui, au travers d'articles fouillés, éclairent les débats et discussions parfois acharnés sur la pertinence et le bien-fondé de la curation. A découvrir également dans cette nouvelle livraison : une étude de Karine Aillerie sur les comportements des jeunes internautes lors de leurs recherches d'information sur Internet et les habituelles rubriques d'actualité où de nombreux sujets relatifs à l'évolution de notre domaine sont évoqués. Sommaire Edito. Métiers et compétences. Métiers et compétences. Métiers et compétences. Méthodes, techniques et outils. Méthodes, techniques et outils. Méthodes, techniques et outils. Méthodes, techniques et outils. Méthodes, techniques et outils. Droit de l'information. Droit de l'information. Droit de l'information.
reveal.js – The HTML Presentation Framework