background preloader

FancyBox - fancy image zooming tool

FancyBox - fancy image zooming tool

FancyZoom 1. Update: Version 1.1 released 2/8/08. Good bug fixes + Opera compatibility! ...so I fought back the charging Guanaco, immediately hopped on my paraglider, and basically caught the first flight out of Chile — but not without dealing with some cantankerous customs inspectors while drinking a cool glass of chicha. Really sorry it took so long! But hey, two years later, it's finally done! Smooth Javascript Image Zooming For Your Web Pages This much-requested chunk of Javascript to zoom images inline, originally written for this blog but later rolled out to the Panic website and used for screenshots, is now polished up, bug-fixed, available for you to use on your website! Designed to view full-size photos and images inline without requiring a separate web page load, FancyZoom's raison d’être (French for "raisin-determination") is providing a smooth, clean, truly Mac-like effect, almost like it's a function of Safari itself. Instructions 1 Download the FancyZoom package, right here: 5Whoah. Example

howler.js - Modern Web Audio Javascript Library - GoldFire Studios Browsers have come a long way over the years, and we are now able to achieve amazing results using all of the great new technologies often referred to as HTML5. However, generally speaking, audio still sucks. Thankfully, Google decided to create Web Audio API and make all our lives easier. We were presented with this very question while developing our new HTML5 game and set out to find a library that provided the functionality we needed, without all of the bloat, while still supporting the majority of browsers. Features Defaults to Web Audio API Falls back to HTML5 Audio Supports multiple file formats to support all browsers Automatic caching for Web Audio API Implements cache pool for HTML5 Audio Per-sound and global mute/unmute and volume control Playback of multiple sounds at the same time Easy sound sprite definition and playback Fade in/out sounds Methods can be chained Uses no outside libraries, just pure Javascript Lightweight, 9kb filesize (3kb gzipped) Documentation Examples

Floatbox Top 22 different CSS tutorials Every well-respected webdesigner knows how to use a CSS file. With this you can add markup to your webpage. I created a list of my personal top 22 favorite different subject CSS tutorials. They are listed below and are in random order. Read, learn and implement it on your own website. Remember that a website styles with CSS can look otherwise in different browsers. Creating Liquid CSS Tabs for Menus - dezinerfolio.com CSS Tabs based menu systems are really improving instead of all the classic button based navigation. Create a valid CSS alert message - bioneural.net In various places around the net you may have seen alert boxes. Create valid CSS floating corners - marcofolio.net Many websites have eye-catching CSS floating corners. Overlapping CSS Tabs - shapeshed.com Overlapping navigation is a real problem in CSS with the box model and browser support. CSS Star Rating System - pmob.co.uk Simple CSS Star Rating System. Making ListBox with CSS - hedgerwow.com Fade Out Bottom - css-tricks.com

pptPlex 1. What is pptPlex? 2. How do I install it? 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. Overview and Installation pptPlex is a research prototype developed by Microsoft Office Labs as an exploration of an alternative method of presenting Microsoft Office PowerPoint 2007 slides. Top 1) Check that your computer meets the requirements (Windows XP or Vista and Office 2007) 2) Download and install pptPlex 3) Open a presentation in PowerPoint 4) Click the pptPlex tab at the top to see all the buttons needed to use pptPlex. 5) Click the “insert new section” button to add a few sections. 6) Click the “Canvas background” button to select a background for the canvas. 7) Click the “From Overview” button to view your presentation. You may also want to watch the four videos on the pptPlex home page to learn more about how to use pptPlex. The prototype software seen during the TouchWall demonstration at the Microsoft CEO Summit 2008 was Plex, which was also developed by Office Labs. Authoring pptPlex decks 14.

TooTallNate/node-plist JavaScript Kit- Your comprehensive JavaScript, DHTML, CSS, and Ajax stop Userscripts.org Zooming User Interfaces -- NYU Media Research Lab For the last decade the MRL has lead research efforts in Zooming User Interfaces (ZUIs). These interfaces create an intuitive information landscape - the user moves "further away" to get an overview, or "closer" for more detail, while keeping a sense of orientation and structure that traditional "pop-up" windows and dialogues can't match. Following Ken Perlin's initial "Pad" project (and patent with Prof. Ongoing MRL work in this area includes ZUIs for the web and handheld devices, with uses ranging from complex software controls to authoring and reading structured documents. Zooming Pad Demo Pad Web Navigation Demo Patents PAD patent

Kicksend/mailcheck Tutoriais CSS | HTML | XHTML | Normas do W3C | Tableless | Web Standards | Acessibilidade 50 Places You Can Learn to Code (for Free) Online If you’re curious about learning a programming language then you’re in luck: there’s no shortage of resources for learning how to code online. University-level courses, tutorials, cheat sheets, and coding communities all offer excellent ways to pick up a new language, and maybe even a new job, too. Read on, and you’ll discover 50 great places to learn how to code, for free, online. University Many big names in education including MIT and Stanford offer programming courses, absolutely free. General If you’re just dipping your toes into programming, or you want to find a variety of resources, these sites offer several different ways to learn how to code. Community Learn how to code on these sites with a heavy community influence ready to offer help to newbs. Language Specific Drill down to the language you really want on these sites, offering expansive learning in one or two specific languages.

The rise of Zooming User Interfaces | In usability we trust The first time I ever read anything about Zooming User Interfaces was when I was reading The Humane Interface by Jef Raskin, where he introduced the concept of Zoom World, a whole OS based on a Zooming User Interface (ZUI). Of course this wasn’t my first encounter with this type of user interface since I’ve, among other things, been using Interactive maps like Google Maps. But it was the first time that I started considering a Zooming Interface a viable alternative to the traditional interaction idioms. In this article I will explore some of the Zooming User Interfaces out there today and also take a sneak peak of what’s around the corner. Why Zooming User Interfaces Consider this. The maze in this analogy are applications today, confined inside the constraints of the desktop metaphore. Through the evolution of man we’ve relied on recognizing landmarks as means to find our way around. Are ZUI’s difficult to use or hard to understand? Examples of ZUI’s Prezi Seadragon DeepZoom Mooncake Example

Related: