Jeg var til FDIHs seminar om EUs nye cookie direktiv, som alle websites i EU skal overholde pr. juni 2011 (ja 2011!).

FDIH gør meget for sine medlemmer for at imødekomme det forholdsvis store arbejde, at man som ejer af sit website, nu skal have kortlagt alle cookies der anvendes på alle sine websites, have dokumenteret dem med, navn, type, levetid, formål og funktion. FDIH har i den sammenhæng lavet et samarbejde med Sitemorse, et engelsk firma, som har slået sig ned i Danmark der har et scannings- og rapporteringsværkøj, der analysere websites på kvalitet, fejl og meget mere – nu også sporing af et websites cookies.

Hvad er det man SKAL have styr på som website ejer

For alle de websites du ejer og alle de forskellige domæner du har til dine websites, der skal du pr. domæne/website kombination løbe alle siderne igennem og se, hvilke cookies siderne efterlader på en besøgendes computer.

For alle de cookies du finder på et domæne/website skal du beskrive den med type, navn, levetid, formål og funktion. Det er et stort arbejde, hvis du har mange sites, og forskellige anvendelser med cookies.

Så skal du have noget generel information til brugerne om hvad cookies er for noget, hvordan de kan slette dem, yderliger info evt. med links til 3. parts sites, som dit site måske samarbejder med etc. Sidst også information om, hvordan man klager over cookies. Du kan se et eksempel på FDIHs cookie informationsside her http://www.fdih.dk/cookies/fdih/

Hvorfor nu alt det her og til hvad nytte

Generelt set gav Lett advokaterne en god grundforståelse for EUs højt prioriterede vægt på “privacy” altså, hvad vi i Danmark kender som vores persondatalovgivning, men EU går nu længere med dette direktiv for at komme vores privatlivsrettigheder til gode og siger nu, at vi alle skal ligge kortene på bordet og dokumentere alt, hvad vi bruger cookies til.

At vi dokumentere giver desværre ikke et website et blåstempel på, at det er iorden, og her synes jeg FDIHs seminar står meget på gyngende grund:

1. Kresten Bay fra Erhvers- og vækstministeriet kunne desværre ikke komme – han har dog udtalt til FDIH, at den ventede danske vejledning til overholdelse af EUs cookie direktiv udkommer midt i december

2. Advokaterne er en smule vævende, da denne danske vejledning ikke er udfærdiget, men nævner at konsekvenserne for websites, som ikke overholder cookie direktivet, vil højst sandsynligt kunne få bøder i tilfælde af, at en forbruger indberetter en klager til forbrugerombudsmanden (som om de ikke har nok at lave, men intet mindre)

