Blog Archive » Object Oriented CSS video on YDN. Object-Oriented CSS: What, How, and Why - Nettuts+ It sounds like an oxymoron, or at least an impossibility, doesn't it?
How can a static language that's really more like markup than programming be object-oriented? In this tutorial, I'm going to introduce you to the idea of object-oriented CSS, show you how it works, and try to convince you that you should be using it too! What is Object-Oriented CSS? Object-oriented CSS, at its core, is simply writing cleaner, DRYer CSS.
It's not a different language: still the same old CSS we all know and love. So why call it object-oriented? Object-oriented programming (OOP) is a programming paradigm that uses "objects" — data structures consisting of datafields and methods — and their interactions to design applications and computer programs. If we were to re-write that definition for object-oriented CSS, it might say something like this: Object-oriented CSS is a coding paradigm that styles "objects" or "modules"—nestable chunks of HTML that define a section of a webpage—with robust, reusable styles. S5: A Simple Standards-Based Slide Show System. S5 is a slide show format based entirely on XHTML, CSS, and JavaScript.
With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. Anyone familiar with CSS can create their own slide show theme. It's totally simple, and it's totally standards-driven. Presentations2.0 for a world2.0 with Slackrpoint! - Wait till I come! Friday, August 3rd, 2007 at 1:14 pm If you ever wondered how to make a fast presentation2.0 and you have no time to look up imagery and thought provoking thoughtshowers, don’t wait any longer!
Slackrpoint is the solution to all of these problems! Check out the presentation2.0 featurette (click anywhere on the screen to go to the next slide) and download Slackrpoint to create your own! Simply add the JSON object in slides.json.js to fit your slides! Slackrpoint will illustrate and annotate for you, by pure web2.0 entrepreneurial spirit and witchcraft! To Do: Hosted version Offline version using Google Gears Facebook plugin Air version for your desktop twitter integration If you are a venture capital company or you are looking to support up and coming web2.5 superstars contact me.
Happy Friday! [tags]web2.0,shiny,presentations,slides,generator,json,maybeajax,gradients,parody,flickr,json[/tags]