Godt nytår

Godt nytår til alle

HTML5 og CSS3

Hvad understøttes af hvilke browsere. Det kan være svært at finde ud af.

Her er to gode links, der giver et hurtigt overblik:
HTML5 & CSS3 Readiness
When can I use...

HTML5 storage-objekt

Lagring af data 
HTML5 tilbyder to nye objekter til lagring af data:
- localStorage - gemmer data uden tidsbegrænsning
- sessionStorage - gemmer data for en session

Tidligere blev dette gjort med cookies. Cookies er ikke egnet til store mængder data, da de hentes ved hver eneste anmodning til serveren, hvilket gør metoden meget langsom og in-effektiv.

I HTML5, er dataene lagret og bruges kun når de bliver spurgt om. Det er muligt at gemme store mængder data uden at påvirke webstedets ydeevne.

En hjemmeside kan kun få adgang til data lagret af sig selv.

HTML5 bruger JavaScript til at lagre og få adgang til data.

localStorage Object
localStorage objekt gemmer data uden tidsbegrænsning. Disse data vil være tilgængelig den næste dag, uge ​​eller år.

<script type="text/javascript">
  localStorage.lastname="Jensen"
  document.write(localStorage.lastname)
</script>

sessionStorage Object
sessionStorage objekt gemmer data for en session. Data slettes, når brugeren lukker browser-vinduet.

<script type="text/javascript">
  sessionStorage.lastname="Jensen"
  document.write(sessionStorage.lastname)
</script>

HTML5 supercookie

Den nye standard HTML5 er kommet for at blive. 
Men det er ikke uden problemer. Vi snakker supercookies og browser security.

Det vil blive meget nemmere i fremtiden for hackere at få personlige oplysninger, da browseren nu indeholder langt flere oplysninger og ikke kun tracker de steder du har besøgt via de lagrede cookies. Dermed bliver browseren genstand for nye type angreb med fx. supercookies.

Specielt vores mobiltelefoner kommer under angreb, fordi vi bruger dem mere og mere til at betale for mange ting med. Mobilen et let offer for hackere.

Og på den måde HTML5 er skruet sammen på gør det det meget sværere for programmører at gøre websites sikre.

Men mon ikke W3.org får styr på dette?!

Læs mere i disse artikler fundet på BBC, Computerworld, m.fl.

• http://www.bbc.co.uk/news/technology-16005053
• http://www.networkworld.com/news/2010/082010-html5-raises-new-security.html
• http://www.computerworld.com/s/article/358181/European_Group_Finds_HTML5_Security_Gaps
• http://www.julianevansblog.com/2011/09/html5-privacy-and-security-could-be-a-persistent-problem.html

Hardboiled Web Design

Har gennem de sidste par nætter slugt siderne i Hardboiled Web Design af Andy Clarke.
Fantastisk bog, hvis man skal i gang med HTML5 og CSS3, specielt fordi den tager browser-problemerne seriøst.

Der er CSS-exempler til Firefox, Chrome, Safari og Explorer både for PC og Mac. Og da der er så stor forskel på hvordan fx. Firefox viser text på PC og Mac er bogen glimrende som opslagsværk efterfølgende. En god julegaveidé.

Og det er nu engang stadig rarere at læse i bog end at google :-)