3. Hvem andre end forbrugerne vil kunne overvåge at et website overhovedet har cookies og om forklaringer er tilstede og ikke mindst, men måske vigtigst, at forklaringerne er korrekte! (bl.a. faldt jeg over denne forklaring på Google Analytics cookie anvendelsen på FDIHs nye cookie side:

Google Analytics
Navn: Google Analytics, Levetid: Slettes automatisk når browseren lukkes
Cookien bruges til indsamling af besøgsstatistik (ej person henførebare) på sitet.

Levetiden er angivet forkert, og navnet på Cookie er også forkert. Ja, jeg ved godt det her går hen over bliver en kende teknisk og nørdet om du vil, men jeg synes i den grad det bidrager til forståelse af, hvor misledende information man hurtig kan slippe af med. Google Analytics består som standard af 4 cookies, som hver især har deres individuelle levetid. Det kan du læse mere om her http://code.google.com/apis/analytics/docs/concepts/gaConceptsCookies.html#HowGAUsesCookies

Min konklusion

Ved bare at være påkrævet, at deklarere vores cookies er vi ikke kommet ret langt med formålet om at skærpe “privacy”. Vi skal have browsere med på vognen, ligesom tilfældet er med SSL (HTTPS), den browser teknologi verificerer om certifikatet er gyldigt, og noget af det samme princip, skal vi have til information omkring cookies.

En løsning kunne være, at website ejerne skal dokumentere deres cookie i et bestemt html-format, så browseren kunne aflæse det, og hvis der så manglede en cookie i sidens kildekode, som serveren fx forsøger at skrive til eller læse fra, så skér der bare ingenting. Sådan lidt efter samme princip, som Flash reagere, hvis man skal arbejde med Flash og data fra forskellige domæner, hvis der ikke findes en crossdomain.xml fil på domænerne som eksplicit giver tilladelse til kommunikation mellem domænerne, ja så skér kommunikationen bare ikke.

Har du sat dig ind i, hvad du skal gøre, hvorfor og hvornår?
Jeg vil mægtig gerne kaste en debat bold i luften på dette område.

Hvis der i et Windows miljø er sat ekstra sikkerhedsindstillinger på web indhold, så vil billeder som ikke ligger på en https adresse slet ikke bliver vist, og i ældre browseren (IE6 etc) får brugeren en teknisk advarsel.

Indstillingen som giver problemerne i Internet Explorer er under “Internet Indstillinger”->”Sikkerhed”->”Brugerdefineret niveau”->”Diverse”->”Vis blandet indhold”. Hvis denne indstilling er sat til “Deaktivér”, så vises billederne slet ikke, standard står den på “Spørg”, og brugeren vil blive spurgt om indholdet fra den ikke sikre forbindelse skal vises.

Gmail kan give problemer. Med en standard dansk Gmail konto logger den ind på https://mail.google.com, men det er muligt, at tilgå den via http://mail.google.com, men det gør hr. og fru. DK sikkert ikke

Den billige løsning på problemet er, at få billeder hosted i et CDN som understøttet https fx Amazon S3, der kan man lave mapper til billederne og så er de tilgængelige både via http og https.

Den gode løsning er selvfølgelig, at du laver et dedikeret https website til at hoste alle dine billeder til dine nyhedsmails, så er det bare en FTP adgang og så er du kørende, men det koster naturligvis et SSL certifikat plus vedligeholdelsen af det.

Jeg håber på, at du kan få forbedret dine nyhedsmails med denne viden – var det noget du ville bruge?

UPDATE 4. maj 2011 på baggrund af Sørens kommentar:

Internet Explorer 6 og 7 viser flg. besked ved blandet indhold:

Internet Explorer 8 viser flg. besked ved blandet indhold:

Extension liste jeg kører med i Chrome

• BuiltWith Technology Profiler
• Display Site Traffic in Chart
• META SEO inspector
• Chrome SEO
• Resolution Test
• Firebug Lite (Ups )
• iMacros for Chrome
• jsshell
• Regular Expression Checker
• XML Tree Transformation

BuiltWith Technology Profiler

Download

Den giver mig lige et lyn hurtigt overblik over de som plugin’et lige kan finde ud af et site er opbygget med.

Her kan du se en rapport på sitet her http://websiteudvikler.dk/

BuiltWith Technology Profiler

websiteudvikler.dk

Websiteudvikler, Kevin Steffer

Analytics and Tracking

Usage Statistics - Websites using Google Analytics Asynchronous

Google Analytics
Google Analytics offers a host of compelling features and benefits for everyone from senior executives and advertising and marketing professionals to site owners and content developers.
Usage Statistics - Websites using Google Analytics

Javascript Libraries

Usage Statistics - Websites using JQuery

Server Information

Google Webmaster
Webmaster tools provide you with a free and easy way to make your site more Google-friendly.
Usage Statistics - Websites using Google Webmaster

Apache
Apache has been the most popular web server on the Internet since April 1996.
Usage Statistics - Websites using Apache

Blog Publishing

Usage Statistics - Websites using WordPress

WordPress 3.x
Wordpress Version 3 Installation
Usage Statistics - Websites using WordPress 3.x

Frameworks

Usage Statistics - Websites using PHP

Aggregation Functionality

Usage Statistics - Websites using RSS

Atom
Atom Syndication Format is an XML language used for web feeds very similar to RSS.
Usage Statistics - Websites using Atom

Pingback Support
A Pingback is one of three types of Linkbacks, methods for Web authors to request notification when somebody links to one of their documents.
Usage Statistics - Websites using Pingback Support

Really Simple Discovery
Really Simple Discovery is a way to help client software find the services needed to read, edit, or “work with” weblogging software.
Usage Statistics - Websites using Really Simple Discovery

Live Writer Support
Windows Live Writer Tagging Support Schema
Usage Statistics - Websites using Live Writer Support

FeedBurner
FeedBurner is the leading provider of media distribution and audience engagement services for blogs and RSS feeds.
Usage Statistics - Websites using FeedBurner

Document Information

check). XHTML 1.0 Transitional is the same as HTML 4.01 Transitional, but follows XML syntax rules. It supports everything found in XHTML 1.0 Strict, but also permits the use of a number of elements and attributes that are judged presentational, in order to ease the transition from HTML 3.2 and earlier. These include center, u, strike, and applet.
Usage Statistics - Websites using XHTML Transitional

