Archive for the ‘Webbutveckling’ Category

Dela med dig av dina samlingar av nyhetsflöden och lär dig arrangera dem själv

Tuesday, May 9th, 2006

Share Your OPML är en ny tjänst från Opml.org där man kan dela med sig av sina samlingar av nyhetsflöden. När folk delar med sig av samlingarna kan en lista med de mest populära nyhetsflödena skapas. Ett bra ställe att hitta nya nyhetsflöden.

Överkurs

Hos Opml.org finns även specifikationen för OPML, vilket betyder Outline Processor Markup Language. Vad det handlar om är ett XML-baserat sätt att hierarkiskt ordna information. Tänk dig att det är exemplevis en fil med dina nyhetsflöden ordnade i mappar eller en trädstruktur.

Om du använder en tjänst som Bloglines för dina nyhetsflöden kan du importera och exportera OPML-filer och arrangera dem lite som du själv vill i en text-editor.

Den som vill skapa egna sådana här filer i en texteditor eller automatiskt med något skriptspråk som PHP kan alltså göra det relativt enkelt. Med psuedo-taggar blir strukturen ungefär så här:

OPML-start
  Prenumerationer-start
    Egen mapp 1-start
      Nyhetsflöde 1
      Nyhetsflöde 2
      Nyhetsflöde 3
    Egen mapp 1-stopp
    Egen mapp 2-start
      Nyhetsflöde 4
      Nyhetsflöde 5
    Egen mapp 2-stopp
  Prenumerationer-stopp
OPML-stopp

Sorry om jag tråkade ut dig med tekinskt dravel. Men ibland är även tekniken bakom det som syns i webbläsaren ganska intressant att titta närmare på.

Uppdaterat:
David Hall på bloggen Månhus beta gjorde mig uppmärksam på att Share your OPML inte är purfärsk. Det som skett handlar mer om en nystart än en helt ny tjänst.
Månhus beta: This is the gold release of beta

Vårmodet på webbsidor

Sunday, May 7th, 2006

Christian Montoya har gjort några observationer av årets vårmode på webbsidor. Här är några allt mer frekventa företeelser att gilla eller ogilla.

  1. Design baserad på skärmupplösningen 1024 x 768 pixlar. Om du har tänkt att göra om din blogg eller hemsida till denna upplösning så tänk på att dra nytta av den luft som kan bäddas in i designen. Att fylla ut den med textrader som går hela vägen från vänster till höger är ingen bra ide. Gruppera och arrangera istället.
  2. Ikoner från Silk eller IconBuffet är gratis och tycks vara poppis.
  3. Ljust på mörkt. Det sägs att en bra sida är en sida med ljus bakgrund och mörk text. Kanske är det LCD-skärmarnas förtjänst att allt fler ser ut så här.
  4. Feta fötter. Fram till nyligen har de flesta sidfötter bara varit pyntade med en copyright-notis men varför ska det vara så? Jag tycker att feta fötter som den här och den här faktiskt är trevliga att se på och dessutom fyller en funktion. Den enda faran är att dina besökare helt missar din stora fot.

Montoya: Spring 2006 CSS Reboot Trends

Surfa med rösten

Friday, May 5th, 2006

Röstsurf

Webbläsaren Opera gör så att du kan surfa med rösten. Genom att säga “opera read” läser webbläsaren upp vad som står på den aktuella webbsidan.

På bilden ovanför har jag ritat en latmask men den verkliga nyttan av en röststyrd webbläsare har de som har någon form av funktionshinder.

Användbart finns det länkar till vidare läsning för hur man kan förenkla och framförallt möjliggöra surfning för de som har någon form av funktionshinder.

Net 2.0: Opera’s New Browser with Voice Recognition

Inventera innehållet

Wednesday, May 3rd, 2006

Kanske har du haft din sajt snurrandes på webben ett tag och fyllt upp dem med allt möjligt smått och gott. Kanske har du till och med fyllt den till den grad att du glömt vad gömt? Kanske har du en skatt bland all din information? Kanske finns det gammalt skräp som passerat bäst-före-datum redan innan plasten uppfanns?

När informationsmängden växer bortom kontroll kan det vara på sin plats att inventera ditt innehåll för att få grepp om vad du egentligen har och inte har på din hemsida.

Att göra detta kanske är lika skojigt som att kolla igenom lådan med strumpor, rulla ut dem och kika så att de är hela och fina. Men det finns hjälp att få.

Det som göms i snö kommer fram i tö.

Tommy på Användbart hjälper dig på traven:

Användbart: Vad innehåller egentligen din webbplats?

En sajt i lånade kläder

Wednesday, May 3rd, 2006

Hur skulle det se ut om Dagens Media lånade Resumés kläder?

Så här kanske.

Vad som görs är att stilmallarna från en sajt läggs på innehållet av en annan.

