Hitta fullversionen av katten på DeviantArt.

Hittade via Jardenbergs feed (vilken alltid är fullproppad av godis för övrigt), ett tips om Feedly, vilket bäst kan beskrivas som en wrapper till Google Reader.

Vad det hela gör, efter du loggat in med ditt Google-konto, är att den tar alla olästa poster och organiserar allt på ett väldigt trevligt och inbjudande sätt. Det blir helt enkelt trevligare att plöja igenom sina flöden och, om det behövs, rensa bort sådant som inte är intressant.

Något som är ett stort plus är att tjänsten erbjuder flera olika versioner av sorteringar av flödena, antingen via cover, vilket är allt som du prenumererar på, eller via grupper och popularitet eller helt enkelt det senaste som kommit in. Något som också är intressant är att det integrerar fin-fint med Buzz, Twitter med mera vilket är pricken över i.

Jag är helt såld på lösningen och kommer nog enbart gå tillbaka till original versionen i nödfall.

Rädsla att förlora besökare

En stor anledning är att många är rädda att förlora besökare på sidan, besökare som kan klicka på annonser, påverka sin statistik samt interagera med webbplatsen.

Men om sanningen ska fram, är inte statistik den största lögnen? Om du har 40 unika besökare om dagen, men 200 som prenumererar på RSS – är inte det bättre eftersom det ändå är ditt innehåll som ska stå i fokus.

Men blir inte interaktionen lidande?

Nej, ofta inte. Enligt labnol ökade till och med användar-interaktionen med sidan då han bytte från ingress till att publicera hela artikeln i sitt flöde. Jag uppmuntrar er att läsa den posten också då det finns mer konkret bevis att läsa. Cynatic har alltid visat hela posten.

Funderas det sen på de förlorade reklam-intäkterna så är det ganska enkelt att infoga dem i flödet också. Det finns massor av plugins till WordPress i alla fall.

Aktivera hela inlägget i WordPress

Jag hoppas inlägget har hjälpt dig i ditt val angående RSS-flöden.

1. Dela upp dina filer

Dela upp filerna i flera mindre delar. Importera en main.css fil och därifrån använd @import url(annanfil.css); för att öka översikten. Personligen väljer jag att dela upp min CSS i tre olika delar: layout, basic och typo. Layout.css lägger jag allt som påverkar eller är involverad i kontruktionen av sidan. basic.css är främst omdefinerade HTML-taggars utseende och placering (till exempel a, body, div, p etc) och typo.css hanterar all typografi och text.

Fördel
+ Bra översikt
+ Mindre antal rader
+ Perfekt för större sajter

Nackdel
- Ökar antalet HTTP-requests från ett till fyra.

2. Använd shorthands

Att använda förkortningar i sina CSS-filer är ett mycket bra sätt att öka läsbarheten när man väl lärt sig. De vanligaste är margin/padding som kan förkorta fyra rader till en rad genom att skriva margin: top right bottom left. Men det många glömmer bort är font och background:
[code language="css"]font-size: 0.5em;
font-family: arial, sans-serif;
font-weight: thick;
line-height: 0.7em;

Kan förkortas till font: thick 0.5em/0.7em arial, sans-serif.

Fördel
+ Mindre rader
+ Högre läsbarhet
+ Mindre risk för dubletter

Nackdel
- Kan ta lite tid innan man fullt ut greppat

3. CSS möjligheter till kommentarer kan utnyttjas

När filen börjar uppgå till 200 rader så kan det kännas lönlöst att hitta dit man ska. För att lösa problemet skapar jag ett slags index i början av varje fil samt ett övergripande index i main.css.
[code language="css"]*
*    MAP:
*    _____LAYOUT
*    _____NAV
*    _____GENERIC
*/

Sen ovanför varje sektion sättes en kommentar med:
[code language="css"]/*
*     ______LAYOUT
*/

Använder man systemet blir det enklare att ögna igenom och snabbt hitta det man söker.

Fördel
+ Hittar dit man ska
+ Känns mer strukturerad

