Viewport Sized Typography

CSS3 udvikler sig konstant, og der er nu ved at ske endnu et kvantespring.

Vi har gennem det seneste relativt lange stykke tid prædiket at man skulle lave "Responsive Webdesign". Det gør vi i den grad stadig, artiklen i linket henviser til at de responsive teknikker udvikles konstant, og at vi forhåbentligt snart kan lave skalerbare typografier.

Med andre ord, kommer vi snarest til at kunne lave en fontstørrelse der er relativ til browserens bredde. Det er ret fedt, da det kan være med til at gøre skaleringerne mellem "skæringspunkterne" mere flydende.

For at øge forståelsen, forklarer jeg lige ULTRA kort hvad "responsive webdesign" er for en størrelse.

Basalt set er det et setup hvor man kan indsætte skærings punkter baseret på skærmopløsning / browser størrelse der kan hjælpe med at strukturere indhold pænt i alle browser størrelser og på alle klienter.

Prøv f.eks.  at gøre dette browservindue større og mindre, så vil du se udseendet ændrer sig (Gælder alle andre browsere end Internet Explorer). Se f.eks. sitet på en smartphone eller tablet computer, og se forskellene. Det er lavet med responsivt setup.

Tesen er, at det samme indhold, billeder og markup kan bruges på alle klienter og browserstørrelser.

Det eneste vi ikke kan p.t. er at arbejde med flydende font-størrelser, og det er altså det der nu skulle blive muligt. Vi synes det er ret fedt.

P.S. Husk at læse kommentarerne til indlægget igennem, der findes også guldkorn der.