Friends Network
XHTML Friends Network is a simple way to represent human relationships using hyperlinks.
Usage Statistics - Websites using Friends Network

Cascading Style Sheets
Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML
Usage Statistics - Websites using Cascading Style Sheets

Javascript
JavaScript is a scripting language most often used for client-side web development. Its proper name is ECMAScript, though “JavaScript” is much more commonly used. websiteudvikler.dk uses JavaScript.
Usage Statistics - Websites using Javascript

Meta Description
The description attribute provides a concise explanation of the page content.
Usage Statistics - Websites using Meta Description

Meta Keywords
Meta tag containing keywords related to the page.
Usage Statistics - Websites using Meta Keywords

Canonical Content Tag
Public specification of a preferred URL for a page allows search engines to understand the original location for content.
Usage Statistics - Websites using Canonical Content Tag

Encoding

Usage Statistics - Websites using UTF-8

Ret imponerende ikke – bare lige at få servere disse oplysninger med et klik på en knap.

Display Site Traffic in Chart

Download

Denne lille udvidelse kan hurtigt vise dig Google PageRank, Alexa Traffic Rank samt Compete Rank (Unique Visitors). Så får man lige sådan et overblik over, hvor populært sitet er. Modulet er bedst til at sammenligne større internationale sites.

META SEO inspector

Download

Her er et lille handy værktøj til lige at tjekke META data på et website samtidigt med at det giver dig en masse genveje til at grave dybere.

Chrome SEO

Download

Det er nok den er bruger mest til lige at få et overblik over et websites optimering op mod søgemaskiner, der er en hel del tal vist på ganske fin og overskuelig måde.

Resolution test

Download

Giver dig lige en mulighed for nemt at skifte browser størrelse, så du lige kan tjekke, hvordan det ser ud i forskellige størrelser.

Firebug Lite

Download

Ups ja, lige for vanens skyld, så findes Firebug også til Chrome i en Lite version. Den har ikke så mange features, men lidt DOM inspection, CSS og JavaScript er altid rart at have ved hånden.

iMacros for Chrome

Download

Et genialt lille modul, som kan optage det du laver i browseren for så at gentage det igen eller lige frem loop’e det du har lavet. Et dejligt værktøj til, at køre triviel testing med, når man fx skal logge ind i en løsning, klikke et par steder i menuen og skrive noget i et formular felt, for at tjekke at siden viser det rigtige – puha det er så så dejligt med automatik

jsshell

Download

En lille JavaScript consol, som loader jQuery og jLinq for dig, så du kan lave lidt scripting på et site, også selvom sitet ikke har indlæst jQuery eller jLinq, så det er ret smart.

Regular Expression Checker

Download

Jeg bruger meget Regex Coach, men når der nu ikke længere skal startes et program ekstra, så tror jeg godt jeg kan vænne mig til denne.

XML Tree Transformation

Download

