Det här är Chrome Speed Tests, Googles senaste reklamfilm för Google Chrome i vilken de valt att lyfta fram hur blixtrande snabb den nya betaversionen av webbläsaren är – se hela, det är värt det!

Enligt Google ska det inte vara något fuffens med inspelningen, förutom att de fick använda en speciell 24" Asus-skärm för att klara spela in i hela 2700 frames i sekunden är datorn en vanlig MacBook Pro körandes Windows med en 15Mbpsuppkoppling. Även om det känns som de troligtvis använder lokalt cachade versioner av sajterna är det ett kul grepp oavsett, renderingen är ju fortfarande imponerande snabb – vem vill inte ha en webbläsare som kan rendera en sajt snabbare än du hinner spränga en potatis?

Här testar han sidor med flashinnehåll:

Här är en beta av Wireds app:

Läs mer på Zedomax

Orkar man inte läsa igenom allt är huvudskälen:

• Adobe Flash är stängt och proprietärt och kan bara skapas med Adobes produkter. Mac OS är som bekant också stängt men har stöd för helt öppna tekniker och standarder som HTML5, CSS och Javascript.
• Video: Adobe hävdar att 75% av webbens körs via Flash, Apple kontrar med att det mesta (inklusive Youtube som står för 40% av den kakan) även erbjuder samma video som H.264 (som inte är bundet till Flash – det är därför du kan se Youtubevideo i iPhonen).
• Säkerhet: Apple är kort sagt inte övertygade om att Adobe kan garantera säkerheten i Flashpluginen då den haft såpass allvarliga säkerhetshål under bl a 2009.
• Batteritid: Flashpluginen drar för mycket juice för att vara lämplig för mobiler och mindre enheter.
• Tryckkänsliga skärmar: Flash är designat för att användas på datorer med möss och tangentbord, stödet för tryckkänsliga skärmar är inte tillräckligt.
• Apple vill inte ha ett tredjepartslager mellan sin enhet och apparna som skapas, som dessutom måste skapas via en tredjepartseditor (Flash) som inte är öppen. Om Apple langar in nya funktioner i sina enheter vill de inte behöva vänta på att Adobe ska släppa en uppdaterad Flash för att utvecklare runt om ska kunna använda sig av dem.

“Flash was created during the PC era – for PCs and mice. Flash is a successful business for Adobe, and we can understand why they want to push it beyond PCs. But the mobile era is about low power devices, touch interfaces and open web standards – all areas where Flash falls short.
[...]
New open standards created in the mobile era, such as HTML5, will win on mobile devices (and PCs too). Perhaps Adobe should focus more on creating great HTML5 tools for the future, and less on criticizing Apple for leaving the past behind.”

1. Använd Facebooks knappgenerator för att få koden som du vill ha den (om den ska visa nunor på de som gillat eller bara siffror, storlek på knappen osv). Generatorn erbjuder både iframe- och xfbmlvarianter – jag kör iframe, oldschool som jag är.
2. Kopiera koden du får ut, t.ex:

   <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fhellorobot.se%2Fblog%2F&layout=button_count&show_faces=false&amp;width=120&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:120px; height:20px"></iframe>

3. För att få ut rätt url från Wordpress (urlencodad och klar) byter du ut den statiska adressen mot följande (i loopen för t.ex single.php eller index.php):

   <iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=button_count&amp;show_faces=false&amp;width=120&amp;action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:120px; height:20px"></iframe>

Jepp, jag skriver bara om Googleprylar verkar det som, men nu gäller det Browser Size; en liten tjänst som – genom ett genomskinligt lager – snabbt och enkelt visualiserar hur stor del av besökarna som är troliga att se de olika delarna på en angiven sida. Datan för webbläsarstorlekarna kommer från besökare till Google Earths nedladdningssida, och de har gått på webbläsarens faktiska sidyta, inte den totala skärmupplösningen (vilket är halvkasst då många inte surfar med webbläsaren i maximerat läge) eller total webbläsarstorlek (dvs inga toolbars eller menyer och annat skräp). Genialiskt.

Mer om tekniken och tankarna bakom tjänsten finns att läsa på Google Code-bloggen.

I går släppte Google ut den öppna källkoden till Chromium OS, det projekt som kommer lanseras som Google Chrome OS om ett år.

