Website Design and Development in Ipswich, Suffolk - Rubious

Archive for the ‘Browsers’ Category

How the Apple iPad will affect the way we make websites

Wednesday, February 3rd, 2010

Last week Steve Jobs announced the impending release of the Apple iPad. The 9.7 inch touchscreen display will make it a marvellous new way to browse the web. But does this make any difference to the way we make websites?

With their hugely popular iPhone and iPod touch, Apple has transformed the way people see smart phones. Even if you do not own an Apple device, many similar devices (e.g. The Palm Pre, Android, future BlackBerry devices) use the same core technologies to browse the web (a browser called WebKit, on which Safari is based). Where Apple leads, others follow, and you can expect more news on tablet computing devices to spring up from other companies. Now is the time to make sure you are ready for this big shift in browsing the web.

If the iPad takes off and becomes a big player in the handheld computing market, then there are a few things you will need to take into consideration when getting your website designed:

It’s a big iPod touch, but it runs the full web

Unlike the iPhone and iPod touch, the iPad is not intended to run mobile-optimised sites. With its 1024×768 resolution, the iPad is fully capable of displaying full web pages. Along with its ability to zoom in with multitouch gestures, there will be no need to scale your website down at all.

All of the websites designed by Rubious are designed to be displayed at a minimum of 1024×768 resolution, so we already have the right workflow to accommodate the iPad’s screen.

One consideration which is worth thinking about is the iPad’s lack of any “mouse hover” . Many websites are designed with drop-down menus which require the user to hover their mouse over the item in order to see the entire list. These will not work on the iPad, as there is no way to “hover” on a touch screen.

The iPad does not support Flash

The debate over whether this is a waste of an opportunity or a huge success for open web standards is rife on the internet, although our opinion is that this is fantastic news. With Flash not being very accessible, search-engine friendly or efficient, we have never been big proponents of it, and have limited our usage of Flash to simple website animations and video. With the iPad using the Safari browser, which is one of the world’s most advanced browsers and has support for great javascript animations and HTML5 video, the need to use Flash on your website will be greatly reduced.

What this means is that anybody with an all-Flash website needs to seriously consider making an HTML alternative site. This should already have been done for accessibility reasons, and because the iPhone and iPod touch do not support Flash either, but if the iPad becomes popular your website could soon get left behind.

It also means that anybody who is in the market for a new website should choose not to rely heavily on Flash, and to try and future proof their site with technologies such as HTML5 video.

The iPad uses the Safari browser and Mail app

These are the browser and mail client of choice at Rubious, and so we are very familiar with them. All our websites look great in Safari, and our email marketing is perfect for Mail.

If your web designer does not use a Mac, they might not be familiar with these applications and so they may have never tested how your site looks and functions in Safari. Now is the time to make those checks. If needed, you can download Safari for Windows but nothing beats the experience of running it on a Mac.

Conclusion

This is an exciting time for website developers as more people will gain a handheld web browser the web will continue to grow and become even more of an important part in people’s lives. If you want to know how your website will fair come March when the iPad is released, contact Rubious for some advice.

True fonts on the web: what @font-face means for web design

Wednesday, July 1st, 2009

logo-wordmark-version-vertical-preview

At last, a new feature is available on two major web browsers which gives typographic freedom to designers. If you are using Safari 4 or the new Firefox 3.5, you can now view fonts specified by the web designer — even if they are not installed on your system.

The web was initially created to share technical papers amongst scientists across the globe. Formatting these papers was a simple matter: hypertext documents were created to contain simple text with links and references.

But now designers want more control over these documents. We want the web to be beautiful. And the latest browsers include fantastic new ways to beautify the web: opacity, rounded corners, text-shadows, drop-shadows, and now true fonts.

Take a look at a magazine, brochure or leaflet that you have nearby. Imagine if the designers of this leaflet were limited to just a handful of fonts, all of which are used on every other piece of published material. No way to innovate and impress the readers with beautiful typography. This is how the web has been since its inception.

Sure, there have been work-arounds to try to include fonts such as replacing text with images or with flash. But these are often slow to load, not standards compliant, or have drawbacks such as not being able to copy the text or show it in different sizes. The browsers have been holding back the web but that is all over with the latest release of Safari 4 and Firefox 3.5.

Click the links below for some great examples of beautiful typography. Please note that you must be using a modern browser to view these pages in the intended format: you can download Safari 4 or Firefox 3.5 for free, and dramatically improve your experience on the web.

Here at Spring Bud we will design our websites with @font-face in mind.
Contact us for advice on how to add some style to your website.

Links:

Safari 4 beta released

Tuesday, February 24th, 2009

safariToday Apple released a new beta version of their browser, Safari. This release is for Mac and Windows.

The new browser features:

  • Cover Flow — You can browse through your site history or bookmarks the same way you browse album covers in iTunes
  • Top Sites — look at renderings of your favorite sites, and open any one of them with a single click
  • Full History Search — A clever way to visit sites you have been to in the past. You can type a word or phrase into the history search field and you’ll get a cover flow view of sites that match your criteria
  • Nitro Engine — Apple claims JavaScript now executes 30 times faster than IE7 and 3 times faster than Firefox
  • Tabs on Top — Allows Safari to have multiple pages open at the same time in a single browser window, and to switch back and forth with a click. This is very similar to Google Chrome. The new Safari beta gives you more room at the top of the screen when in tabbed mode.
  • Windows Native Look and Feel — The Windows Safari 4 beta more closely matches the look of other Windows applications and gives access to standard Windows fonts; Apple claims the same performance boost on Windows as in the Mac version

Other features include Full Page Zoom, a ’smart’ address field, a ’smart’ search field, and more robust phishing and malware protection.

Visit Safari on the Apple website | More information on upgrading your browser.