1) Add the proper meta tag into the html’s header. This version also locks the scale:

<meta name="viewport" content="width=device-width, initial-scale=1.0, 
maximum-scale=1.0, user-scalable=no">

2) Add references to images where you want them in high-res, retina 2x. Note, the -webkit-background-size is the same as the original

#someDiv {
      background-image: url(images/myImage.png);
      width: 480px;
      height: 140px;
}

// now replace that div's image with the 2x iphone 4 version:
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
       #someDiv { background-image: url(images/myImage@2x.png); 
       -webkit-background-size: 480px 140px; 
       //note: the actual image is 960x280
}

Safari Developer Library Ref

Find them here:

• Corona http://www.anscamobile.com/corona/
• Unity 3D  http://unity3d.com/unity/whats-new/iphone-1.5.1
• Phone Gap: http://phonegap.com/download

http://www.openendedgroup.com/field/

Field is a development environment for experimental code and digital art in the broadest of possible senses. While there are a great many development environments and digital art tools out there today, this one has been constructed with two key principles in mind:

• Embrace and extend — rather than make a personal, private and pristine code utopia, Field tries to bridge to as many libraries, programming languages, and ways of doing things as possible. The world doesn’t necessarily need another programming language or serial port library, nor do we have to pick and choose between data-flow systems, graphical user interfaces or purely textual programming — we can have it all in the right environment and we can both leverage the work of others and take control of our own tools and methods.

• Live code makes anything possible — Field tries to replace as many “features” with editable code as it can. Its programming language of choice is Python — a world class, highly respected and incredibly flexible language. As such, Field is intensely customizable, with the glue between interface objects and data modifiable inside Field itself. Field takes seriously the idea that its user — you — are a programmer / artist doing serious work and that you should be able to reconfigure your tools to suit your domain and style as closely as possible.

While the standard isn’t yet finished, Apple is already using HTML 5 as an important component in the company’s strategies, ranging from the iPod touch and iPhone’s mobile browser to Safari on the Mac and PC, from Dashboard widgets to new iTunes LP content, and from MobileMe apps to the latest iTunes Store.

Why HTML 5

& – bitwise and
| – bitwise or
^ – bitwise xor
~ – bitwise not
<< – bitwise shift right
>> – bitwise shift left

fun here: http://www.catonmat.net/blog/low-level-bit-hacks-you-absolutely-must-know/

Forget papervision (and it’s processor hogging code)

O3D is an open-source web API for creating rich, interactive 3D applications in the browser. This API is shared at an early stage as part of a conversation with the broader developer community about establishing an open web standard for 3D graphics.

Malo is ultra small css library for building web sites. It is meant to be structural base for small or medium web sites.Malo derives from it’s bigger brother Emastic CSS Framework.

Why should you use Malo?

Because it’s:

Ultra small (compressed is 0,25 kb or 8 lines of CSS! )
Personalized width of the page in (%, px, em)
Super flexible.
Easy to use.
How Malo works?
Malo is based on the principle that every column can be divided into two, three, four and five parts.

Codename “Cocomo” is a Platform as a Service that allows Flex developers to easily add real-time social capabilities into their RIA (rich Internet applications). Comprised of both Flex-based client components and a hosted services infrastructure, Cocomo allows you to build real-time, multi-user applications with Flex in less time than ever before. And because Acrobat.com hosts the service, issues like deployment, maintenance, and scalability are taken care of for you.

Add social features to your existing Flex apps or build totally new ones, such as real-time productivity/collaboration apps, multiplayer games, and audio/video chat.

Features of the Cocomo beta include the following:

• VoIP Audio
• Webcam Video
• Chat
• Multi-User Whiteboards
• Real-Time File Sharing
• User Management
• Roles and Permissions
• Robust Data Messaging

I love processing, and now its 1.0:

The Processing project today announced the immediate availability of the Processing 1.0 product family, the highly anticipated release of industry-leading design and development software for virtually every creative workflow. Delivering radical breakthroughs in workflow efficiency – and packed with hundreds of innovative, time-saving features – the new Processing 1.0 product line advances the creative process across print, Web, interactive, film, video and mobile.

http://processing.org ]]> http://davidehlers.com/2008/11/processing/feed/ 0 http://davidehlers.com/2008/08/yui-library-3/ http://davidehlers.com/2008/08/yui-library-3/#comments Sat, 23 Aug 2008 15:26:15 +0000 David Ehlers http://davidehlers.com/?p=94 Yahoo has released a pr1 of their revised YUI Library.

The YUI team is pleased to announce YUI 3.0 Preview Release 1. This preview is an early look at what we’re working on for the next generation of YUI Library. Pleasereview the API, play with the examples, and read the documentation on this site for details; download YUI 3.0 PR1 on the YUI project area on SourceForge; you can find us with questions or comments on the YUI 3.x discussion group.

This YUI 3.x is part of the broader YUI Library project, which is a coherent collection of JavaScript and CSS resources that make it easier to build richly interactive applications in web browsers. They have been released as open source under aBSD license and are free for all uses.