Hur skulle din sajt se ut i andras kläder?

Testa själv via länken ovan.

Checklista för en lyckad bjudning

Saturday, April 15th, 2006

Marcus på Blogrelation listar några viktiga punkter för ett företags hemsida, som egentligen borde vara självklarheter, men som många totalt missar. Att ha en hemsida som inte besökarna kan använda är nämligen tämligen meningslöst.

Om besökaren dessutom är journalist så kan det bli ringar på vattnet i form av felaktig eller missvisande information.

Bjuder du någon på middag som du vill göra gott intryck på så dukar du knappast med det odiskade porslinet? Inte heller gömmer du den maträtt du slitit med i timmar och du själv är riktigt nöjd med? Se därför till att duka din hemsida på ett omsorgsfullt sätt och duka med sådant som du vet är uppskattat.

Blogrelation: Skrämmer er hemsida bort journalister?

Blixtrande bok om Flash

Tuesday, April 11th, 2006

Flash sites

Finfina Taschen släpper en bok om Flash: Web design - Flash sites.

In its early years, Flash was used mostly for artistic and design sites, but more recently large corporations - even Citibank - have turned to Flash. This guide rounds up the very best and most innovative sites using 100% Flash navigation, including Nike, Adidas, Bacardi, Shrek, Nintendo, Playstation, Ford, and Honda.

Som alltid humana priser, knappt 7 euro om man beställer direkt från dem.

Taschen

Yoshis ö

Tuesday, April 11th, 2006

Yoshis ö

Välkommen till Yoshis ö, jag bjuder in dig. Allt är tillverkat med enbart dynamisk html. Det vill säga javascript istället för Flash. Enbart och enbart förresten, det har säkert tagit sin lilla tid att snickra ihop den lilla ön.

Yoshi’s island

Visa det osynliga med en liten snurrande bild

Sunday, April 9th, 2006

Animerade gif-bilder kan vara riktigt störande. Men de kan också kommunicera, eller visa, något som inte syns.

Microsoft använder små filmsnuttar i Windows för att visa att arbete pågår. Exempelvis när du kopierar filer från en mapp till en annan. Om skärmen hade varit helt stel skulle man lätt kunna tro att applikationen har hakat upp sig. En liten animerad sekvens där en fil flyger från en mapp till den andra kommunicerar därför att arbete pågår, var vänlig vänta.

Detta trick är även användbart på webben. Med en liten animerad gif som egentligen bara snurrar lite kan du visa dina besökare att arbete pågår. Om din webbsida är helt stiff och vit luras man lätt att tro att något är knas. En liten roterande laddningsbild lurar däremot in användaren i en trygghet där man “ser” hur applikationen jobbar.

En bild säger mer än tusen ord, sägs det

På sidan AjaxLoad har man tagit fasta på detta och bjussar på färdiga animerade gifar.

AjaxLoad

Via Suburbia.

En komplett guide till webbdesign från början

Thursday, April 6th, 2006

Complete web design

Är lite skeptiker till ordet “komplett”, det är sällan något kan vara totalt uttömmande komplett, men Web design from scratch - your complete guide to web design är en sida som i vart fall verkar ha en hel del intressant att erbjuda.

Grunder, design, användbarhet, tillgänglighet och konsten att skriva för webben är några av ämnena som behandlas.

Sidan är snyggt utformad och mannen bakom hemsidan heter Ben Hunt.

Web design from scratch

Extensible access method

Wednesday, April 5th, 2006

Extensible Access Method, XAM, är en ny tre-bokstavs-kombination att lägga på minnet. En standard som är under utveckling vilken ska förenkla sökning med hjälp av metadata för filer, bilder, ljudfiler, databasinformation och mejl.

Jag tycker det låter riktigt intressant.

IDG: Ny standard ska förenkla sökning

Medlemshantering på den virtuella mötesplatsen

Wednesday, April 5th, 2006

John M. Grohol på A List Apart ger matnyttiga tips kring hur medlemmar på ett community kan eller bör hanteras. Reflektioner kring den klassiska hierarkin gäst-medlem-administratör ges. Även frågor kring obligatorisk registrering och anonymitet väcks. Som krydda på moset ges sex handfasta tips för en bättre virtuell mötesplats.

Six Steps to Better Online Community Through Membership
1. Know Thy Users.
2. Simple Registration is Not a Burden.
3. Segment Your Registration System.
4. To Verify a User’s Email Address or Not?
5. Provide a Rating or Reputation System.
6. Keep the Communication Flowing.

Läs resten och allt:

Anonymity and Online Community: Identity Matters

CSS Naked Day

Wednesday, April 5th, 2006

Stilmallar är för webbsidor vad kläder är för människan. Om vi drar ytterligare en parallel mellan hemsidor och människor så är en välkodad sida i analogi med en människas hållning.

