Redigera vilken sajt som helst i webbläsaren

Ok det här är coolt faktiskt. Paul Buchheit, skaparen bakom bland annat Gmail och Friendfeed, postade just på den senare sajten en kod för att kunna redigera text direkt i webbläsaren. Den gör body till en contenteditable helt enkelt.

Jag har fått det att fungear på Safari, Firefox och Chrome, mac versioner. Och jag hör folk som säger det funkar på IE och PC versioner också.

Lägg till följande som ett bokmärke, akivera och börja skriv direkt på skärmen.

javascript:document.body.contentEditable=(document.body.contentEditable!='true');void%200

Eller klicka på denna länk för att testa på vår sajt.

By Jesper Lind

Hacka till fixerad positionering på IE6

Som ni kanske märker på mina senare inlägg så är jag i en hård batalj med IE6. Webbläsaren stödjer inte CSS-attributet position:fixed så vill man ha element som ligger på samma plats så blir det problem.

I mitt fall ville jag ha en footer som hela tiden låg i nedre kanten av skärmen. På de moderna webbläsarna fungerar denna CSS.

#footer {
    width:700px;
    z-index:10;
}

div[id=footer] { /* for real browsers */
    position: fixed !important;
    top:auto !important;
    bottom:0;
}
 

För att få till samma effekt på IE6 så kan man länka in ett speciellt stylesheet med hjälp av conditional comments. För att bara länka på IE6 eller lägre versioner kan man köra så här.

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="css/style-ie6-footer.css">
<![endif]-->

Jag hittade sen scriptet jag behövde på en sida som visar hur man kan positionera element på IE6, uppe i mitten eller som i mitt fall i nederkanten. Eftersom CSSen använder "stjärn-hacket" så hade det inte behövt att ligga i en egen stylesheet. Men det kändes bättre eftesom jag inte ville blanda in denna bizarra kod för de moderna webbläsarna.

* html div#footer {position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}

By Jesper Lind

Så fixar man AJAX-felet 'Sys' is undefined på IE6

Om man kör ASP.NET AJAX på en sajt kan man få javascript-felet 'Sys' is undefined. Detta beror på att IE6 har problem med en komponent för att ladda de komprimerade skripten.

Problemet sägs vara lagat i senare släpp av AJAX-ramverket men jag fick felet nyligen (på Loopias webbhotell). Om detta uppstår kan man helt enkelt stänga av komprimeringen helt som jag läste här. Detta görs genom att lägga till följande i Web.Config.

<system.web.extensions>
<scripting>
<scriptResourceHandler enableCompression="false" enableCaching="true" />
</scripting>
</system.web.extensions>

By Jesper Lind

IE7 till piraterna

Microsoft beslutar sig för att släppa på valideringen av Windows vid nedladdning av Internet Explorer 7. Något som jag tycker är kanon, och som vi lustigt nog hade en diskussion om nyligen borta på Sovrat (som idag bytt namn till Pusha), och hoppades på att Microsoft skulle göra.

Så nu kan användare utan riktig Windows-licens ladda hem den nyaste webbläsaren från operativ-utvecklaren i Redmond. Förhoppningsvis kommer detta leda till att fler uppgraderar från IE6, som är så jobbig att skapa hemsidor för.

Men anledning av denna nyhet tänkte jag det var läge att kolla hur statistiken ser ut för tillfället. Som vanligt när det gäller statistik så är det svårt att veta vilka källor man bör förlita sig på.

Om man ser på webbläsar-statistiken på W3School så såg den ut enligt nedan i september. Firefox har denna månad gått upp i topp som den mest använda webbläsaren om man delar på de olika versionerna av IE. Den stora andel Firefox-användare beror ju på att det ofta är utvecklare som besöker W3C-sajterna.

Firefox 35.4%
IE6 34.9%
IE7 20.8%
Safari 1.6%
Opera 1.5%
Övriga 2.7%

Ser man istället på samma månad på W3Counter som sammanställer statistik från ett större antal källor så ser situationen lite annorlunda ut. Här är IE6 på solklar topp. Jag har lagt ihop de olika Firefox-versionerna samt grupperat övriga läsare under en post för att statistiken ska kunna jämföras lättare.

IE6 46.68%
IE7 19.54%
Firefox 25.45%
Safari 1.76%
Opera 1.22%
Övriga 1.14%

Vad man kan se av detta är att det gäller att veta hur den vanliga besökaren ser ut på din webbplats. Det varierar helt enkelt beroende på vilken typ genomsnittlig besökare du har.

Om du har ett lågt användarantal som använder den förlegade IE6, kan du eventuellt strunta i dessa och använda alla de nya finesser som moderna webbläsare erbjuder, transparenta png, riktigt box-modell och allt det där.

Har du dock ett stort antal så bör du testa så att designen fortfarande fungerar någorlunda. Microsoft har en virtuell installation av IE6 om du inte har kvar den på din dator. Annars finns det som vi nämnt tidigare online-tjänster som kan visa IE-design.

Att det går att sänka IE6 men endast en rad HTML-kod, borde vara ett tecken nog att den borde pensioneras för gott, så hoppas att Microsofts senaste välgörande handling kommer att snabba upp processen.

Vill man vara riktigt radikal kan man visa ett varningsmeddelande för alla IE-användare att de bör byta webbläsare. Lite att ta i om du frågar mig, jag hade helldre sett ett skript som bara tipsade IE6-användare att uppdatera till IE7, Firefox eller annan med likvärdig standardiserad renderering.

By Jesper Lind

Safari 3 för Windows

Förstår inte hur jag har kunnat missa nyheten att Safari 3 (beta) går att köra på XP och Vista, men det är ju inte så underligt i och med att Intel-macarna har släppts.

Kul med en ny webbläsare för Windows, och skönt för oss Windows-baserade webbutvecklare, som vill kunna test-köra webbsidor på Apple's läsare.

Enligt Apple själva är det den snabbaste webbläsaren på marknaden, oavsett vilket system man kör den på. Då har man bara jämfört med Firefox 2, Internet Explorer 7 och Opera 9. Resultatet av detta test kan man se på deras reklam på beta-länken ovan. Kriterier man har testat på är snabbhet i uppstart, renderering av html samt JavaScript-prestanda.

Skulle vara intressant att se vad en oberoende test-panel skulle komma fram till. Tester av egna produkter brukar ju ha en tendens att bli rätt subjektiva.

Jag är ingen flitig användare av Safari och vet inte hur fontvisningen fungerar på tidigare versioner. Men den nya versionen har i alla fall antialiasing-renderering av typsnitt ungefär som Windows ClearType. Folk som Jeff Atwood och Brad Wilson är dock inte så imponerade av Safari på detta område och menar att det finns klara utrymmen för förbättring.

Uppdatering: Ok, Safari 3 släpptes visst under dagen, inte så konstigt att jag inte upptäckt det tidigare.. Nu ser jag att typ vart femte inlägg i mina rssflöden handlar just om denna nyhet. Läs mer hos bland andra Roger, Robert, Shawn, NextGen, Emil och Scott. Och ja, nya designen på Apple.com är riktigt fräsh.

By Jesper Lind
1