Archive for 'Mobile Safari'

iphone-universal for webdev

And now for the non-native community, here’s the CSS3/HTML iphone-universal at Google Code for your iPhone Web UI developing goodness:

This is my personal project, dedicated to anyone who wants to develop web applications for the iPhone. It all began when Apple launched a few examples of iPhone UI made with CSS and HTML examples which I found them mediocre and incomplete.

This toolkit has lot of well coded, standarized HTML, CSS3 based, iPhone UI examples. Every example was made aiming to get the same pixel quality look of the standard iPhone compiled apps. You will find examples of normal lists, forms, and other UI godness and, for the delight of all, this project is licensed under GPL3.

Initial reaction to the announcement appears favorable,

I just played around with the framework, and I think it looks fantastic! I’ve been developing an iPhone site with the iUI toolkit, but at first glance, iphone-universal’s code looks *much* cleaner and easier to understand (and iUI is pretty simple…). 

so check it out for your next iPhone web app!

h/t: iPhoneWebDev!


Continue Reading →

Embedded Web Fonts

Here’s a useful resource for all of you Web designers out there interested in taking advantage of CSS3 embedded webfonts — the wiki! A particularly good reason to bookmark it would be the list of fonts available for the specific purpose of @font-face embedding, always good to keep on the right side of the law.

For those of you who haven’t bothered looking into this design feature since it only works on WebKit platforms, perhaps it’s time to take a gander: it’s rumoured that Firefox 3 release supports them as well. If you’re reading this in the ‘fox, check here to see if that’s true for you. If that rumour is indeed so, that would leave Internet Explorer users as the only ones you’re not addressing. And, seriously, who cares what they think? If they deserved a decent typographic experience, they’d have already ditched their browser at least and more likely the whole OS long ago!

Continue Reading →

Sproutcore Grows!

So, if you’ve been following the last few posts, you’ve no doubt got the idea that SproutCore is intended to fulfill the destiny of the YellowBox APIs in bringing Mac development to the rest of the world. Here’s a supporting link to demonstrate that emerging realization:

Apple formally adopted a new web design framework at the end of last week’s WWDC conference, accounts say … The technology is in fact said to form a key component of its MobileMe service, allowing basic online apps that function across multiple platforms. This may eventually expand to more complex programs, however, including iWork software that would substitute for local copies. It is speculated that third-party companies may be invited to build their own MobileMe apps, whether as a default part of the service, or for a separate fee.

Interesting, no?

h/t: MacNN!

Continue Reading →

WWDC Reflections

So, after going through WWDC this year, it’s quite clear that my wild speculations that “Snow Leopard” might actually refer to the return of Yellow Box for Windows were completely wrong. Moreover, it’s pretty much certain that there will never ever be a Yellow Box in its historical form as a Windows-hosted runtime, for a variety of reasons.

However, we weren’t completely nonsensical in our thinking; it looks like we did, in our fumbling way, correctly identify Apple’s interests and goals — we just weren’t thinking outside the box enough in figuring that the resurrection of Yellow Box was the way Apple would choose to achieve them.

Unfortunately, the direct evidence that we have to support this new thinking is all under NDA, although most of it can be pieced together from publicly available tidbits; however, the basic reasoning can all be found in the latest piece up at the always-invaluable RoughlyDrafted Magazine. Money quotes:

Instead, Apple is refining Cocoa for deployment within the web browser to enable developers to build those so called “Rich Internet Applications” that Adobe wants users to build in Flash/Flex/AIR, Microsoft in Silverlight, Sun in Java, and so on…

If you were waiting for the resurrection of Yellow Box or Cocoa for Windows, stop waiting and start coding. SproutCore brings the values of Leopard’s Cocoa to the web, domesticating JavaScript into a functional application platform with lots of free built-in support for desktop features…

Yep … I think Messr. Dilger is pretty much spot on with his various prognostications and recommendations in this article, and when I casually dismissed the idea that MobileMe was the Big Unexpected Thing™ I’d heard hints would be announced, I was completely overlooking the possibility (and most people still are!) that it wasn’t just a rebranding of the .mac web services, it actually does presage a fundamental shift in the capabilities of cloud computing paired with a blurring of the line between native and web applications.

The next couple of years are going to be very interesting indeed!

Continue Reading →


What is a “squirrelfish”? Why, this is a squirrelfish!