Google hintade för länge sedan om att “Google OS” skulle vara inriktat mot netbooks och vad jag sett hittills verkar riktigt lovande. De verkar ha fokuserat på fyra bitar;

• Hastighet: Precis som webbläsaren Chrome är Chrome OS byggt för att vara snabbt.
• Uppstartstiden: Chrome OS tar ett par sekunder att komma igång, från uppstart till färdig webbläsare, istället för runt 45 sek.
• Webbläsaren (Chrome): Allt görs i webbläsaren. Webbläsaren ÄR operativsystemet, oavsett om du vill skriva mejl, hantera dokument, kontakter och bilder, spana film, använda miniräknaren eller vad du nu vill så körs det som webbtjänster. Tänk bara själv, hur lång tid brukar det ta innan du kickar igång webbläsaren efter att du startat datorn?
• Säkerhet: Chrome OS bjuder på ett nytt säkerhetstänk som ska göra det betydligt svårare för virus att både exekveras och spridas. Operativsystemet går dessutom igenom sig själv vid varje uppstart för att kontrollera så inte otillåten kod makat sig in. Hittar den något skumt reparerar det sig själv innan man loggat in.

Personligen var jag lite skeptisk till Chrome OS när jag först hörde att det skulle vara helt webbaserat (jag använder t.ex hellre OpenOffice och Thunderbird än Google Docs och Gmail), men ser man det som ett netbook-OS för människor som redan idag inte gör så mycket med sina datorer som inte kan utföras via webbappar så blir det betydligt mer intressant. Bara uppstartstiden är ju guld i sig.

Standardvyn:

“Startmenyn” för applikationer:

Paneler / notifieringsboxar:

Runt 2004 gjorde Jake Olefsky research för användandet av horisontell navigering och bevarade skärmdumparna. Christian Watson (Smiley Cat) hittade dumparna och tryckte dit skärmdumpar från hur navigeringen på sajterna ser ut i dag. Kul att se hur – i många fall – lite som hänt sedan dess. Amazon och Apple har dock ryckt upp sig rejält; Apples gamla vita, bulliga layout känns plötsligt väldigt daterad.

Varje gång jag ser skärmdumpar från Apple.com – eller Mac OS X – slås jag av hur mycket arbete Apple lägger ned på att sajten och operativsystemet ska gå hand i hand med hårdvaran de säljer. Dagens sajt är en MacBook Pro utkarvad ur ett block aluminium, 2004 var det t ex den vita (plastiga) iMac G5 som gällde.

(via designm.ag)

Intressant, Google Chrome Frame är en pre-alpha plugin för Internet Explorer 6, 7 och 8 som tar över all HTML/CSS- och JavaScriptrendering och byter ut den mot Google Chromes WebKit. Den använder – från Microsofts sida – helt godkända och dokumenterde sätt att göra detta, så det är ingen instabil fulhackslösning. Övriga funktioner i webbläsaren som cookies, lösenordshantering och liknande sköts fortfarande av Explorer, så du kan byta från Explorer / Chrome Frame helt sömlöst. Smart grej, och det verkar gå bra mycket snabbare.

(via DF)

If you’re new to search engine optimization (SEO) or just wondered what Google thinks is the best way for your site to rank higher there’s some interesting stuff to read in Google’s Search Engine Optimization
Starter Guide [Google.com, PDF]. There’s no magic formula to reach that first place for a search on a specific keyword (of course), but it does contain 22 pages of sound advice for anyone wanting to make it as easy as possible for any search engine to crawl your site.

If you’re too lazy to read the document we can boil it down to:

• Unique page titles for each page: Keep ‘em short, detailed (and descriptive) and unique.
• Unique “description” meta tags: This tag is often kept static through-out a site, but if you make sure it contains valid and useful information (as in accurately summarizing the page content) Google can use instead of a snippet from the body text. A great way to lift up keywords that are valid for the page.
• URL structure: Having nice URL:s with keywords in them (as in http://www.thefruitshop.com/fruits/bananas/greenones/”) does make a difference, and keywords matching the search query will be shown in bold text.
• Sitemaps: Provide both HTML and XML sitemaps (former for human visitors, latter for search engines)
• Write good anchor texts: Descriptive links wins.
• Don’t forget the alt-attribute for images!
• Make use of Google’s free tools such as Webmaster Tools, Website Optimizer and of course Analytics to see what works and what doesn’t.