background preloader


Bartaz/impress.js impress.js It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind impress.js may not help you if you have nothing interesting to say ;) Use the source, Luke ;) If you have no idea what I mean by that, or you just clicked that link above and got very confused by all these strange characters that got displayed on your screen, it's a sign, that impress.js is not for you.

Related:  Zooming UI

How to Zoom and Pan with SVG This topic shows you how to use Scalable Vector Graphics (SVG) to zoom and pan, and ends with an example of a complex organizational chart that can be zoomed and panned. Basic HTML and JavaScript knowledge are assumed, as well as access to a browser that can render inline SVG in HTML5, such as Windows Internet Explorer 9 and later. Introduction Porting Deadly Dodge Ball I have been slowly moving away from Flash towards HTML 5 for a while with 12 Months of Doomsday most likely being my last Flash project. It is certainly possible that Flash CS6 will somehow convince me to keep developing for Flash, but Adobe has pissed me off quite a bit the last few months so CS6 would have to have extremely impressive features (or a really cheap upgrade from CS5.5) in order to keep me as a customer. For this reason I decided to port my Friday the 13th project from Flash to HTML 5. If porting from Flash to HTML 5 wasn't enough, I thought it would also be a good opportunity to play around with EaselJS, which is a Flash-like animation library for JavaScript.

Subway Map Visualization jQuery Plugin » TechBubble I have always been fascinated by the visual clarity of the London Underground map. Given the number of cities that have adopted this mapping approach for their own subway systems, clearly this is a popular opinion. At a conference some years back, I saw a poster for the Yahoo! Impress at Presentations with Impress.js – (UPDATED for Impress.js v0.3) The other day I mentioned on Twitter that I was playing around with Bartek Szopka's Impress.js library to write a presentation and it seemed to gather some interest. I then gave the presentation, and that gathered some more interest; so I thought I would write a short blog post about how to use Impress.js. For those of you who aren't aware - Impress.js is a web-based presentation framework which utilises CSS3 transitions and transforms to produce some impressive effects. Whilst it's primarily use is for presentations, it can also be used for simple web pages due to it's HTML/CSS/JavaScript roots.

ddSlick - a jQuery plugin for custom drop down with images With traditional drop downs i.e. using <select><option></option></select> you are limited to only text and value. But with this easily configurable jquery plugin, you can now create a custom drop down that can very well include images, a short description, along with your usual text and value. Take a look at the following demos in action. 1Basic Drop down using JSON Tropes: Text Analysis and Semantics Analysis of written or spoken texts requires that certain questions should be asked with regard to certain objectives. To obtain answers to these questions, texts must be reduced as far as possible to their essentials. Designed for Information Science, Market Research, Sociological Analysis and Scientific studies, Tropes is a Natural Language Processing and Semantic Classification software that guarantees pertinence and quality in Text Analysis.

Web Services Messaging with Apache Axis2: Concepts and Techniques Web Services Messaging with Apache Axis2: Concepts and Techniques Pages: 1, 2, 3, 4 Summary In summary, the behavior of web service messaging is based on three parameters: the message exchange pattern, the synchronous/asynchronous behavior of the client, and the behavior of the transport. Axis2 is built on a core that is not bound to any type of MEP, yet provides client API support for the most widely used MEPs: one-way and request-response. The article explains the concepts behind the Axis2 messaging support and how the client API is used. Resources

Patterns For Large-Scale JavaScript Application Architecture Today we're going to discuss an effective set of patterns for large-scale JavaScript application architecture. The material is based on my talk of the same name, last presented at LondonJS and inspired by previous work by Nicholas Zakas. Who am I and why am I writing about this topic?

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. We want to show you today how to use this great plugin to create a responsive slideshow with 3D effects.

How to Make a Flat Styled jQuery UI Combo Box Widget (Part 2) Designmodo user interface kits are a great starting place for a number of projects, including the framework for a variety of widgets that work great with a little jQuery help. In this video, developer David East uses follows up on ways to use the combo box you used in Part 1 of this video series. He explains how to take your box and give the widget some additional functionality, such autocomplete.

Video Tapestries with Continuous Temporal Zoom ACM Transactions on Graphics (Proc. SIGGRAPH), August 2010 A multiscale tapestry represents an input video as a seamless and zoomable summary image which can be used to navigate through the video. This visualization eliminates hard borders between frames, providing spatial continuity and also continuous zooms to finer temporal resolutions. This figure depicts three discrete scale levels for the film Elephants Dream (Courtesy of the Blender Foundation).

It’s here! Our shiny new Javascript API [Reposted from the SlideShare Blog Attention developers…you asked for it, and here it is. Our new Javascript API allows users to access major functions, navigate across presentations, and control the SlideShare embed player via Javascript. For your embedded presentations, you can now make JS calls to do things like view next and previous slides, and jump to a certain slide. Have you ever wanted to automate synchronized slides and video? 10 Beautiful Examples of Responsive Web Design These days, everyone is consuming content differently. My mom has a netbook, I have a laptop, my friend has a 27″ iMac, my girlfriend and I have smartphones and her mom has an iPad. Since your content is now being viewed on more devices and browsers than ever before, you have to design it with that in mind. Websites that adapt to things like screen sizes and operating systems are known as responsive designs, and this list of 10 sites shows off the future of the flexible Web. Bread & Pepper

Related:  Viral Video & PresentationsImpress.jsHTML5