HTMLTag Archives

Meet my secret weapon…

This developer, Matthew James Taylor, has generously, wonderfully, shared how to do the extremely difficult task of acheiving multi column layouts in multiple variations. I cannot rant enough about him:) The number of times i have used his tips or examples to just nudge me into a solution for a problem of cross browser compatability…countless. IE – i am looking at you, you spawn of evil. All he asks for is a link back, IF you feel like being generous. I feel like falling down to my knees (if i could, so i roll my wheelchair in appreciation instead) and saying i am not worthy. Or just simply saying – thanks, dude. You are an uber geek of the highest spectrum.

“This series of website layouts use percentage widths and relative positioning, and they work with all the common web browsers including Safari on the iPhone and iPod touch. They’re also ‘stackable’ so you can use multiple column types on the one page. This makes the number of possible layouts endless!”

Perfect multi-column CSS liquid layouts

This is what he tests against:

iPhone & iPod Touch

Safari

Mac

Safari
Firefox
Opera 9.25
Netscape 9.0.0.5 & 7.1

Windows

Firefox 1.5, 2 & 3
Safari
Opera 8.1 & 9
Google Chrome
Explorer 5.5, 6 & 7
Netscape 8

The HTML in this layout validates as XHTML 1.0 strict.

timelady

June 20, 2010

Blogging, Internet Technology

0 comments

Cascading Style Sheets, Google Chrome, HTML, iPhone, Mozilla Firefox, Opera Software, Safari (web browser), Web browser

The great leap forward?

: Image via Wikipedia

Are we looking at the next wave of the Web, the new way forward, leading to exciting levels of interactivity heretofore unimaginable, or at least, only able to be semi kludged together? Are we entering a bright new future? Or are we about to clog up bandwidth with Hamster Dance on a whole new scale? Will Rick Astley type memes become even more annoyingly interactive?

The answer is probably yes. Much of the above. A lot more besides – these things always promise much, but the law of unintended consequences does lead to some interesting offshoots – not always good. Especially if it involves hamsters. However, from a coding perspective, I absolutely and enthusiastically embrace it. HTML 5, CSS3 – AJAX by any other name would still smell as sweet. From a consumer perspective, it offers me many interesting options – and some rather disturbing possibilities, questions about location based services and privacy, for one starting point.

“Progressive enhancement. Disconnected offline applications. There is a tension brewing in how we deliver applications on the Web. This isn’t a new tension. It has been around ever since we started to do more than just throw HTML down the pipe for the hypertext document runtime to render.” via Ajaxian » The march to a more client-centric Web; Will the mobile Web, HTML5, and Chrome Web Apps be the tipping point?.

“We’re at the brink of shifts in the way we do things. The monks who have been toiling away on these new pieces of machinery are coming out of the monolith and starting to spread the word to the people.” via The State of HTML5 Apps.