I’m sure there must be an interesting story as to where that came from, but “SquirrelFish” is the code name of the new WebKit JavaScript interpreter that was just announced. A 1.6 performance improvement over WebKit 3.1, they claim, and over four-fold from WebKit 3.0. And, no doubt, whatever performance improvements are in the WebKit nightlies now will make it to the iPhone sooner or later … and probably sooner.

There’s a good bit of background info in the announcement post which is probably worth reading if you’re the sort that has any more interest in interpreter implementation than the absolute minimum you could squeeze through your required degree courses without avoiding. And even if you are one of those sorts, there’s some pointers to contemporary introductory material that’s probably worth a gander just for general breadth of knowledge. So here’s the money quotes there:

SquirrelFish is a register-based, direct-threaded, high-level bytecode engine, with a sliding register window calling convention. It lazily generates bytecodes from a syntax tree, using a simple one-pass compiler with built-in copy propagation.

SquirrelFish owes a lot of its design to some of the latest research in the field of efficient virtual machines, including research done by Professor M. Anton Ertl, et al, Professor David Gregg, et al, and the developers of the Lua programming language.

Some great introductory reading on these topics includes:

Read and enjoy!

Continue Reading →


Now this is interesting: Google is now providing a CDN service for certain JavaScript libraries, called ”Google Ajax Libraries API.” So now instead of dealing with libraries yourself, you can just have Google

  • Manage the hosting, caching, and versioning/bugfixes
  • Serve up a minified version, if one is officially supported
  • Serve the same version to anyone else using it

So that’s helpful to anyone writing web pages by reducing code management hassle, but on the bandwidth-limited iPhone browsing over cell networks (3G or not) that last one is a really compelling reason to get on board, since sharing caching with any other page that happens to use that library as well is going to make the user’s experience noticeably better no doubt. Here’s the list of libraries they support right off:

I’d say that narrows right down the list of AJAX libraries we’re even going to consider learning!

h/t: Slashdot!

Continue Reading →

Google DocType

Here’s a new resource for web developers of all flavours: Google DocType:

Google Doctype is an open encyclopedia and reference library. Written by web developers, for web developers. It includes articles on web security, JavaScript DOM manipulation, CSS tips and tricks, and more. The reference section includes a growing library of test cases for checking cross-browser and cross-platform compatibility.

h/t: Google Code Blog!

Continue Reading →

Compleat iPhone icons

The folks over at have applied their stereotypically Teutonic thoroughgoing industriousness –

…our designer Magnus at studio adhoc (Berlin, Germany) gets frustrated. After some trials he wrote me “Now I like to know exactly what is happening within that damned iPhone” and generated some test cards: 57 x 57 (ouch), 58 x 58 (argh), 59 x 59 (no, no), 60 x 60 (not bad, but not perfect). After some hours of experimentation he mailed me the perfect dimensions:

– to settling once and for all how to make pixel-exact iPhone icons with no blurs, crops or scaling of your crisp, clean creations.

They even provide a .psd template, which we’ll mirror for you here in case it goes away; full instructions and details can be found in their post.

h/t: BraveNewCode!

Continue Reading →


Starting to get crowded in the iPhone Web space, folks; today we have Yet Another IPhone UI Libary for your attention, CNET iPhone UI aka “CiUI” which is being used on CNET’s iPhone page. The release notes tell us that

It’s been greatly inspired by iUI with a few key differences:

1. AJAX calls are performed after a page slides
2. DOM doesn’t get overloaded with “pages” as they load. Instead, two DIVs are constantly being reused
3. Page titles are set on the source page, not on the destination page
4. Only specified “a” tags are assumed a part of the UI

The project is on Google Code; share and enjoy!

h/t: iPhoneWebDev!

Continue Reading →

WebApp.Net: iPhone Micro Framework

Freshly released today for all you iPhone-friendly web designers out there:, a micro-framework to let you quickly make iPhone-styled pages. Check out the demo here, or its first professional deployment at the iPhone version of the French investment website. Here’s the announced feature list:

  • Automatically handled navigation and header title
  • Compatibility with browser navigation buttons
  • Easy to use and fully integrated AJAX technology usable also with forms
  • Easy quicktime media integration
  • Custom form elements (toggle button, …)
  • Custom events to catch slide effect, rotation, AJAX errors, etc…
  • Ready to use advanced CSS for common iPhone/iPod Touch elements
  • Per layer bookmarks (see advanced features)
  • Search engine compliance (see advanced features)
  • Desktop version of Safari and Firefox compatibility for easy debugging
  • h/t: safari-iphone-web-dev!

    Continue Reading →
    Page 4 of 6 «...23456