ropox.net » Web Design

HTML 5 section is not just a “semantic div”

ropox — Fri, 20 Mar 2009 10:48:12 +0000

Dion Almaer found out from JAmes Graham that we can do more with HTML 5. Read below :

James Graham of Opera has a post about how section is not just a semantic div that argues against the folks that think that we can get by with just div class="section" for example:

HTML 5 introduces new elements like
,
and
for structuring the content in your webpages. They can be employed in many situations where
is used today and should help you make more readable, maintainable, HTML source. But if you just go through your document and blindly replace all the
s with
s you are doing it wrong.

This is not just semantic nit-picking, there is a practical reason to use these elements correctly.

In HTML 5, there is an algorithm for constructing an outline view of documents. This can be used, for example by AT, to help a user navigate through a document. And
and friends are an important part of this algorithm. Each time you nest a
, you increase the outline depth by 1 (in case you are wondering what the advantages of this model are compared to the traditional
-
model, consider a web based feedreader that wants to integrate the document structure of the syndicated content with that of the surrounding site. In HTML 4 this means parsing all the content and renumbering all the headings. In HTML5 the headings end up at the right depth for free).

You can also talk about other items such as the new menu tag that the browser can render with an interesting native menu item.

Google talking about HTML 5 and the Mobile Web The Google Mobile folks talked about the new Gmail Mobile...
Introduce People To The Semantic Web Δεν ξέρω την ελληνική μετάφραση αλλά το semantic web είναι...
how to get rid off the borders on divs how to get rid off the borders on divs css...

IE 8 Launches at MIX09, probably without one of your features

ropox — Fri, 20 Mar 2009 03:29:30 +0000

You may have noticed that day 2 at MIX was IE8 day (compared to the Silverlight 3 day one) in that the puppy launched!

This is good news in that IE 8 is better than IE 7, which is better than IE 6. Maybe, with 6 being two versions back, we have more weight to get rid of the chap. However, even though Microsoft has recently claimed that IE 8 is the fastest browser, its legacy weight still shows for now, and the other browsers are sprinting ahead.

I have a sneaky suspicion that IE 9 is going to be different and a lot better (new team? got the old greats back? or are they on Azure?), but that is wild speculation on my part.

We had a lot of comments on the news today, and one person who will rename anonymous purely because I don’t know if he would like to be attached or not said this:

When you do your IE8 post, don’t forget to toss out a line indicating the writing-mode bug was not fixed. Their only CSS3 feature and they’ve now effectively prevented the entire web for using it for the next x years. Hilariously, they also tried to cover up the bug by marking it fixed and forcing me to open a new one with the same description.

Old

New

I also count two regressions in IE7 compatibility mode that make it different from IE7. Kind of a headache for those counting on sending that header.

So, thanks for the better browser guys, and we can’t wait to see what happens next. Shortly we will have IE 8, Firefox 3.5, Safari 4, Chrome 2, Opera 10, and others….. and the Web will have nicer cars to drive around on it. Let’s build applications that take these cars on a decent joy ride instead of boring them in the slow lane.

YouTube and Vimeo turn on HTML5 video tag At Google I/O the team showed a demo of YouTube...
Microsoft is changing course on surfing with IE8 ? This is great news for those who are swearing every...
Επιτέλους : Debug CSS σε IE6,Opera και Safari σε Run Time!! Κι όμως δε το πίστευα όταν είπα μπας και βρώ...

Επιτέλους : Debug CSS σε IE6,Opera και Safari σε Run Time!!

ropox — Fri, 30 Jan 2009 12:08:45 +0000

Κι όμως δε το πίστευα όταν είπα μπας και βρώ καλύτερο debug bar απο ότι έχω τώρα για τον Eplorer αλλά όχι απλά στάθηκα τυχερός αλλα βρήκα και το αντίστοιχο Ultimate εργαλείο που χρησιμοποιω στον Firefox (Firebug) , το οποίο έχει βγει και για έκδοση που μπορείς να χρησιμοποιήσεις σε Explorer και Opera αλλά και Safari.

Λέγεται Firebug Lite και είμαι κατενθουσιασμένος που μόλις το ανακάλυψα.

