Javazone: Operas Håkon Wium Lie om One web, CSS3 och HTML5

Det blev morgon även den andra dagen och jag sitter nu bänkad för dagens första föredrag i sal 1. Jag har checkat ut från hotellet och hämtat ut min biljett på centralstationen så att jag ska kunna se så mycket som möjligt av kollega Tobias iPhone-föredrag innan jag måste rusa till tåget som lämnar perrongen samtidigt som Tobias rundar av sitt föredrag.

Jag använder sen en tid tillbaka nästan bara Opera på min Eee eftersom Firefox inte tar hand om de begränsade resurserna på ett tillfredsställande sätt. Nyligen släpptes version 10 i skarp version och den funkar riktigt bra! Renderingsmotorn Presto är nu uppe i 2.2.15. I nuläget är det bara Safari 4.0 och Opera 10 som klarar Acid3-testet. Naturligtvis är det då intressant att höra vad teknikchefen på Opera tycker och tänker!

Angående dagens första föredragshållare så har jag hört Håkon prata tidigare på CommunityOne i våras om just dessa webbtekniker som ligger honom varmt om hjärtat. Han gjorde det bra då så jag gav honom förnyat förtroende. Det visade sig att typ hela föredraget var identitiskt men det innehåller tillräckligt mycket stoff för att funka en andra gång.

Håkon, som är CTO, på Opera och tillika mannen bakom CSS började med att ge en rejäl historisk tillbakablick. Därefter följde en beskrivning av Opera Mini och hur deras innehållskomprimering gör surfupplevelsen på mobilen mer njutbar och kostnadseffektiv.

Efter ungefär en halvtimme kom Håkon på allvar in på sitt favoritämne och baby, CSS.

Han tog bland annat upp dessa CSS-funktioner:

  • Web fonts finns och funkar fint i Opera 10 men än så länge inte i IE (vilket förstås gör att många avvaktar på den fronten).
  • Media queries gör att man kan applicera olika stilmallar beroende på hur stor upplösning webbläsaren har att tillgå. Detta gör att trubbiga media=”screen/handheld/print” kan kompletteras något som gör det möjligt att göra bättre anpassade webbgränssnitt.
  • För att göra runda hörn mha stilmallar istället för en massa enskilda bilder har nu attributet border-radius lagts till. Du kan speca både “vertikala och horisontella radien” så att du får hörnen som du vill.

Avslutningsvis pratade Håkon lite kvickt om HTML 5 och demade video-taggen.

This entry was posted in datorer, föredrag, webbprojekt and tagged , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *