Rasmus.krats.se

svenska

Reminiscing this and that, on the web since 1995

Tagged meta

Bättre personsidor i Fantomenindexet

Published tagged , , , , .

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.

Write a comment

Ikonfont

Published tagged , , , .

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.

Write a comment

A simple and usable lightbox

Published tagged , , , , , , .

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.

Image
Image
Image

Write a comment

Tech update on Rasmus.krats.se

Published tagged , , , .

I've run a little django on this site for a long time beside the actual content (which was static files, created with make and xslt). Now I've gone all out and run the entire site in django.

At the same time, I've modernized the markup using some semantic html5. Some javascript and css should make it work even in browsers that doesn't really support it (like MSIE 8 and older). The graphical design has got an update to, even if it remains rather similar to the way it has looked since 2009. I hope it is both nice looking and useable on both big screens and small phones.

This also means that comments is enabled on the site again, after having been disabled for a while.

Write a comment

Ny design

Published tagged , , .

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å.

Write a comment

Comment on rasmus.krats.se

Published tagged , , , .

Now you can write comments on my pages! I only allow comments from logged-in users. Of course, you don't want to create yet another web account that you have to remember the password for. I understand that. I don't want to administrate yet another user database either.

The solution is OpenID. Now one account, in a central place you select, is enough for any number of web sites! (or one for each pseudonym you choose to use).

Maybe you don't even have to create a single account — chances are you have one already! If you have an account at e.g. KTH, LiveJournal or WordPress, you can use that! If not, there is a rather long list of providers that you can use.

django

Since I am the geek I am, I don't use any ready-made blogging software. My pages are static html, built width XSLT. The comments are stored in a separate system, which I've written on the django platform. Comments are loaded onto each page by a little AJAX hack (if a browser lacks javascript, they are available as an <object> instead, and failing that as a link to a separate page).

For a small service like this, django was very nice to work with. Python continues to be a programming language I enjoy, even if it's still rather new to me.

Write a comment

Updaterat min webb

Published tagged , .

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).

Write a comment