Lige for at runde mit overforbrug af extenstions af, så er der denne extension – Chrome kan ikke vise XML dokumenter i browsere, så derfor, hvis du arbejde med XML (her ses mit RSS feed i Chrome) så har du lidt at glæde dig til. Den har indbygget lidt XPath, så du hurtigt kan få den rigtige fulde XPath blot ved klik på noden eller attributen.

Og så bare at den viser et XML dokument som med tabulerede elementer – ahhh GREAT!

Jeg skal ikke bruge mere af din kostbare tid – jeg håber du kan få sparet lidt op igen med brugen af disse extensions i Chrome!

Man kan heller ikke Drag’e det over på en mappe eller desktop, det er ligesom om billedet er låst på en eller anden måde.

Prøv her

Se her

Hvorfor Internet Explorer gør sådan giver ikke rigtig mening, problemet er ikke i Firefox eller Safari

Den er blevet lidt mere kompakt af det og jeg som bruger genvejs tasten “CRTL+T” for at åbne en ny tab, mærker ikke rigtig en forandring, men at der er blevet mere plads i højden som dokumenterne.

Ydermere som det også kan ses har Windows udgaven fået en Windows ramme dvs. at den som her vist i Vista er halv-transparent og med windows’ minimer, maksimer og luk knapper øverst oppe i højre hjørne, så derved er den blevet minimalt indskrænket i bredden. Men jeg tror det er en fin disposnering eftersom flere og flere får widescreens i 16:9 eller 16:10 og der derved er blevet meget mere plads i bredden men mindre i højde. Der er småting men alligevel.

Skrifttypen i Safari

Det første der irriterende mig efter installationen var at den renderede skrifttyper som i Windows, og ikke på sin egen “Apple”-måde. Og det er den uovertrufne årsag til at jeg faktisk bruger Safari mere og mere, det er dens måde at rendere skrifttyper på, det synes jeg bare er utroligt meget mere læsevenligt når man læser meget i browseren. Men jeg fandt dog efter noget tid at det kan man nu selv bestemme.

Se forskellen her:

Apple-måden “Light” smoothing

Windows standard smoothing “Clear type”

Endnu værre synes jeg det bliver i helt standard windows smoothing som WinXP kører med standard

Det bliver hårdt at læse meget med sidst viste indstilling og jeg har også i Windows XP brugt “Clear type” som jeg tror kom med Service Pack 2 til WinXP, men eftersom Safari er kommet synes jeg mere og mere om at bruge den når jeg læser artikler, mails osv.

Hastighed

Derudover har Safari 4 vist den hurtigste afvikling af JavaScript. Hele 42 gange hurtigere end Internet Explorer 7 må man da sige er en del, men at Internet Explorer 8 så er “meget” hurtigere end Internet Explorer 7 til JavaScript er måske overset til trods for at Internet Explorer 8 også er i Beta, men allerede i RC1 (Release Candidate 1), så den er måske endda tættere på at nå markedet end Safari 4 er, men det ved jeg faktisk ikke helt præcist. Men faktum er at GMail indlæses betydeligt hurtigere end jeg selv har oplevet med Google Chrome

Designede features

Det sædvanlige Apple lir som får selv Microsoft nørder til lige at kigge over skulderen på mac-designere er der også med.

“Top Sites” en side internt i Safari 4 
 

History er nu i cover flow som i iTunes.

Prøv den selv: http://www.apple.com/dk/safari/download/

De nye ting er fx. InPrivate, Activities, Web Slices, indbygget Developer Tools, ny JavaScript motor, JavaScript Profiling, Compatility View, Suggested Sites. Jeg vil ikke gå i dybden med dem alle her.

InPrivate

Er efterhånden standard funktion til at surfe uden at browseren sporer din adfær og du derfor ikke har efterladt spor på PC’en når du lukker dit vindue efter at have haft InPrivate slået til.

Activities

En smart feature som gør markering af ting intelligent i form af genbrug til en ny søgning, søgning på maps osv.

