Rasmus.krats.se

English

Skriverier då och då, på webben sedan 1995

Taggat meta

Bättre personsidor i Fantomenindexet

Publicerad taggat , , , , .

Jag har förbättrat sidor om serieskapare i mitt Fantomenindex på ett par olika sätt. En del personer har gjort massor av översättningar och skrivit några äventyr. Tittar man på sidan om Göran Semb så är det lättare att hitta äventyren han skrivit nu.

Nästa förbättring är att jag visar upp omslag på personsidor. Terje Aspmo hade nyss en helt tom sida, men nu kan man se hans 24 omslagsbilder. Vissa skapare, som Hans Lindahl och Rolf Gohs har gjort väldigt många omslag. Då visar jag några som placerat sig bra i omröstningen Bästa Omslag, tillsammans med en kompakt men komplett lista i bara text.

Själva indexerandet går också vidare. För närvarande finns 1233 tidningar i indexet.

Kommentera inlägget

Ikonfont

Publicerad taggat , , , .

En ganska omskriven teknik på senare tid är att använda en speciell font med symboler i stället för bilder som ikoner. En fördel är att det blir färre filer att ladda (utan att behöva använda "css sprites", som blir ganska jobbigt att hantera i längden). En annan fördel är tecken i fonter ju är vektor­baserade, så ikonerna blir perfekt skalbara. Dessutom kan ju tecken i fonter utan problem kombineras med css för att t ex passa in i knappar eller byta färg vid fokus, utan att man behöver göra olika versioner i olika färger av ikonerna.

En nackdel kan vara att en font ofta innehåller mycket fler ikoner än man egentligen behöver, och därmed är ganska stor. Font Awesome består till exempel av 220 riktigt snygga ikoner och kostar runt 40kb. Nu finns dock en lösning på det problemet genom siten Fontello, som även genererar enkla exempel på den CSS som behövs.

Så nu använder jag en liten font med några ikoner. På så sätt blir de dels snyggt skalbara och dels kan de laddas tillsammans i stället för en och en, vilket sparar lite bandbredd.

Symbolerna är ur Font Awesome, CC BY Dave Gandy, och Entypo, © 2012 Daniel Bruce. Symbolurvalet är gjort med Fontello.

Kommentera inlägget

A simple and usable lightbox

Publicerad taggat , , , , , , .

I have written a new jQuery plugin. It is a lightbox with focus on simplicity and usability. I call it kratsbox, and it's availiable on github. Instructions for use are in the readme at the github page.

I have used lightboxes such as fancybox and jquery-lightbox for a while, but havn't been happy with the keyboard usability of them (let alone the fact that they all seem to require image loading). Recently, Axbom linked to a specification for an Accessible Lightbox, which I agree with. After doing some more searching for a good lightbox, and still not finding any, I gave up and wrote my own.

Of course, I now use kratsbox on this site, so as a demo, here's some of my favorite images from 2011.

Bild
Bild
Bild

Kommentera inlägget

Ny teknik på rasmus.krats.se

Publicerad taggat , , , .

Nu har jag genomfört ett generationsskifte i tekniken här på bloggen. Redan tidigare har jag kört lite django "vid sidan av" själva innehållet, som var statiska filer (byggda med make och xslt), men nu kör jag hela siten i django.

På samma gång övergår jag till lite modernare markup, html5. Lite javascript och css ser till att det förhoppningsvis fungerar som det ska även i browsrar som egentligen inte stödjer det (som IE 8 och äldre). Designen har också fått en uppdatering, även om utseendet är ganska likt det jag har haft sedan 2009. Förhoppningvis ska det vara snyggt och användbart både på stora skärmar och telefoner.

Det här innebär också att kommentarer på rasmus.krats.se fungerar igen, efter att ha varit avstängt ett tag.

Kommentera inlägget

Ny design

Publicerad taggat , , .

Nu får min webb nytt utseende. Dels hoppas jag det är snyggare, dels försöker jag underlätta för små skärmar (telefoner). Min design har alltid varit "relativ" så tillvida att jag försöker utnyttja den fönster­storlek man har på ett ett bra sätt, men när skärmen är mindre än 400 pixlar bred kan man ändå behöva special­anpassningar. Samtidigt vill man ju att det ska se snyggt ut även med högupplösta skärmar, i alla fall uppemot 1920x1200 ...

Vinjettbilden är från en rastplats söder om Røros i Norge (naturligtvis eget foto).

Rent tekniskt har jag väl inte så mycket att säga om den nya cssen, men vill du läsa den är det fritt fram. Möjligen kan mitt javascript vara intressant också.

Kommentera inlägget

Kommentera rasmus.krats.se

Publicerad taggat , , , .

Nu går det att skriva kommentarer på mina sidor! Jag tillåter bara att inloggade personer skriver kommentarer. Samtidigt har jag full förståelse för att du inte vill skaffa ytterligare ett webbkonto att hålla ordning på lösenordet till, och jag har ingen lust att ha hand om en kontodatabas.

Lösningen heter OpenID. Nu räcker det att du håller ordning på ett användarnamn och lösenord för alla (moderna) siter du vill kunna logga in på! (eller ett lösenord för varje pseudonym du väljer att använda).

Troligen behöver du inte ens skapa ett konto, det är stora chanser att du redan har ett! Om du har ett konto på till exempel KTH, LiveJournal eller WordPress så är det bara att använda! Annars finns en ganska lång lista på servrar man kan använda.

Det här betyder att jag inte tillåter anonyma kommentarer, men jag tillåter pseudonyma kommentarer och skillnaden är ju minimal ...

django

Eftersom jag är den jag är så använder jag inte någon färdig bloggmjukvara, utan har mina sidor som statisk html, genererad med XSLT. Kommentarerna ligger i ett separat system som jag har skrivit med hjälp av plattformen django. De hämtas in på sidorna med hjälp av AJAX (har man inte javascript så blir de ett <object> i stället, och har man en webbläsare som inte ens stödjer det blir det en länk till en separat sida med bara kommentarerna).

För en liten enkel tjänst som den här kändes det väldigt trevlig att utveckla i django. Python fortsätter vara ett programspråk jag trivs med, även om det fortfarande är en relativt ny bekantskap.

Kommentera inlägget

Updaterat min webb

Publicerad taggat , .

Nu har jag gjort ytterligare en ny stylesheet till min webb. Förhoppningsvis är den både snygg och användbar. På samma gång har jag uppdaterat själva htmlmarkupen som genereras från mina sidor, framförallt har jag gjort om navigationen till rena listor i stället för en massa span med olika klasser.

Dessutom har jag stoppat in stylesheetväljaren som även används på Stackens webbsidor. Det är ett litet javascript som kommer ihåg vilken stylesheet man valt (med det vanliga gränssnittet i den webbläsare man använder) och automatiskt väljer samma nästa gång.

Atom 1.0

Nu har jag även skrivit om en transformen som generar min feed så den följer Atom 1.0 som börjar bli färdigstandardiserat och fungera i både läsare och aggregatprogram (till exempel Mice, som bygger planet.stacken.kth.se).

Kommentera inlägget