Document Icon
This is a new icon type in iOS 4. It’s used if your app creates a custom document type. The iPad uses the document icon in two different sizes.
320x320 (iPad)
64x64 (iPad)
44x58 (iPhone 4)
22x29 (older iPhones)
“Do I really have to make two versions of my images? If I make a single high-resolution set, won’t iOS 4 scale them down on older devices?” Sorry, no, not automatically. While iOS 4 goes seamlessly in the other direction (scaling up low-res images for iPhone 4), it doesn’t work the other way. By default, it scales all images so that one pixel equals one point. That’s a great solution for making sure that old apps work correctly on the new phone, but it doesn’t help you go the other way ‘round.
Everything they say about it is true: at 320 ppi, the pixels are just plain invisible.
Something this app has over air display :
Seems you can have a virtual keyboard for typing texts and also play audio and stream video which the air display cannot do from my understanding from Tamas
Well,
that was quick. Right after yesterday's surprising announcement,
Sony flew its yet-to-be-released NEX-VG10 camcorder into London just in time for
today's showcase event. Naturally, we had to get our hands on this shiny baby,
and boy we were impressed. In case you missed the news, this snazzy device is
the world's first consumer HandyCam with interchangeable lens, meaning you can
share E-mount lenses with your young NEX DSLRs, or take advantage of
the abundant A-mount lenses with the help of an adapter (which will cost you
extra, mind you). Likewise, there are also hot and cold shoe mounts on the mic
shaft to cater your current camera accessories. Read on for our thoughts on the
rest of the camcorder -- we've put together a little sample clip for you at the
end as well.
There
isn't much to complain about with this $2,000 (and, sadly, possibly £2,000 for
the Brits) piece of kit in terms of appearance and ergonomics. We like being
able to hold it by either the seemingly solid body (using the strap) or the mic
shaft, and both ways provided comfortable grip without much fatigue due to the
light weight (even with the bundled lens). We were also able to quickly master
the jog-dial control next to the 3-inch screen, but for this price, we expected
a touchscreen interface as well to make life easier. As for the bundled F3.5-6.3
18-200mm lens, we found that zooming required a bit more effort than we liked,
so thankfully there's auto focus mode -- just like any ordinary camcorder -- to
save us from further wrist work with the focus ring. We must also point out that
unlike the Olympus PEN,
this Sony camcorder didn't pick up any mechanical noise from its lens auto
focussing; otherwise, this kit totally wouldn't deserve such price tag.
Of
course, what we really care about is the picture and sound quality. All is
revealed in our sample reel below (remember to enable HD playback mode), but in
brief: stunningly accurate colors, sharp 1080/60i picture, and impressive audio
sensitivity (notice how the mic was able to pick up conversations from afar; you
can also enable just the front mics to minimise background noise). You may
notice some shakiness while we were adjusting the lens -- we'll blame it on our
lack of practice from the little hands-on time we had. Regardless, the NEX-VG10
certainly lived up to our expectation, and we look forward to hear what the
filming hobbyists think of this prosumer-level camcorder when it comes out in
September.
Update: commenter
aim120 dropped us a link to Sony's own sample clip. Enjoy!
A wonderful gamification example that makes use of Google Maps by getting you to guess the place where a randomly displayed photo (from Google Maps' StreetView) is displayed.
The iPad has a bigger screen, and so it has a bigger resolution. With the iPhone 4, however, Apple did something different: they increased the resolution without changing the physical size of the screen. This makes for a higher pixel density, pixels are smaller and more tightly packed. In one square inch of the iPhone 4’s screen there are around 106 thousand pixels (at 326 PPI, or Pixels per Inch), while the older models have only about 26 thousand (at 163 PPI) in an inch – 4 times less! This makes graphics on the screen seem like continuous lines, because your eye can’t see the individual pixels. Apple calls this technology the “Retina Display” because they claim the human eye (the retina) can’t physically see the pixels at this resolution.
Using Two Images
The official way of adding high-resolution support to your application is by having two versions of each image, one in “regular” resolution and one in double resolution. Whenever your application is viewed on the Retina Display, the larger image will be loaded automatically. This method allows for full and precise control of how your application will look in each case, and is very easy to apply to your existing applications.
The full size image file should be named however you want, such as “Button.png”. Use this image name in your code and Interface Builder wherever you want to reference the image. The double-size image should be twice the size of its matching smaller image and named exactly the same with “@2x” appended to the name. In our example, we would name it “Button@2x.png”.
Unfortunately, this technique will not work on the iPad; a pixel-doubled application will not load the higher resolution resource. This will probably be addressed in the future iOS 4 update which is scheduled to come to iPad this fall.
Speaker Deck allows you to upload your PDFs and have them displayed as slideshows. Speaker Deck will divide and format your PDF for optimal display. Unlike a lot of other services Speaker Deck doesn't appear to have a voice-over capability, but if you're just looking to share slides, Speaker Deck's clean and simple interface offers what most people need.
I was developing a game for webpp, looks fine on iphone3gs but rather fussy on iphone4. This is a hack or get around to make your webapp display high res graphic on iphone4 and ipad.
Augmented reality, or the blending of the real world with computer graphics on the fly, is one of the most exciting fields in tech right now
Zugara, an interactive marketing agency, has built something a bit more practical for the time being. It’s put together the Webcam Social Shopper, offering a way to help you try on clothes online from the comfort of your bedroom.
t lets you overlay a static image on top of your body and pretend you’re wearing it. Which is sort of a start.
Zugara is also trying to weave a social element into the application, offering examples of sharing outfit choices over Facebook or allowing friends to help choose outfits in real time, which could turn out to be the app’s real strength.
The problem is amplified when saving for Retina, where there’s twice as many images, and the 1× images must match the 2× images precisely.
The best solution I’ve come up with so far is:
Build your design at 1×.
Use copy merged to save all the 1× images.
Duplicate the entire folder containing the 1× images.
Use Automator to add @2x to all the filenames.
Open each @2x image and run the Scale by 200% Photoshop action. This gives you a file with the correct filename and size, but upscaled content.
Scale your main Photoshop design document by 200%.
Use copy merged to paste the higher quality elements into each @2x document, turn off the lower quality layer, then save for web, overwriting the file.
wireWax is a new service (still in beta) that takes the concept of YouTube annotations and makes it much better. On wireWax you can build interactive tags into your videos. Each tag that you add to your video have another video from YouTube or Vimeo or an image from Facebook, Flickr, or Instagram. A tag can also include an audio track from SoundCloud or a reference article from Qwiki.
What makes using wireWax different from using the YouTube annotations tool is that clicking on your tags (what YouTube calls annotations) does not send you outside of the video you're currently watching. This means that you can watch a video within a video or view a picture or listen to a different audio track within the original video. When you click a tag in the original video the video pauses and the tagged item is displayed.
VIB is a life sciences research institute, based in Flanders, Belgium. They perform basic research with a strong focus on translating scientific results into pharmaceutical, agricultural and industrial applications. For their fifteenth anniversary, we did the entire event branding, for which we used only chalk and a huge blackboard. For this event we also designed a box with nine books in it. For the books only we made more then 200 large chalk drawings.
Branding for a life science research institute! Great layout, typography and especially the mediums used, emulating blackboard and using chalk to manually draw graphics of atoms & science related objects! Even guerilla campaigns around the compound of the venue of the conference talk! There are also wall displays & installations!
1- Easel.ly
This is a great tool that allows users to create visually rich infographics from pre-designed themes. It is very easy to use and only drag and drop. It actually supports Chrome, Firefox, and Safari.
Create visually creative info-graphics in classrooms. Great for educators or anyone who wishes to display visually attractive information that doesn't bore the audience. There's eight to choose from. My favourite to use is Easel.ly.
Although Second Life's finances seem to be in the black (it is a
We're already on the cusp of a fully-immersive 3D experience that could go mainstream. Microsoft's Kinect peripheral for its gaming console, for example, allows gamers to control their onscreen characters with body movements captured by 3D cameras. Sony's PlayStation Home offers a sharp, high-definition virtual world. Maybe these companies could teach Linden Labs a thing or two about advancing the technology and vision behind Second Life.
The learning curve for Second Life is also steep, no thanks to its cumbersome user interface. Even a mildly proficient Internet user might be put off.
A revolution in Flash game production. An amazing new way for man to interface with machine. The beginning of a new tomorrow. Never before has the world witnessed such a collection of AS3 files. We put it all in the new flixel 2. Groups to help organize game objects, quad trees for faster, more accurate collisions, a cleaner API, plus all the old flixel classics: animated sprites, tilemaps, and particle emitters. Most importantly, flixel is still completely free for personal or commercial use
Display Hundreds of Objects at Once
Create Tilemaps from Text Files or Images
Generate and Emit Particles for Hot Effects
Play Positional, Streaming, Looping Sounds
Scroll Objects or Groups in Parallax
Text Display, Buttons and Mouse Cursors
Save Games, Math Utiltities and Collisions
Pure ActionScript 3 is Fun and Free!
designing for a mobile device can lead to a solution that is worlds different than its desktop equivalent.
Context of Use
Users have a very specific need and desire to accomplish their goal in the easiest and fastest way possible. This fact alone helps explain why mobile interfaces are designed the way they are
Feature sets are optimized to streamline common use cases
Use typography to show hierarchy and importance
Features are progressively displayed
Large buttons are used to make interactions actionable
Designing with awareness to context will yield a more atomic design that instead of introducing users to a proverbial blank canvas, will guide them toward accomplishing important tasks. Having to deal with slow data speeds, high network latency, smaller screens, and an unpredictable mode of use only reinforce the need to isolate an application’s essential features and offer access to them when contextually appropriate.
Next time you design an interface for a mobile device, remember to consider context of use and context of the medium as part of your design strategy.
Dealing with phone numbers and other mobile friendly data
Displaying information on a smaller screen
Not using a cursor
Device speed and network latency
Context of the medium
To design an experience that can gracefully coexist with others tools, one needs to understand what kind of media can be processed by specific mobile internet browsers, and when onboard applications are launched.
need to find out hows web app can interact with other apps... especially how we can integret that into harmonia and dropbox feature...
Using traditional web development techniques of creating fluid designs that scale horizontally is the fastest way to deploy a single design to many different mobile devices.
While reading for ideas on doing mock up mobile interface, i stumbled this.
very interesting read on designing for usability for mobile devices and why it is not just a scale down version of your actual desktop website.
The specifications for designing for iPhone 4's display.