The idea behind this event is to promote Web Standards. Plain and simple. This includes proper use of (x)html, semantic markup, a good hierarchy structure, and; well, a fun play on words. I mean, who doesn’t want to get naked?

Hur ser din hemsida ut i bara mässingen?

CSS Naked Day

Ett försvarstal till den stora fontstorleken

Wednesday, March 29th, 2006

Font upp och font ned

Max Kiesler har intresserat sig för formgivning av webbsidor och dess typografi. Han använder stora fonter - till mångas förtret. Nu har Max fått nog och skriver ett ganska långt försvarstal å den stora och skalbara fontstorlekens vägnar.

Max menar att anledningen till att fler och fler sidor använder ett relativt stort typsnitt i brödtexten dels beror på den nuvarande Web2.0-trenden. Men en annan anledning, hans egen anledning, är att det ökar läsbarheten. Han tar bland annat stöd i Jakob Nielsens artikel “Top Ten Web Design Mistakes of 2005“.

År 2000 var den mest populära fontstorleken 12 punkter och då var den vanligaste skärmupplösningen 800 x 600 pixlar.

I takt med att skärmupplösningen har ökat sedan dess finner han det rimligt att även fontstorleken skall göra det. Keisler rekommenderar därmed en fontstorlek på 14 punkter eller rent utav hela 16 punkter.

Tycker du att det är nys eller blev du nyfiken? Läs mer på Max Kieslers sida, som förövrigt är riktigt snygg och har hög läsbarhet.

Mitt pyttetypsnitt här känns nästan löjligt litet jämfört med det här:

Max Kiesler: The Web 2.0 Big Font Controversy

Optimera dina kaskadstilar

Friday, March 17th, 2006

Med CSS Tweak kan du optimera dina css-filer direkt via din webbläsare.

CSS Tweak

Monkey bites: Tweak Up Your CSS

Få lite koll på två punkt noll

Tuesday, March 14th, 2006

Precis som Beta Alfa 2.0 finns det massor av andra saker som är 2.0. Webben, marknadsföring, företagsamhet i allmänhet och nätbaserad dito i synnerhet. Men även spel, chatt, mjukvara, portaler och arbeten.

På bloggen Everything 2.0 har holländaren Bob Stumpel gjort en länklista till vad han klassificerar som två punkt noll.

Få lite koll på två punkt noll hos Bisonblog:

Marketing 2.0 - hela listan

Ett tema i tiden

Friday, March 10th, 2006

Andy Peating har gjort ett Wordpress-tema vid namn Durable. Om jag inte hade snickrat ihop ett eget såpass nyligen hade jag testat det här. Det verkar trevligtoch ligga rätt i tiden då mycket är anpassbart av besökarna. Dessutom Ajax-sökning och flytande design.

Durable: A New Wordpress Theme

Logahead

Tuesday, February 28th, 2006

Logahead är en ambitiös bloggmotor som drar nytta av dagens webbtekniker såsom php, css och Ajax. Projektet drivs av en blott 17-årig student och är väl värt en titt.

Logahead

Stäng inte ute de som inte fixar Ajax

Sunday, February 5th, 2006

Om du står i startgroparna eller redan tjurrusar med Ajax som anabola i kittet på din sajt: glöm inte de som inte fixar Ajax och de som helt sonika stängt av javascript i sin webbläsare.

En riktigt bra sajt skall leverera innehållet till alla besökare oavsett deras val av webbläsare. För att få det att fungera kan man nyttja filosofierna bakom Degradable Ajax. Även kallat bakåtkombabilitet.

The Hows and Whys of Degradable Ajax

Dessutom tycker sökmotorerna om vanlig hederlig statisk html.

Hur påverkar html-koden en sidas placering hos Google?

Friday, February 3rd, 2006

Mike Davidson har lagt en stund på att försöka ta reda på hur själva html-koden bakom webbsidor påverkar placeringen hos Google. Han drar följande slutsatser:

  1. The H1 tag does indeed assert some dominance and we can therefore assume you are better off using proper headings in your HTML documents.
  2. The mere appearance of many nested tables in your code does not have a strong enough negative effect to be considered a drag on search engine ranking.
  3. It’s not clear that validity helps search engine ranking, but it’s definitely true that certain errors in your code can get you completely removed from indexes.
  4. The semantic effect of hierarchical HTML headings is a stronger factor in search rankings than more rudimentary measures such as physical keyword placement.
  5. Although good semantics are somewhat valuable in optimization, simple things like proper titles, descriptive filenames, and incoming links are dramatically more important.

Notera det kursiva. Mike menar att felaktigheter i koden kan leda till att Google struntar i sidan. Om detta är sant så är det extra viktigt att mallarna i ett CMS som exempelvis Wordpress är riktiga - annars har du en helt oindexerbar sajt. Spooky.

Mike Davidson: Lessons From The Roundabout SEO Test