Browsing Category

webbutveckling

webbutveckling

Google ökar ledningen bland sökmotorerna

Att optimera en webbplats för sökmotorerna är för många synonymt med att optimera för Google. Finns det då ingen anledning att bry sig om några andra söktjänster. Enligt Hitwises statistik över sökmotoranvändningen i USA [via Mashable] under augusti så finns det inte mer än tre söktjänster värda att ta hänsyn till:

  • Google ökar med 4 procentenheter på ett år till 64%
  • Yahoo ligger kvar strax under 23%
  • Live.com/MSN Search backar från 12% till 9% senaste året.

Ask.com hamnar på en avlägsen fjärdeplats med lite över 3% och de följande 48 sökmotorerna skrapar tillsammans ihop 1,68%.

20 september, 2007 av
webbutveckling

Sveriges populäraste mobilsajter dissar One Web

Efter att ha skrivit om One Web-principen bläddrade jag igenom ett gammalt nummer av Internetworld och kunde till min förvåning konstatera att inte en enda webbplats på deras lista över Sveriges 50 bästa mobilsajter verkar ha samma adress för mobilanvändare som för vanliga besökare. På PC för Allas lista över nätets 30 bästa mobilsajter hittar jag dock en – sf.se – på 30:e plats.

Visst finns det åtminstone ett starkt argument för att separera mobilsajten från den vanliga. (Vetskapen om att webbplatsen man vill besöka verkligen är anpassad för mobilen och inte kommer att kosta en förmögenhet att ladda ner.) Jag trodde nog ändå att det skulle vara fler än en webbplats som ansåg att fördelarna med att ha samma adresser för alla vägde över.

11 juli, 2007 av
webbutveckling

One Web Principle – missförstånd och tolkningar

Den senaste tiden har jag snöat in lite på den mobila webben. Det kanske verkar konstigt för de som känner mig och vet att jag aldrig varit någon varm anhängare av mobiltelefoni och oftast vägrar svara på SMS… Nu har jag dock krupit till korset och beställt en Nokia N95 – den kan man ju faktiskt göra en hel del med.

Hur som helst. Den som börjar läsa in sig på webbutveckling för telefoner/mobila enheter råkar snabbt ut för begreppet One Web. Problemet är bara att det är ganska löst definierat, att det inte finns så många exempel på hur principen ska tillämpas och på att den ofta blandas ihop med struktur-/form-separationen i (x)html/css.

En av de bättre förklaringarna till vad One Web är har W3C begravt en bit in i Scope of Mobile Web Best Practices från 2005:

  • The representations of a resource identified by a given URI should provide thematically similar information targeted and formatted appropriately for their context. Such targeting and formatting may take place anywhere in the delivery chain between source and end user.
  • Access to a URI from different devices or different locations should result in thematically similar information but may result in both the appearance and the specific content being different
  • The user should have the choice of accessing the same information whatever the device used in whatever environment. This point is elaborated in the Best Practice recommendations [BP].

Samma innehåll ska alltså inte ha olika url:er – oavsätt förpackning, formgivning och övriga anpassningar. Att definiera olika stilmallar för olika mediatyper/läsare är bara första steget. Att anpassa även (x)html, bildstorlekar, annonser, navigering och sekundärt innehåll är inte bara tillåtet – det rekommenderas.

Om anpassning görs beroende av vilken typ av display som används så bör det finns en möjlighet att välja bort anpassningen. Även om det inte skrivs rakt ut så verkar det antas att webbplatser gjorda för vanliga skärmar är standarden (dvs innehåller full information) och att dessa sedan anpassas och destilleras för mobilanvändare. Dessa ska sedan kunna välja bort anpassningen får att komma åt den ”riktiga” desktop-versionen. För inte kan de väl mena att alla ska kunna välja bland alla former av innehållet? Det kan lätt bli ganska många versioner att välja bland. Det skulle ju exempelvis kunna finnas varianter för olika skärmstorlekar, operativsystem, webbläsare, mediatyper, länder och så vidare.

Någon exakt definition av tematiskt liknande information (thematically similar information) har jag inte hittat, men som jag tolkar principen så handlar det om att hitta essensen av en sida. Vad handlar just denna sida om? Vad skiljer den från andra sidor på samma webbplats? Svaret på dessa frågor borde ge en bild av var miniminivån av överensstämmelse mellan olika varianter av sidan bör ligga.

Läs mer

8 juli, 2007 av
webbutveckling

De 10 bästa färgverktygen på nätet

Förra veckan tipsade jag om några program för att ta fram färgpaletter. Idag tänkte jag gå igenom några av alla de färgrelaterade gratistjänster som finns på nätet. De flesta av dem har olika syften eller funktion, men gemensamt för dem alla är att de kan användas i framtagningen av färgpaletter för webben.

  1. Kuler – Adobes verktyg/community för att skapa och dela färgpaletter. Utvecklad som en demonstration av möjligheterna med Flash. Kräver Flash Player 9, men fungerar riktigt smidigt trots ett ganska komplicerat gränssnitt. Registrerade användare kan spara paletter.
  2. Colour lovers – Möjlighet att skapa palett från en bild eller manuellt. Ger förslag på matchande/liknande färger men har ingen möjlighet att ange hur matchningen ska göras. Registrerade användare kan spara och dela paletter.
  3. colr.org – Genererar paletter från bilder eller andra webbplatser. Har flera olika slumpfunktioner och registrerade användare kan spara paletter.
  4. ColorJack – Ser bedrägligt enkel ut men har massor av funktioner. Kan generera paletter enligt alla vanliga formler plus några till. Dessutom slumpgenerator och anpassning till olika varianter av färgblindhet.
  5. Color Schemer Online – Enklare variant av desktopprogrammet från samma företag. Rakt på sak utan några utmärkande funktioner.
  6. Color palette creator – Skapar tio olika nyanser mellan vitt och svart, av den valda färgen. Bra att ha när man redan bestämt sig för en huvudfärg.
  7. Color Blender – Skapar valfritt antal nyanser mellan två olika färger.
  8. Color Fields Colr Pickr – Intressant liten sida som hämtar olika foton från flickr beroende på vald färg.
  9. Colour Contrast Check – Mäter kontrastskillnaden mellan två färger och anger om kontrasten är tillräcklig för att uppfylla W3C riktlinjer för tillgängliga webbplatser.
  10. Color Vision – Visar hur färgpaletten upplevs av människor med olika typer av färgblindhet.

Utanför min topplista hamnar de resterande 27 webbapplikationer som jag prövat. Själv tycker jag att de är ganska överflödiga, men eftersom alla kanske inte har samma smak eller behov som jag har så kommer de här: Technicolor, Colormixers, EasyRGB, Unsafe Colormatch, Color Wheel, 4096 Color Wheel, Colour Schemes, Infohound Color Schemer, Palette Man, nColor, Color Wheel, Peter Pipers Palette Picker, ChromoFlash, Color SynthAxis, Munsell Palette, Color Tool, Color Scheme Generator 2, Colour Scheme Chooser, Color Palette Generator, DeGreave Color Palette Generator, I Like Your Colors, Color Blender, ColorToy 2, ColorMatch Remix, Genopal Online och till sist Color Calculator. Puh!

7 maj, 2007 av