fiskeben.dk

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.

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.

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.

Forleden dukkede Vine op på radaren. Vine er kort fortalt det samme som Twitter eller Instagram for video og findes pt til iPhone og iPod touch. Jeg har testet appen et døgns tid og synes så godt om den, at jeg blev nødt til at dele det med resten af verdenen.

Det er ikke tilfældigt, at Vine kan kaldes Twitter for video, for Vine kommer nemlig fra Twitter.

At der skulle komme en app, som gør deling af video nemt og bekvemt har sikkert ligget lidt i kortene (og der er sikkert et par snese i App Store allerede), men jeg tror Vine er de første, som har knækket koden. Video giver nemlig nogle udfordringer til brugergrænsefladen og flowet, som man ikke har med tekst eller billeder. Hvordan redigerer man lettest? Hvad med lyd og musik? Format?

Vine har løst disse problemer på meget elegant vis, og det er der, jeg tror, Vine skiller sig ud fra mængden og kan blive “the Next Big Thing.” For det første kan du ikke filme mere end seks sekunder, og din film skal være mindst to (ca). For det andet, er brugergrænsefladen utrolig simpel men samtidig meget nyttig; hold fingeren på billedet, når du vil filme – slip når du vil stoppe. På den måde kan man filme små klip som automatisk sættes efter hinanden. Man kan tilmed lave stop motion film, hvis man formår at holde telefonen på samme sted mellem klippene. Dette kan vise sig at være ganske effektivt.

Bedst af alt, så har man fjernet muligheden for alt andet; ingen redigering, musik, efterbehandling af lyd osv. Alle disse begrænsninger lyder måske som ren nedtur, men det sætter nogle rammer, som man får lyst til at fylde helt ud – måske tilmed sprænge. Jeg oplever selv, at mine tanker begynder at rotere omkring appen; hvordan kan jeg lave en video her? Nøjagtig som vi har set det på Twitter og Instagram.

Men alt er ikke rosenrødt. Også nøjagtig som vi har set det med Twitter og Instagram, så ser Vine ikke ud til at have tænkt på, hvordan de skal tjene penge. Det betyder vel, at vi ser nogle dumme træk om 18 måneders tid, som får brugerne op i det røde felt.

Endnu et sideprojekt ser dagens lys. Med SidenSolhverv.dk kan du nu holde dig opdateret om, hvor meget dagen er blevet længere siden sidste vintersolhverv.

På denne tid af året synes jeg vinteren er på sit værste; det er mørkt, koldt og vådt, og tegnebogen er slunken efter en måned med juleextravaganza. En af mine små hobbyer er at følge med på, hvor mange flere minutters dagslys vi har. Et relativt håndgribeligt bevis på at dagene bliver længere har en behagelig effekt på vintermørket. Derfor fik jeg lyst til at lave SidenSolhverv.dk, som gør det nemt at få netop den information.

Hvad er vintersolhverv?

Vintersolhverv er årets korteste dag og falder som regel på 21. eller 22. december. Det er ved vintersolhverv, at Solen er på sit laveste på den nordlige halvkugle. Dette er på grund af, at Jorden hælder ca 23 grader i forhold til dens bane om Solen.

Teknologier og implementation

Siden er lavet i Ruby og serveres med Sinatra og thin. Det overrasker mig stadigvæk, hvor effektivt det er at arbejde med denne kombination.

Da jeg begyndte at researche til projektet opdagede jeg, at det med at beregne dagens længde faktisk ikke er nogen enkel sag. Man skal i princippet vide en masse om Solens placering, afstand til Jorden, dato, skudår og en masse mere. Jeg har ikke en chance til at vide alt det (specielt fordi jeg ønskede at siden selv skal finde ud af hvor brugeren er og vise relevante data), men jeg fandt en formel, som kan beregne dagens længde. Den behøver kun at vide en breddegrad og hvor mange dage der er gået siden vintersolhverv plus nogle få konstanter, og det er til at have med at gøre. Den er naturligvis ikke så nøjagtig som rigtige astronomiske beregninger, men resultatet er godt nok til dette formål.

Breddegraden har jeg valgt at finde automatisk. Den kan findes ved at lave et opslag på brugerens IP-adresse mod freegeoip.net. Samtidig får man også en del andre nyttige data såsom by og land. Jeg har valgt at gøre det på denne måde, fordi brugeren ikke skal belemres med at foretage valg samt bruge tid på en ekstra round trip til serveren. Samtidig holdes grænsesnittet rent og antallet af opmærksomhedskrævende elementer nede. Det har den ulempe, at hvis IP-opslaget ikke virker, så virker sitet heller ikke.

Datoen for vintersolhverv er heller ikke en enkel sag for en lægmand som mig. Her skal man også vide en masse om Solens dit og dat, så jeg endte simpelthen til sidst med at sakse en liste fra Wikipedia og hard code den ind. Mental note: husk at opdatere tabellerne i år 2020.

Videre udvikling

Jeg kommer nok ikke til at foretage mig mere på dette site. Hvis jeg gør, vil jeg muligvis åbne for at bruge andre metoder end opslag på IP-adressen til at finde sin lokation. Det vil åbne for, at brugere kan lege med at sammenligne forskellige steder eller undersøge, hvordan det er hjemme, mens man er på farten. Derudover kan det være jeg vil pakke koden, der beregner dagens længde og hvor meget den er tiltaget siden vintersolhverv, ind i en Ruby Gem og frigive den sammen med kildekoden.

Ikke mere snak: prøv selv på SidenSolhverv.dk.