Tag-arkiv: sideprojekter

Om typer af input

Når jeg skal udfylde en formular på nettet, ser jeg alt for ofte, at udviklerne bag ikke benytter sig af, at input-felter kan være andet end almindelig tekst. Udover typen text findes der blandt andet også url, email og number. Disse typer er utrolig nyttige, fordi de fortæller klienten mere om, hvad der forventes af inputtet. Det bruges specielt i to tilfælde:

  • synshandicappede som får læst sidens indhold højt
  • mobile enheder, der tilpasser tastaturets layout

Selv har jeg naturligvis mest erfaring med den sidste kategori. Når man skal indtaste en url eller en email kan det være irriterende, at skulle skifte frem og tilbage mellem tastaturlayout for at finde de rette tegn. Det kræver så lidt at bruge url og email til web- og emailadresser, og effekten er stor.

Eksempel på type=email

På iPad ændrer tastaturlayoutet sig, så @ er lettere tilgængelig, når type er sat til email.

Så hvis du laver websider, så husk på følgende:

  • brug number, url og email til inputfelter som falder indenfor de respektive kategorier
  • browsere, som ikke forstår typerne, falder tilbage til almindelig tekstinput, så det er ikke farligt at bruge

Der findes også mere eksotiske typer som “color,” “date” og “range” men de skal nok bruges med lidt større forsigtighed, siden de ikke er direkte undertyper af text som de andre er. Dem kan du læse mere om her.

Nem konvertering af farver – et sideprojekt

Et nyt sideprojekt har set dagens lys: The Friendly RGB to Hex Converter.

Som navnet antyder, er der tale om et værktøj til at konvertere RGB farver til hexadecimal. Hvis du ikke ved, hvad det er for noget, så er værktøjet sandsynligvis ikke for dig. Men læs gerne videre alligevel.

Men hvorfor lave sådan et værktøj? Der findes tusindvis af sider, der kan konvertere RGB til hex, så vi behøver vel ikke endnu et? Nej, det gør vi nok ikke, men jeg gjorde. De sites jeg testede syntes jeg manglede en oversigt over de farver, man allerede havde konverteret. Man skulle selv sørge for at kopiere farverne til et andet program, før man går videre til næste. Det virker fint for en farve, men skal man konvertere en hel palette, bliver det lidt omstændeligt.

Det, synes jeg, kan gøres bedre.

Derfor vil min konverter løbende opdatere en liste over alle farver, man har konverteret. På den måde kan man holde styr på dem og kopiere koderne efter behov.

Siden en RGB til hex konverter i udgangspunktet ikke er raketvidenskab, valgte jeg at fokusere lidt mere på inputfeltet. For det første er det gjort stort og nemt at komme til (ikke til at komme udenom, med andre ord). For det andet – og mest vigtigt – har jeg forsøgt at gøre det dynamisk på den måde, at så snart der skrives noget, som kan tolkes som en RGB kode, bliver den konverteret og vist i preview-feltet. På den måde kan man sidde og lege med farver bare ved at ændre tallene. Det virker ret godt, synes jeg. I hvert fald hvis man holder sig til komma eller mellemrum som separator.

Skulle jeg forbedre konverteren ville jeg nok tilføje drag-and-drop organisering af farverne i historikken. Det kan være behageligt at have dem sorteret på en bestemt måde.

Atter engang var det en bekræftende øvelse at lave noget konkret, som er kommet ud i æteren. Jeg håber du vil synes om det.

Sideprojekter

Eftersom tiden siden min forrige blogpost snart kan tælles i halve år, kan man godt blive foranlediget til at tro, at jeg ikke har tid til noget som helst. Det har jeg nok egentlig heller ikke, men på de sidste 14 dage har jeg faktisk klaret at spytte to små sideprojekter ud. De er hverken revolutionerende eller imponerende, men det føltes godt at følge dem til dørs. Her er de:

thingstodoandsee.in

Efter at have bevidnet det n’te tweet om “hvem kan anbefale nogle fede steder i by X” fik jeg ideen til dette site. Her har jeg samlet en række Google kort over storbyer (og Bornholm), så det i fremtiden er nemt at smide en URL tilbage i hovedet på dem, der mangler hjælp. Den vågne læser har nok regnet ud, at siden er lavet således, at adressen til kortet over for eksempel Berlin bliver til thingstodoandsee.in/berlin. Smart.

Kortene er lavet af kloge hoveder, der rejser meget og har god sans for kvalitet. Besøg siden for at finde ud af mere.

kanduanbefale.dk

Siden vi er ved anbefalingerne, så handler mit andet sideprojekt om lige nøjagtigt det. Ideen er utroligt simpel; Den søger på Twitter efter tweets med ordene “kan anbefale” og spørgsmålstegn og viser dem i kronologisk rækkefølge på en simpel side. Tanken er så, at folk i det barmhjertige hjørne kan besøge siden og hjælpe, der de kan og høste lidt god karma på det.