safari · MaisonBisson

An Interesting Insight Into Mobile Safari On iOS

A post in a Y Combinator discussion thread: Mobile Safari parses websites as a big canvas and then pretends the screen is a window through which you’re looking at the canvas. What you think of as scrolling, the browser thinks of as moving the canvas around (or the window depending on point of view). Because […] » about 100 words

Clearing The Browser Cache On iPad

Apple’s knowledge base article on it could be as simple as the following screenshot: Instead, the docs say something like: go to Settings, click the Safari tab, click the big clear cache button, duh. » about 100 words

Better XML/JSON Display In Safari

I’m one of the few people who loves Safari, but I was happy to admit that it didn’t display XML or JSON very well. Marc Liyanage’s XML View Plugin fixes that.

Step By Step: Turn On The iPhone/iPad’s Web Debugging Console

You can’t view a web page’s source, and you can’t Command+F to search for text on the page, but you sure can get a debugging console to see the errors on the page. Here’s how: Find and open the Settings app Select Safari Scroll down to find the Developer option at the bottom Turn on […] » about 100 words

CSS Transformations in Safari/WebKit (and Chrome too?)

The cool browsers support radius corners, but Safari supports CSS transformations that allow developers to scale, skew, and rotate objects on the page like we’re used to doing in PostScript. And better than that, we can animate those transformations over time — all without any JavaScript.

Fire up Safari or Chrome and mouse over the examples here. The screencast at the top is from the menu on that page. There are, obviously, better uses for these transforms, but it’s easy to see it at work there. Also see this screencast. It shows a rendering error, but it’s a better use of the tech.

Now kick it up a notch with 3d transforms. They only work on the iPhone and iPod touch for now, but they’re quite nifty. See these examples: one, two. Paul Bakaus offers more detail, and Matthew Congrove offers this example of flick navigation.

iPhone apps = web apps; web apps = iPhone apps

WWDC: Safari for windows!?!? Leopard looks sweet, but delayed ’till October. iPhone apps = web apps.

Menu