Alla (blogg)hjärtans dag
Bloggarna där ute har fått fnatt, det verkar gå någon kärleksvåg över hela vida internet. Det måste bara betyda att den 14:e Februari närmar sig och åter igen ska vi lyckliga satar få mysa lite extra med partnern. Nästan två veckor kvar …
TKJoch mjukvara.se gör en undersökning om bloggarnas kärleksvanor. Svara gärna på undersökningen själv och bidra med dina erfarenheter.
Webmastern kör en push för att skicka blom-o-gram.
Ska det firas den 14:e eller är det en “kommersiell dynga/fira kan man gör annars ändå”?
Tips och tankar om bloggtexter: del 3 – textflöde
Del tre i serien om hur man hanterar och skriver bloggtexter. Den här delen ska behandla hur man hanterar textflöden och lite teorier bakom.
Det stora ämnet där det finns massor med teorier och tankar är om textflöden och hur ögat läser av en text på skärmen. Textflöden är grunden i användbarhet och genom att tänka till lite extra kan man få en läsare att behålla intresset.
1. Tänk på styckeindelningen
Många vill ofta skriva mycket för skrivandets skull, men tänk på att paragraferna ska vara små. Helst bara ett par meningar per stycke. Detta gör läsningen mindre ansträngd. Detta är den största skillnaden mot mer traditionella medier då stycken sällan förekommer i flytande text.
2. Ögats avläsning på skärmen
Enligt efterforskningar från Jacob Nielsen så avläser vi en sida enligt ett F-mönster. Vad det betyder är att ju längre ner man kommer i artikeln, ju mer läsre tappar man. Detta måste man utnyttja genom att lägga det bästa och intressantaste först. Skriver man en slutsats eller tes i början av inlägget så är det större chans att läsaren vill veta mer och se varför författaren har de åsikterna.
F for fast. That’s how users read your precious content. In a few seconds, their eyes move at amazing speeds across your website’s words in a pattern that’s very different from what you learned in school.
In our new eyetracking study, we recorded how 232 users looked at thousands of Web pages. We found that users’ main reading behavior was fairly consistent across many different sites and tasks. [...]
Märk att detta kan användas för att placera annonser, viktig informationstext och annat relevant.
3. Grafik och luft
Luft är bra, det är de flesta grafiker överens om. Erik Pettersson skriver ett bra inlägg hur man kan använda luft i sin design, men detta kan även användas i text. Bra med mellanrum, radavstånd och en textstorlek som är lätt att läsa är grundtankarna. Ett bra inlägg om ämnet är 100e2r där de tar upp en del punkter som är enkla att följa.
Grafik är ett mycket bra hjälpmedel för att avlasta. Grafik gör nämligen att ögat avlastas och kan fokusera på något annat en liten stund. Kom ihåg att använda grafik sparsamt så det inte blir klustrat då effekten kan bli motsatt.
I en perfekt webbvärld
Utopi är ett ord som beskriver det perfekta som aldrig kan nås. I min utopiska värld på internet skulle jag vilja att:
- Webbläsarkriget finns men saker som heter “Validerar ej” finns inte. Det finns ingen mening med validatorer eftersom alla gör sina sidor enligt standarden som w3 sätter upp. Protokollen som w3 sätter upp följs och alla webbläsare renderar samma. IE6 dog när IE7 kom …
- Det finns ingen Flash eller Silverlight som är stängt. Öppenhet är nyckelordet och öppet är det allt. Tänk vad bra Flash hade fungerat med open-source utvecklingsmetoden. Problem hade fixats direkt och snabbt, speciellt till “alternativa” operativsystem.
- HTML5 och CSS3 hade använts fullt ut och nästkommande generation hade funnits i draft. Just nu har HTML5 och CSS3 arbetats på i ett årtionde känns det som, dock är stödet i webbläsarna fortfarande dåligt.
- Webbtjänster styr. Allt baseras på en webbtjänst som andra kan utnyttja och dela med sig av. Tjänster kommunicerar sömlöst med varandra.
- Webbapplikationer sprider ut sig och fungerar. Dokument, presentationer och bildeditering finns gratis på nätet.
- Mediankonsumtionen med musik och film finns att streama oberoende av landet man bor i. Nätet är sömlöst utan gränser. Torrentsidor behövs inte, lobby mot pirater finns inte heller.
- Hatkommentarer mot de som inte riktigt kan har utbytts mot hjälpande händer och välkomnanden istället för utfrysning.
Någon dag kanske vi är där ..
Slå ett slag för Design float
För ett par månader sedan så blev en helt ypperlig sida hackad, nämligen designfloat.com. Sidan åkte ner, databaserna tömdes. Eftersom de som hanterar sidan inte trodde på back-up försvann hela deras databas och sidan låg nere under en dryg månad.
För er som inte känner till Design Float, så beskriver bloggen greg-j.com den väldigt bra.
For those of you who don’t know, Design Float is to the Digg of web developers.
Besökarantalet har nu droppat rejält och postningen på sidan också vilket är synd eftersom allt man behövde och som skrevs i den “stora” webbdesignvärlden (internationella) fanns där.
Härmed slår jag ett slag för sidans fortlevnad och ger er tipset att, är du intresserad av webbutveckling, webbdesign eller grafisk design i övrigt – då är Design Float troligtvis något för dig.
BBC beskriver sin utvecklingsprocess
En av de mer intressanta aspekterna inom webbutveckling är arbetet bakom fram till att koden börja skapas. Processen och tankegångarna, varför man gör vissa val och vilka lärdomar man kan ta av andras projekt.
BBC har publicerat och beskriver sin process och tankegång bakom sina webbsidor i artikeln “How we make websites”. Inlägget är beskriven med orden:
Designing and building data driven dynamic web applications the one web, domain driven, RESTful, open, linked data way
Artikeln är ganska omfattande och lång men ger en klar och bra överblick i processen hur de arbetar och tänker.
Titta också på presentationen innan du läser resten av texten för att få en enklare överblick vad det handlar om. Mycket handlar om sk. one web vilket innebär i korthet att samma tjänster och funktioner ska finnas oavsett vad för sorts enhet man använder.
Gravatar.com – global avatar
En avatar bredvid sin kommentar på bloggarna där ute är ganska fint och bidrar mycket till att inläggen blir personliga och att författaren kommer närmare sina läsare. En tjänst som funnits ett bra tag nu är gravatars.com men det verkar vara nu på senare tid sidan har slagit igenom i Sverige. Jag har använt tjänsten ett par månader och kunde inte vara mer nöjd.
Vad sidan gör är enkelt, den låter dig registrera din e-post och ladda upp en bild. Sen kan externa sidor via en hash kod som bygger på e-posten hämta avataren och visa bilden.
Skaffa dig en också, det tar bara fem minuter och är helt klart värt det.
Man måste älska universella tjänster med bra API.
Tips och tankar om bloggtexter: del 2 – ämnen
Del två i serien om bloggtexter som kommer gå igenom ämneshantering och inriktning för din blogg.
Att hålla sig till bestämt ämne i sin blogg kan vara svårt. Speciellt när fingrarna kliar och skriften tycks leva sitt egna liv. Att definiera för sig själv vilket område bloggen ska handla om är ett bra sätt att avgränsa sig och behålla sin genre.
1.Skapa ett blogmotto
Det som menas med att skapa ett motto eller en slogan för sin blogg kan jämföras med att skapa en affärsidé. Tänk igenom alla texter och ämnen och fråga dig själv: ”Ligger detta inom mitt område?”. Området behöver inte vara smalt utan det kan vara stort som att du vill skriva om saker som rör internet eller smalt som att du exakt vill följa hur Ettans snus står sig mot konkurrenterna.
2.Var hängiven
Tro på ditt ämne, tro på det du skriver. Det syns i dina texter. En trovärdig text är ofta de som skrivs av en person som brinner för sitt ämne och tror på sina åsikter. En blogg är ofta ingen journalistisk korrekt sida, en blogg kan liknas mer vid en debattartikel eller en krönika, därför kan du vädra så mycket åsikter du vill och tycka exakt som du vill.
3. Hitta motivationen och inspiration
Det är ganska lätt att förlora sin motivation och sitt intresse, eller bara förlora kreativiteten för nya inlägg. Det finns ett bra sätt att motverka detta – arbeta i förväg.
Ha ett anteckningsblock eller dokument på datorn så du kan skriva upp idéer och brainstorma när du har tid över. Allt kan alltid leda till ett bra inlägg eller ny vinkel på ett gammalt.
Att hitta inspiration är ibland svårt, därför är det bra att läsa andra bloggar inom sitt område för att se vad som är nytt eller om man får en idé utifrån dessa. Personligen läser jag ett 20-tal genom min rss-läsare.
Boktips: Typografisk Handbok
Typografisk handbok av Christer Hellmark är en av böckerna jag ska läsa till kursen Typografi&Form som startade förra veckan. Jag har nu skummat igenom den och kan inte säga annat än att boken sprudlar av små underbara tips och tankeställare när det gäller typsnittshantering.
Personligen vet jag at
t jag är ganska förlåtande när det gäller typografi. Detta är min chans att komma in i det och lära mig mer om hur man egentligen bör göra. Inte bara gissa mig fram och lita på ögat.
Ta och läs den om du vill veta mer om skärning, bästa praxis och annat som har med textformatering att göra. Jag vet att boken kommer finnas i min bokhylla ett bra tag framöver i alla fall. Tills den kan ersättas med någon som inriktar sig mer på webb än print.
Boken finns på bokus för 182:-
Tips och tankar om bloggtexter: del 1 – språk
Att skriva bra text med bra svenska är svårt, men det finns vissa riktlinjer man kan använda sig av. Beroende på stilen man har valt så kan man välja olika källor till exempel vetenskaplig text, journalistisk text eller talspråk (rekommenderas inte, bättre för bloggar i dagboksform men gör det hela svårare att läsa, förstå och ta in).
Anledningen till den här posten är att jag personligen har ganska svårt för att skriva, tala är mer min grej. Att jag driver cynatic.org som blogg är en bra övning och jag får tillfälle att öva upp mitt skriftspråk.
Läs också de senare delarna:
1. Skriv personligt
Till skillnad mot journalistisk text och vetenskaplig text så är bloggtexter oftast personliga, man vill få ut sin åsikt och förmedla sina tankar om de ämnen man har valt. Märk skillnaden mellan personligt skriven och talspråk. Talspråk är hur man pratar i ett samtal och tyvärr gör sig inte detta sätt bra i text.
Exempel på hur talspråk i dagsboksform kan se ut:
Hej, idag satte jag mig på en stol och började asgarva, hehe. Jag hade skitkul eftersom man sitter så konstigt ibland.
2. Rubrik, rubrik, rubrik …
Rubriken är det viktigaste du har som verktyg, det är inte alltid helt lätt att bygga men övning ger färdighet. Tänk och sträva efter att rubriken ska förklara så mycket som möjligt i en kort mening. För bloggar gäller också baktanken att rubrik är det som folk söker efter, seo-mässigt är det viktigt att använda bra ord som beskriver artikeln.
Exempel:
Fem csstips du borde känna till
Säger mer och är intressantare än:
Lista på bra csstips
3. Kolla upp stavning och avstavning
Kanske den viktigaste punkten, stavfel är fult och ter sig konstigt i en löpande text. Du kanske inte ser det men besökare ser ofta att något ser konstigt ut.
Det finns hjälp att få angående termer och fackspråk. TT-språket är ett hjälpmedel som jag kommer börja använda så mycket jag kan om jag blir osäker. TT-språket är riktlinjer som tidningar oftast följer. Skriver man om teknik så är svenska datatermgruppens ordlista ett måste. De listar hur man bör benämna ord, prylar och termer på svenska och i svenska texter.
Tänk också på att man skriver siffror upp till 13 med bokstäver och att förkortningar är gemener.
Exempel:
I några fall är små bokstäver att föredra därför att besläktade ord brukar skrivas gement. Det gäller särskilt tekniska termer som ofta förekommer i samma texter som orden ovan: adsl, dab-radio, dvd, md (mini disc), gd (generaldirektör), gps, gprs, mms, mp3, vhs, wap.
En bloggpost varje timme under 12 timmar
Läste om en intressant idé hos tkj om att posta en bloggpost varje timme i åtminstone 12 timmar.
Om man nu skulle köra ett sådant arbete så antar jag att förarbete i 12 timmar måste pågå för att få uppslag till intressanta artiklar att postar. Man borde i alla fall komma på ämne för varje timme.
Utmaningen i sig skulle vara intressant, främst eftersom ens egna förmåga och kreativitet skulle sättas på prov, men också eftersom det skulle öka ens egna förmåga att spotta artiklar på kort tid. Lärodomen hur det kan fungera och vad som kan gå fel kan bli enorm.
Kommer hålla koll ifall det blir någon samlad effort senare i frågan. Tänker definitivt vara med och anta utmaningen.
Lägg in din bloggyfeed med simpleXML och PHP
Gjorde som flera andra och skaffade mig ett konto på mikrobloggsiten bloggy.se tidigare och tänkte det vore snyggt att visa vad man gör på den sidan via sin blogg. Skrev därför ihop en snabb klass i PHP med hjälp av simpleXML som hämtar RSS-feeden från sidan och skriver ut den på bloggen.
Delar med mig av koden som skrevs här:
[code language="php"]<?php
class Bloggy {
function connect($feed) {
return @simplexml_load_file($feed);
}
function getAvatar($feed) {
$sxml = $this->connect($feed);
return $sxml->channel[0]->image[0]->url[0];
}
function getFeed($feed, $limit = 10) {
$sxml = $this->connect($feed);
$x = 0;
while ($x < = $limit && isset($sxml->channel[0]->item[$x])) {
$return[$x] = array(
'date' => $sxml->channel[0]->item[$x]->pubDate[0],
'permLink' => $sxml->channel[0]->item[$x]->link[0],
'title' => utf8_decode($sxml->channel[0]->item[$x]->title[0])
);
$x++;
}
return $return;
}
}
?>
Hur man använder klassen finns här under:
[code language="php"]
$rss = 'http://drago.bloggy.se/rss';
$bl = new Bloggy;
echo '<img src="'.$bl-/>getAvatar($rss).'" alt="bloggy avatar" />';
foreach ($bl->getFeed($rss) as $value) {
echo '<div>';
echo $value['date'];
echo '<a href="'.$value['permLink'].'">'.$value['title'].'</a>';
echo '</div>';
}
Kom ihåg att det är en "first draft", det vill säga en snabbt skriven klass, det vill säga - alla funktioner finns inte än samt att den kanske inte är snyggast i Sverige. SimpleXML bör finnas i varje hem som kör PHP5.x.
Håll till godo.
Enklaste sättet att sätta upp en server med PHP, MySQL och Apache2
Många är frågorna som kommer till min IM klient. Men de flesta brukar handla om den enkla frågan “Varför fungerar inte min PHP med apache?”. Svaret jag brukar ge är att kasta bort all manuell installation om du inte vet vad du gör, det finns så mycket enklare alternativ. Wampserver är en bundle-pack som sköter allt åt dig.
Så här installerar du en WAMP-server (Windows Apache MySQL PHP/Perl) på din dator på enklaste sättet.
1. Börja med att gå till http://wampserver.com, förstår du inte franska så tryck på den lilla engelska flaggan på höger sida.
2. Klicka på download i menyn och klicka på download igen på sidan (eller på direktlänken här).
3. Leta upp exe-filen på din dator och starta installationen. Följ stegen och klicka dig igenom, inga extra uppgifter eller kunskaper behövs egentligen för en fungerande grundinstallation.
4. För att PHP ska fungera med alla script så rekommenderar jag att du ställer om short open_tags till on. Detta gör du med ett musklick (vänsterklick) på den lilla ikonen som dykt upp i aktivitetsfältet, väljer PHP, PHP settings och trycker på “short open tags“. Detta gör att du inte behöver <?PHP i php-filerna utan kan nöja dig med <?. Den här inställningen är oftast inte rekommenderad – men lata programmerare finns det gott om.
Grattis! Nu ska det fungera! Navigera med din favoritläsare till http://localhost/ och du ska se en startsida. Filerna finner du i c:\wamp\www (om du inte ändrat sökvägen vid installationen).
Extra tips som kan behövas är att aktivera mod_rewrite för snygga urls samt att ändra din sökväg till din webbroot.
För att aktivera mod_rewrite, gå in i Wampserver-menyn igen, gå till Apache -> httpd.conf. Sök efter mod_rewrite och ta bort kommentaren framför raden (#). Apache behöver nu startas om, tryck på Restart all Services om du inte vill göra fler ändringar.
Vill du ändra katalogen för din webbroot så navigerar du in httpd.conf igen, navigera nedåt i dokumentet tills du hittar “DocumentRoot”, ändra till din sökväg och byt ut backslashes mot vanliga slashes. Kopiera den slutgiltiga sökvägen och gå ner en liten bit till, du ser en kommentar som det står:
# # This should be changed to whatever you set DocumentRoot to. #
Byt ut den befintliga med din sökväg igen. Starta om Apache och allt ska nu vara klart!
Något ni saknar? Ska jag ta upp något annat? Berätta gärna!
Tanke angående publicerade bilder och upphovsrätt
Satt igår och surfade runt på DeviantArt efter lite tatueringar då jag är ganska sugen på att skaffa en till. En sak slog mig ganska snabbt, hur tänker artister som designar tatueringar när de ger ut sin bild i full och bra storlek, öppet för vem som helst att ladda ner, skriva ut och tatuera in, men skriver “This image is copyrighted, you arn’t allowed to tattoo it, distribute it, claim it as yours [...]“. Känns lite som en paradox, upphovsmakaren delar med sig av sin bild och vill att alla ska se den och kommentera den, men vill inte att någon gör något av den. Förvirrande? Ganska enligt min mening ..
Okey att vilja ha och designa en tatuering som är helt ens egna, helt unik för personen som gör den. Men varför publicera källan så att vem som helst kan ta den? Jag förstår att de inte vill att man ska säga att den är dess egen, alla vill ha cred för sitt arbete, men att lägga ut bilden som den är betyder ju att det säkert går runt minst 20 personer till i världen med exakt samma motiv.
Att gå runt detta är ganska lätt, ta kort på bilden när den är gjord istället. Då är den inte lika enkel att kopiera och används som det kanske är tänkt – som inspiration.
Vad jag är sugen på? Japansk inspirerad .. funderar inte på koi-fisk+lotus dock utan något annat motiv.
Blogkataloger hjälper ingenting
Har under något år varit medlem i diverse bloggkataloger för att se vad det gör för mitt besökarantal här på sidan. Nu har jag kommit fram till en slutledning – marginell skillnad.
Alla dessa miniknappar ni ser på diverse bloggar om bloggranking hit och bloggtopplistor dit, det är diverse kataloger som man kan registrera sig i för att synas och generera trafik till sin sida. Visst, bra idé tänker man, jag signar upp mig för att synas!
Men här kommer problemen, folk som är inne på sidan är bara sådana som vill ha mer trafik till sin sida. Det betyder i princip att det genereras inte någon egentlige trafik och syftet dör. Sedan September 2007 har jag fått in 70 besökare från bloggkataloger (haft medlemskap på ett tio-tal – både bra och dåliga), enligt Google Analytics. Detta kan jämföras med 200 besökare från en blogg jag kommenterade för två månader sen. Kan nämna att jag legat allt från plats nummer fem till plats 25 på deras lista under mina ämnesord.
En annan sak är att det inte generar några inlänkar heller, främst eftersom de flesta katalogerna kör med ett redirect-script vilket inte visar min url. Så här tjänar man ingenting heller.
Vad är det då man tjänar på sidorna?
Inte mycket, kanske lite publicitet då och då (som sagt, 70 besökare på över ett år), men det jag har sett mig göra mest är att man tävlar och kollar in sina “konkurrenter” inom ämnesområdet.
Rensade bort hälften av mina kataloger för någon månad sedan, snart ryker hälften av de som är kvar. Varför vara registrerad om det inte ger någonting?
Aftonbladet gör om men det räcker inte
Aftonbladet lanserar nu sin re-design, men varför gör de inte sidan bättre från grunden? Nu eftersom de ändrat så saknar jag belägg, men första sidan är fortfarande 4401 rader (klockan 16:41) och består av hur mycket inline css, inline javascript och ostrukturerad kod som helst.
Men man ska inte vara fullt negativ, den är bättre än innan. Inte lika anpassad efter mini-upplösning som innan och översikten är bättre (att den ser plottrig ut enligt min mening är knappast ett webbfel – mer bilderna de väljer att använda som är knapphändiga). Men varför gjorde de inte som dn.se eller svd.se? Där är sidor som är rena, fina och fungerar bra att vara inne på en längre tid. Det häftigaste är att sidan deras validerar. Räknar inte med de små-felen som troligen kommer från annonser, men stora applåder för det! Hoppas de kan hålla det också!
Ett litet steg framåt, men det kunde lika gärna varit ett stort kliv.