Her har jeg markeret ordet Microsoft og når jeg slipper min markering får jeg det blå Activity symbol frem. Når jeg klikker på symbolet ser jeg mulighederne

Så får jeg liste over mine standard-activities og uden videre får jeg en “popup”-vindue frem på Microsoft i Redmond. Uden navigering til maps.live.com.

Web Slices

En unik måde at give brugere nogle rigtig gode bookmarks. Web Slices er en i princippet en bookmark på en del af en side. Fx som her på ebay der

Når et element på en side understøtter “Web slices” bliver det grønne ikon i værktøjslinje aktiv. Og Når man med musen kører hen over et “Web Slices” kommer ikonet til syne.

Klikker man på ikonet er det som at bookmark’e en side.

Siden kommer så frem med en titel på “Favorites” bjælken og man kan se alt efter skriften på sin Web slice om den er blevet opdateret som er i fed kursiv skrift, klikker man så på den så kommer Web slicen frem med de detaljer den består af. Her ses at det ikke behøver at være de samme detaljer som blev vist på siden.

Web Slices spår jeg bliver ret hot indenfor e-commerce, communities og social sites, hvor man kan få opdateret indholde hele tiden uden at skulle forbi sitet og kontrollere. En feature jeg kunne bruge på www.edbpriser.dk

Developer Tools

F12 tasten giver dig direkte adgang til et testværktøj for os udviklere. Herligt at det er indbygget i browseren så vi kan debugge (X)HTML, CSS og JavaScript.

Første indtryk

Mit første indtryk var at den er lige så hurtig som Safari og hold da op den er simpel. Og super dejlig startside som samler mine mest besøgte sites, det har de tænkt lidt over. Faner er kommet op i toppen og det er ikke så tosset igen, hvis man læser the "The Comic" hvor der gives baggrundsinformation om hvordan "Chrome" er bygget op og hvilke tanker der ligger bag.

Faner

En god pointe i at ligge faner i toppen er at browseren er gjort mer stabil ved at hver fane kører i sin egen isolerede tråd (Thread). I praksis betyder at et website kørende i en fane godt kan få den til at gå ned, men også kun den fane, de andre forbliver kørende og går ikke ned. Det bevarer browseren i stabil tilstand og du har mulighed for at lukke fane.
En anden rigtig flot funktion er at du kan trække en fane ud til et nyt vindue og tilbage igen ja endda over til et andet Chrome vindue hvis den bedre passede derovre.

Startsiden

Startsiden er jo meget hen af hvad vi webudviklere mange gange selv har lavet noget lignende af. Men med en browser som automatisk samler informationerne og giver dig det mest anvendte direkte på startsiden bliver sikkert mødt med klapsalver, det gjorde det her.

Hurtigere JavaScripts med V8

Det teknisk fremskridt i browseren er helt klart at der er udviklet en Javascript Virtual Machine som er optimeret tilat afvikle javascripts, denne Virtual Machine kaldet V8 er udviklet af Googles team i Århus og er altså af dansk oprindelse, det synes jeg godt vi kan være lidt stolte af, lille danmark!!! Men udfordringen lå i at få JavaScript afviklet hurtigere og mere stabilt og øge sikkerheden så den ikke kan kompromiteres. De skriver noget med at JavaScript afvikles noget med 16 gange hurtigere end i IE 7, det er alligevel en del. Men det vil kunne mærkes kraftigt i fx Gmail, Google Apps hvor JavaScript er hele omdrejningspunktet for funktionerne.

Flash må gerne være hurtigere

Efter at have læst lidt anmeldelser og test af browseren dukker det småt frem i flere at Flash kan få en fane til at gå ned. Bl.a. prøve jeg selv på YouTube at min fane frøs i kort tid da en film var færdig og playeren skulle indlæse relaterede klip det gik min CPU helt til tops og hang der i sekunder. Det synes jeg ikke at opleve hverken i IE, FF eller Safari.
Måske V8 teamet har en opgave her

Download Google Chrome

The Comic