Recently the Opera Development Center has dived head first to the complexities of CSS3:target option, along with a tutorial which shows an example of how :target option couls be used in order to trigger fades and animations without using any special JavaScripts which is quite interesting.

The end result is a sliding series of animated transitions which moves and fades in and out as you click menu links. All this is done with pure CSS without a single line of JavaScript used.

But of course it has a catch – This example works only on Opera Browser…!!

The biggest issue with the :target option is that a problem in WebKit prevents it from functioning on Chrome and Safari web browsers. The opera tutorial has a solution to this with a media query that unfortunately applies to Gecko, so the example really works only in Opera.

While that is more than enough to stop the majority of developers from using:target, this tutorial is nevertheless a good glimpse of what will be happening in the very near future. Bu the good thing about :target is that it really forces you to put more attention to the hierarchy of you HTMl code and for that alone operas tutorial is well worth reading.

At Extreme web, we use modern HTML and CSS standards to develop websites which are cross browser compatible, If you need your website to be designed by well experienced web designers, contact us at extreme web designers sri lanka 0094 11 5050939 or email us at info@extremewebdesigenrs.com


Developing a website that works well in all web browser isn’t easy, particularly if you’re using newer elements in HTML5. Even among modern, standards-compliant browsers, HTML5 support varies, and figuring out how and when to fall back on other solutions means a lot of cross-browser testing.

Thanks to virtual machines, testing across web browsers has become much easier. But if you’re looking for an even easier way to see what you site looks like in, say, Internet Explorer 6, check out Browserling, a new cross-browser testing tool that embeds any another browser inside your browser.

Browserling relies on Amazon-hosted virtual machines to do the embedding. The result is a real-time, fully interactive look at your site in virtually any Windows web browser, (Yep, it only works in Windows). It’s a step up from other web-based browser tests which just offer screenshots of what your site looks like in other browsers.

Unfortunately, as cool as the concept is, Browserling has a few drawbacks. The worst part of the service is that, for now anyway, you’ll be waiting in the queue for some time. To keep resources under control, Browserling severely limits the number of users connecting to the service at any one time. You’re also limited to how long you can use Browserlings VMs — 90 seconds is all you’ll get without creating an account. If you sign up you’ll have five minutes, which gives you a better chance to check out your website, but is hardly enough time for real testing.

The site advertises paid plans, which promise to let you ditch the queue and time limits, but at the moment the paid option isn’t actually available.

Our other main gripe is that while Internet Explorer is well represented — you can test in versions 5.5 all the way up to IE9 Beta — older versions of other browsers are scarce. While it’s true IE is probably what most developers are interested in, it would be nice to see older versions of Firefox, Safari and Opera supported as well.

While it would be premature to delete your own virtual machines, Browserling has potential. If Browserling can work out the kinks — we experienced numerous errors, crashing VMs and other problems, but it’s probably just getting smothered by hugs — it may eventually help take some of the pain out of cross-browser testing.