Nackdel
- Tar utrymme
- Tar tid

Finns det andra tips hur man ökar hanteringen av CSS-filerna?

Flera versaler efter varandra i löpande text blir ofta påträngande […]. Det kan avhjälpas genom att man sätter versalerna en punkt mindre än den övriga texten och spärrar dem lite […].

För det första är denna koden ganska generell och det reguljära uttrycket är på inget sätt optimerat då mina kunskaper inom det fortfarande är ganska låga, det finns säkert en smartare sträng som löser uppgiften.
Först antar vi att din text är i en string:
[code language="php"]$str = "Hej en förkortning kan se ut som detta CSS eller HTML-kod samt PHP";

Sen behöver vi reguljära uttryck och en replace på de förkortningar som finns:
[code language="php"]$pattern = array(
"/s([A-Z][A-Z0-9]{2,})s/",
"/s([A-Z][A-Z0-9]{2,}+)/"
);
$replace = array(
" $1 ",
" $1"
);
$str = preg_replace( $pattern, $replace, $str);

Detta byter ut alla förekomster av förkortningar med tre tecken eller mer i den löpande texten. Att vi har två reguljära uttryck är eftersom en förkortning kan finns som ensamstående, HTML, eller som del av ett ord, HTML-koden.

Det som är kvar är att sätta en stilmall på den nya layouten:
[code language="css"]abbr {
letter-spacing: 0.1em;
font-variant: small-caps;
font-size: 11px;
}

Att vi väljer dessa regler är ganska enkelt. En förkortning ska enligt Hellmark spärras med ungefär 10%, alltså blir det 0.1em. Istället för att använda versaler som ser konstigt ut så kan man istället använda kapitäler som har samma x-höjd som resterande text. Det kan också vara en bra idé att minska textstorleken med 1pixel (eller punkt i print) för att linjera texten ytterligare.

Sammanfattning

[code language="php"]$str = "Hej en förkortning kan se ut som detta CSS eller HTML-kod samt PHP";
$pattern = array(
"/s([A-Z][A-Z0-9]{2,})s/",
"/s([A-Z][A-Z0-9]{2,}+)/"
);
$replace = array(
" $1 ",
" $1"
);
$str = preg_replace( $pattern, $replace, $str);

Och CSS:
[code language="css"]
abbr {
letter-spacing: 0.1em;
font-variant: small-caps;
font-size: 11px;
}

Resultatet kommer bli så här i alla moderna webbläsare:

Och så här i Internet Explorer 7:

Ska ta upp hur man enkelt stylar en input med ren CSS och en liten ikon.

Först HTML koden där vi skapar två knappar, en submit och en reset, med id b1 och b2:
[code language="css"]

Ganska enkelt? Givetvis. Nu blir det lite mer kod när CSSen ska läggas till.

Först måste du hämta hem ikonerna, de jag använt finns här och här. Båda är släppta under GPL så det är fritt att använda dem.

Vi sätter för det första en ny border vilket tar gör att den gamla layouten försvinner. En padding sätts också och så att knappen blir den storleken vi är ute efter. Om ikonen känns lite malplacerad så justeras den enkelt med background-position:.

Sen kommer fusket, eftersom Explorer inte stödjer border-radius (varken version 7 eller 8), så lägger vi till -moz och -webkit för de som använder Mozilla eller WebKit-baserad läsare.
[code language="css"]
#b1, #b2 {
padding: 3px 12px 3px 27px;
border: 1px #ccc solid;
background: #f9f9f9 url(button_ok.png) no-repeat center left;
background-position: 7px;

color: #333;
font-family: Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#b1:hover, #b2:hover {
background-color: #f5f5f5;
}
#b2 {
background: #f9f9f9 url(button_cancel.png) no-repeat center left;
background-position: 7px;
}

Sådär, nu ska du ha det färdiga resultatet och få alla fördelar med en riktig input utan att behöva hantera javascript, konstiga hack eller andra element.

• Del 1 – språk
• Del 3 – textflöde

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.