A project I worked on back in September/October went live this week – atlarge.com
A lot has been done to it since my HTML/CSS pages were submited. It’s always cool to see all the lights and bells working when you’ve been working on a flat static page and could only imagine what the working page would look/behave like.
I guess that is how movie stars feel when in a special effects scene and all they can see is a blue/green screen.
The site is designed to help you get connected at the airport. The website is driven by user submited ratings and tips. Whether it be the locations of wifi hotspots, availabilty of 3g/GPRS signal or simply if there is somewhere to charge up your devices.
As it’s only just launched a lot of airports have no ratings/tips yet but you can see it’s potential on airports like London Heathrow (LHR) which has seen some activity.
The reviews appear to be moderated which means your review doesn’t appear immediately but ensures useless comments and spam are kept out.
I like the integration with Google Maps enabling you to see a zoomable map of the airport you are viewing.
I hope someone writes a review of Tabago (Tab) airport before I go there next summer. I’m going to be stuck there for about an hour while I wait for my connecting flight to Trinidad and it would be nice to get online – especially on the return leg when I’ll be uploading my photos to flickr.
powered by performancing firefox
While testing Krugle for my pending review I was able to find a Safari hack that works.
You may already have heard of the Safari Stokely Hack. It’s not as straight forward as most IE hacks but it works on even the latest versions of Safari and can be a real life saver.
View details on the Stormdetector website.
Now IE7 is here hacks have to be more specific in their targeting. Some Beta versions of IE7 ignore * html hacks and some apply them (The final release ignores them).
To be sure which browser will be affected by your styles you can use conditional comments.
e.g.
<!--[if lte IE 6]>
(html for IE 6 or older goes here)
<![endif]–>
This goes into your html not your css file. The version(s) of IE you specify will read the code you enter within the comments while other browsers will ignore it. This means you can link to a seperate style sheet with your IE hacks in and it will not affect other browsers.
Selecting versions to affect:
To affect just one version of a browser (e.g. IE7) simply start your conditional comment with <!–[if IE 7]> replacing 7 with whatever browser version you want to target. If you want to target a range of browsers you can insert an extra word before IE.
- lte – less than or equal to
- lt – less than
Because you have targeted a specific set of IE browsers future releases should be happy viewing your page without the hacks getting in the way.
These conditional comments can be used to hide any other html from non-IE browsers too, such as an IE only feature you may have on your page.
Regular readers may remember a post I made regarding the excellent mikons tool (click here if you missed it).
Well just as the article is about to disappear off the FFE front page they’ve given us a mention – click to view article.
Thanks a lot for the link.
Since my last visit to the site they’ve launched their mikons t-shirt service. Once I’ve made the perfect icon I’m ordering mine and maybe a few stickers. The clever boys and girls have also used Microformats (hatom) on their site – Which reminds me, I’ve got to get myself one of those Microformats T-shirts.
Hello again.
As mentioned in my previous post James Myers the brains behind the Microformats in the new ZDNet contact us page has been interviewed by FFE. The video/screencast and podcast will be on the site this weekend – this time I should hit deadline.
You can watch the video trailer in the following formats:
- Stream with Windows Media Player (WMV)
- Download for PSP/iPod/Quicktime – 3.8mb
(Right+click and “save link/target as..”)
Not in a format you can view? Drop me a comment so I can try to make the final video in the format you want.
Filed under: Awards, Extentions, Newsflash, Plugins, Recommended Sites, Tech news, Tools
If you’re wondering “What on Earth are Microformats?” – where have you been? A quick search on Google returns 11.7million results!
Very brief explanation. For designers it means instead of using random/made-up class names for content you want to style, you use names listed in the Microformat specification. This gives the content you are styling more meaing which can then be read by appropriate software. The class now not only allows you to style that content/element as usual, but also means an application that reads Microformats can “understand” what that content is.
The easiest example to explain is with a contact us page. If Microformat classes are used correctly a Microformat application can differentiate a name, an email address, a telephone number etc. For a user this means when wanting to make a note of someone’s contact details rather than opening up your address book and manually copy and pasting each detail you can click your Microformats button, pick the name you want, view the business card and add it straight to your address book. You could even add all contacts on the page at once. This also works if the information is dispersed through the page such as a biography page containing contact information spread out through the paragraphs, microformats can collate this data into one tidy hcard. This is just one application. Imagine the other posibilities – adding events directly to your calender, XFN relationships, enhanced searches etc.
This is mostly theory at the moment as there are very few websites (Flickr, Technorati, d.construct) that feature this new technique and even fewer applications taking advantage of it (tails, greasemonkey, Safari favelets). However, with the stir being generated about this and the backing it’s receiving it won’t be long before it’s as big as RSS. There is already a Firefox extention called Tails that can read microfomats and Tails export allows you to export the business cards or calendar events (Tails Export is currently only compatible with Firefox 1.5 or older). There are also a few GreaseMonkey Scripts and plugins for IE and Safari.
To see the latest news on which websites or applications make use of Microformats check out the official Microformats.org
website. Microformats are actually a more advanced than I’ve explained here, read more at the official site to get the full picture.
This brings me to the topic of this post – Microformats on ZDNet. If you have the Tails Firefox extention or another application that reads Microformats visit the ZDNet.co.uk contact us page to see Microformats at work. To avoid spammers harvesting email addresses individual contact email addresses are not shown, instead the instruction to use firstname.surname@domain.com is given. However, if you are using a Microformats reader the business card generated still presents the correct email address for each contact. The embedded Microformats was developed by James Myers (a CNET Networks Producer) and myself. James Myers has been interviewed on the subject which will appear on the site as a podcast and video shortly.
This is another example of ZDNet being leader in new technologies. For this reason I am very pleased to present ZDNet.co.uk with the very first FFE (From the Front End) Award. Congratulations to the ZDNet design team on the FFE Award for Best use of new technology on a Business Website. You can view all awards presented by FFE on the Awards page. Three more Awards were given out during the Podcast with Reinette “Ray” De Silva which was recorded last week. James Myers also modestly awarded another site an Award for best use of Microformats in his interview. These will be added to the award page when the Podcast goes live.
If you need any help viewing microformats in your Firefox, IE or Safari please post a comment and I’ll try and help out if I can. Please include your browser name and version.
Filed under: Newsflash
Hi,
Following my break away in Spain (more on that later) there has been a pile of news backed up which will be released as fast as I can possibly type on my shiny new Logitech MX5000 Keyboard (Thanks for the Anniversary Gift Ania).
Upcoming Articles
Interviews
Reinette DeVillers – The Beauty of Design (available formats- Video: Flash, wmv, mp4; Podcast: mp3 Text: Abridged, full transcript)James Myers – Microformats (available formats- Video: Flash, wmv, mp4; Podcast: mp3 Text: Abridged)
Articles
Microformats – explanation and highlight of 1-2 sites that have newly implemented it
Review
Krugle.com – The designers search engine.
I know I promised the podcast interview with Reinette De Villers today but I’m afraid editing is not finished. To wet your appetite I’ve uploaded a small trailer. Click the image to view a short video clip (requires Flash).
The complete interview will be available after I return from Spain along with the accompanying podcast audio and text dialogue.
Thank you for your patience.
=David Long=
Seems every tech blog in the land has picked up on the hot release of the week – Firefox 2.0. I heard a lot of good things about it while still in Beta and I finally got round to giving it a spin today.
IE7 also saw a new release this week but got a lot less attention/praise (unless you work for Microsoft) as it didn’t offer much extra compared to RC1 which I already had installed. Opera’s latest release has impressed as it’s the first browser to pass the Acid2 test.
So is FF2.0 worth the download. Well if you haven’t got Firefox at all it’s an obvious yes. Once you’ve tried Firefox for a couple of weeks you’ll find it a frustrating experience to try and browse the web with anything less. However, I am sure I’m preaching to the converted so I’ll focus on What’s New in 2.0.
Firstly upgrading was a doddle. I was concerned about loosing settings or my favorite extentions but most of my favourite settings and extentions are now built in to Firefox as standard. Most of the other custom extentions were updated during the beta so it was a simple matter of running the update for them when prompted asI opened FF2.0 for the first time.
Improved Tabbed Browsing
Tabbed browsing was one the best features Forefox had to offer when it came out. Since then it has caught on in a big way. I typically have 10 or more tabs open at a time so this new release has enhanced the tabs further for me. Now each tab has it’s own close button instead of having to view the tab and click close at the end of the tab row (you can of course still middle-click to close but handy for when I’m in an internet café with a no/broken middle button/scroll wheel)
Remember cursing when you accidently closed the wrong tab. Now the new History menu option allows you to restore recently closed tabs. Not only is the tab restored but any text you were filling in forms. A life saver when you close you blog page without saving. This often happened when I had been working with a large number of tabs and couldn’t see enough of the title to see which tab was which. Now FF2.0 has a handy button at the end of the tab row (where the close button used to be) which when clicked shows a drop-down list of all the open tabs with their favicon and title.
Improved RSS support
Viewing the xml RSS feed was always difficult to read in fact I never bothered. Just copied the url for whatever purpose I needed the feed for. Now when you view a feed page Firefox styles the xml for you so there are legible titles, text, and links. At the top of the page it also gives you the option to create a live bookmark for the page or add the feed to bloglines, google reader or Yahoo. It also gives you the option of other so you can use you favourite reader if not already listed.
Faster Browsing
One thing that will benefit all users regardless of whether they are a power user or not is that Firefox 2.0 is less resource hungry and is actually faster. Faster to open, faster to open tabs and even load pages in cases. Despite the improvement you can tweak things further. Firefox prefetches pages by following links on a page before you click them. If you click the link the page loads very quickly as it’s already downloaded, however, if you don’t click a link to a page it’s prefetched for you it’s wasted bandwidth and cpu cycles. If you ISP has a bandwidth cap or you want to reduce the load on your cpu then you can disable this feature. You can also cap the amount of ram ff uses. See the about:config section below for more info.
More Customiseable
Firefox was already highly customiseable. With the huge selection of themes, settings and extentions already available in FF1.5 no two people seemed to have the same looking and functioning Firefox. Version 2.0 takes it further with enough tweakable elements to please even the most fussy. See some examples in the about:config section below.
Session Restore
I loved the session restore extention and now this is built in to 2.0. When you close/crash Firefox you don’t lose all the pages you were viewing. Re-open the browser and everything is restored the way you left it, even half completed forms. To turn this feature on choose Tools > Options > under Main tab there is the option – When Firefox Starts: – choose Show my Windows and Tabs from the last time.
Intergrated Spell Checker
I believe this was in version 1.5 but I didn’t notice or use it until 2.0. Now you can set it to spell check single line form fields aswell as large text areas.
Better intergration with Search engines
In previous versions of Firefox you could add search engines to the top right window of your browser but this has now been improved. FireFox now detects if a page has a search facility and gives you the option to add it to your list of search tools. It also adds ajax powered search like Google Suggest. This means as you type it will suggest search terms using a combination of your past search entries (i.e. autocomplete) and using AJAX to search the search engines results/database.
about: config
By typing about:config into your address bar you can view a huge list of tweakable elements within Firefox. Rather than me explain away each feature check out some highlights on lifehacker.com
A more detailed item by item describtion can be found on MozillaZine.
So what are you waiting for? Get FireFox 2.0 now!
Today saw the launch of ZDNet.co.uk’s re-design. ZDNet was already one of the leading Technology News and reviews websites but this update makes it potentially the best by quite a margin.
There are many many new or improved features but what stands out for me are:
1) The first and most noticeable difference is the new look. Gone are days when a large percentatge of users were using 800×600 displays on a dial up modem. The new wider format site makes better use of the space available on the higher resolution displays. Allowing more content and less scrolling. There is also more video content. The new design really takes advantage of what the technology the modern user has access to. It’s also cleaner fresher look making it easier to read and navigate.
2) Cutting Edge community features. The user involvement in the site is one of the best improvements. Built in-house the content management system allows for more user interaction and community tools than any other UK business site. Write a profile, create and maintain a blog. Clip any article and it is made a bookmark in your account area for easy reference and viewers of your profile to see. Comment on other user’s blogs, create a review on any article or product feature. There are also forums and many other features. The beauty of it is the way it all seems to link together in an intuative way.
There is also enhanced search and many other features to play with. Check out my user profile here.
There’s lots to play with but of course the core of what made ZDNet so good to start with is still there – the excellent editorial and Whitepages.
Check out the homepage or take a tour.