Ο τρόπος που το χρησιμοποιείς είναι λίγο διαφορετικός απο ότι να εγκαθιστάς το addon στον Firefox. Κάνεις include

και όταν κάνεις access τη σελίδα τότε δια μαγείας, εμφανίζεται το αντίστοιχο Console για να κάνεις debug το CSS σου. Το ποιο φανταστικό απο όλα είναι οτι μπορείς να το κάνεις RUN TIME !!!!! κάνεις copy το css κομμάτι που σε ενδιαφέρει και το τρέχεις στο δεξί μέρος που σου έχει πατώντας RUN και voila. Βλέπεις run time τι γίνεται με IE6 !!!!

το μόνο downside είναι οτι τρώει λίγο processing power,αλλά hey Ι CAN DEBUG CSS ON IE6!!!!!

μπορείτε να το βρείτε εδώ:

http://getfirebug.com/lite.html

Μόλις το χρησιμοποίησα σε κάποιο site και μου γλύτωσα τουλάχιστον 3 ώρες με trial and test για να δω τα αποτελέσματα, σε 10 λεπτά!

use your mobile to record mp3 audio, free , unlimited and great service Δεν είχα ακούσει για το drop.io μέχρι που πέτυχα ένα...
cloud computing to be become a trend? Διάβαζα αυτό το άρθρο , που μας θυμίζει ότι η...
Βάλτε τέλος στον Internet Explorer 6 σήμερα! είναι πολύ συχνό φαινόμενο να ακούς στο χώρο το δικό...

Who needs Flash? Having fun with Canvas and SVG

ropox — Mon, 05 Jan 2009 13:45:55 +0000

Ok not too excited about the following post, but at least i know that there is much improvement out there on other technologies and flash is not dominating the net… (ropox)

Over in SproutCore land, they have been talking about Peter Bergstrom and his amazing work with Canvas and SVG:

Peter Bergstrom has been doing some amazing work with SVG and canvas tags in his SproutCore-based these project called PaperCube. PaperCube visualizes citations their relationships between authors. Watching the videos of his project, you’d swear he was using Flash or Silverlight, but its not. He’s using only native web technologies powered by SproutCore and JavaScript. It’s a great example of what’s possible using the browser’s capabilities today.

Checkout PaperCube’s Node Graph (SVG), Per Year View (SVG), and Paper Tree (pure HTML).

Starting to get goose pimples about 2009

flash to become crawlable Επιτέλους η Macromedia θα συτεργαστεί με την google και την...
www.amstel-eco-game.gr: Interactive Flash Game Another Fresh look flash design by spocstudio. Amstel Eco is...
Lacta Contest – live flash application Contest for Lacta.gr. Participants were writing their logo and through...

Microsoft is changing course on surfing with IE8 ?

ropox — Wed, 19 Mar 2008 10:16:57 +0000

This is great news for those who are swearing every time they are developing a new site and nothing works correctly on IE especially when adopting web 2.0 techniques…

Well according to the general Manager of Microsoft Dean Hachamovitch which he notes :

Microsoft recently published a set of Interoperability Principles. Thinking about IE8’s behavior with these principles in mind, interpreting web content in the most standards compliant way possible is a better thing to do.

We think that acting in accordance with principles is important, and IE8’s default is a demonstration of the interoperability principles in action. While we do not believe any current legal requirements would dictate which rendering mode a browser must use, this step clearly removes this question as a potential legal and regulatory issue. As stated above, we think it’s the better choice.

The rest of this blog post provides context around the different modes, the technical challenge, and what it means going forward.

Ok so basically we are not going to move our heads up and down every time that we make different css files for IE and different css files for other browsers. So it seems that Microsoft actually listened to the developer community and has made a turn towards the greater ways of doing things… Till IE 8 is out we wait and hope that all this is true..
Read on…

Microsoft patents ad system that will do what? ..spy on us and as i was browsing i fell into this…the patent...
Network Monitor Experts Extension For Microsoft Network Monitor Version 3.3 of the Microsoft Network Monitor has been released...
yahoo’s answer on microsoft Δεν μπορώ να πω ότι δεν περίμενα την απάντηση της...