lhli.net

ö.js

Ouml a.k.a. ö.js is a (semi-)small collection of useful stuff. It has been collected and refined while building quick prototypes and experiments, and aims to solve common use cases in js in an efficient and intuitive way. Find it on github, npm, or with full documentation here. Läs mer »
30/10 2024
gjort ◼︎ abc js ö y

Kamrat Kompis®

Kamrat Kompis® förenklar din vardagsekonomi genom att låta var och en bidra efter förmåga, och få tillbaka efter behov. Testa själv!
Eller bygg vidare på https://github.com/smlsvnssn/kompis!
7/10 2024
gjort ◼︎ ☺︎ delningsekonomi pwa r rgb svelte y

3D Banking

Pengar är abstrakta. Vardagliga ting är konkreta. 3D Banking är ett (lite tramsigt) försök att gestalta pengar på ett sätt som ger en känsla för det egentliga värdet. Lhli vill tacka bl.a. Stockholms f.d. finanslandstingsråd Torbjörn Rosdahl för inspiration.
17/4 2023
gjort abc b js svelte three.js

CMYKify®

CMYKify® - a tiny tool for generating CMYKified™ background colours, usable in your scss. Simply use the CMYKificator© to adjust the colour to your heart's desire, and copy/paste the resulting mixin. Enjoy! https://cmykify.vercel.app/
15/10 2021
gjort ▦ ◼︎ rgb scss svelte y

proportionalFont

A simple system for creating tight typography with scss. It removes the inconvenience of having an unpredictable box around all html text, and lets you set precise distances between boxes based on x-height (or cap-height, if you prefer it that way) and baseline. Use this tool to adjust your preferred font, and use this mixin to create your typography.
23/6 2021
gjort ☯︎ abc k mixin scss svelte

Snygga ryggar.

27/5 2021
gjort ▦ ◼︎ abc IFTTT Instagram k m y ☘︎

Randomise colour

Randomise colour - Lyxigt figmaplugin för den stilmedvetne, stavat med the Queen's English! Pluginet skruvar på nyans, mättnad, intensitet och opacitet med normaldistribution utifrån befintlig färg. Mycket nöje!
4/5 2021
gjort ▦ m r rgb

Tvättmonstret®

Snabbt och intensivt hemslöjdsprojekt i form av en tvättkorg med personlighet. Monstret är utrustat med tre voluminösa magar som lätt öppnas för att släppa ut maginnehållet. Här finns mönsterritning för den händige som vill göra en egen.
15/3 2021
gjort ☺︎ diy k pyssel r

Lörem ipsum

Det fanns ingen bra lorem ipsum på svenska. Nu finns det! Baserad på institutets för språk och fornminnen nyordslistor 2000-2021, några konjunktioner, och lite annat jox. Dra och slit i några sliders, så hittar du poesi! Finns i påkostad PWA-utgåva, som plugin till Figma, som npm-paket, och på codepen, för den som gillar sånt.
9/12 2020
gjort abc js m

A vs. B

Utredning och åtgärdsförslag kring hur internkommunikationen skulle organiseras på ett medelstort arkitektkontor i Stockholm. Hur vill du ha det i din hjärna när du jobbar?
30/5 2020
gjort ☺︎ k koncept r

galago.se

Snabbt ihopkrafsad sajt åt världens äldsta nu levande undergroundalternativserietidning och förlag. Det blev bra, men jag har fortfarande inte fått betalt :-)
8/4 2019
gjort abc b wordpress y

Jag byggde ett hus. Det fastnade i ett träd.

15/8 2018
gjort instagram ⌂ diy g ☘︎

öQuery

öQuery is a tiny DOM and events lib, with chainable async, and some basic animation. Read all about it!
24/4 2018
gjort abc es8 js y

lılıııllıı

Ett experiment i stadsplanering.

27/2 2018
gjort ⌂ js r rgb svg

Pangaea

Världen är full av platser som inte finns. Jag ritade några kartor över dem.

15/2 2018
gjort ⚑ b js r rgb

Utan titel ıı

5/2 2018
gjort js k r
19/12 2017
ffffound gjort abc g

swedish moments.se

Kampanj för VisitSweden, riktad mot Norge, Danmark, Tyskland och Nederländerna, med syftet att öka antalet campingnätter och stugbokningar. Hotellen är redan fulla, men på landet finns det plats! Byggt på plattformen vi byggt för VisitSweden, i samarbete med fina byrån Fröjd. Vilken sorts Sverigebesökare är du?
16/2 2015
gjort abc g ☘︎

Ett förlag!

Sofia, Åsa, Björn och jag startade ett förlag idag. Vi ska ge ut serieromaner, minsann! Först ut är Åsas Deras ryggar luktade så gott. Jag gjorde en liten profil, som ser ut så här.
13/5 2014
gjort abc syster förlag

scrollbackHeader

scrollbackHeader creates a non-stupid-behaving semi-sticky top header, that sticks to the top when needed, and scrolls away when needed. Simple! Find it on github
9/4 2014
gjort jqueryplugin js

Futurissimo™

Jag kunde förstås inte låta bli att leka vidare med logotypen. Det blev en maskin som härmar futuristiska klassiker. Länk: Futurissimo™
5/3 2014
gjort ▦ grid js k r slump svg

VisitSweden

Koncept för ny digital plattform för VisitSweden, som marknadsför Sverige som turistdestination globalt. Syftet med det hela är att samla all turismrelaterad information om Sverige på ett ställe, samt presentera relevant information för potentiella besökare där de befinner sig, på egna webbplatser eller genom samarbeten. Läs mer »
3/3 2014
gjort ▦ koncept rgb y

What’s your favourite colour?

What’s your favourite colour” är ett experiment med interaktionströsklar. Tanken var att bygga en mojäng som har en så låg tröskel för interaktion att det i princip är omöjligt att låta bli. Fyra klick ger svar på fyra enkla frågor, vilket skapar ”small data” som kan visualiseras och skäras på olika ledder. Fint, färgglatt, och med lite god vilja rentav användbart. Bloggpost på söderhavets blogg.
28/2 2014
gjort experiment interaktion js rgb three.js

(semi-)Official Anglemaker™

För ett tag sedan gjorde vi landet Sveriges visuella identitet. Ett element i det grafiska uttrycket är den geodesiska vinkeln mellan Sverige och det land eller de länder Sverige kommunicerar med. Jag byggde en maskin som låter dig hitta vinkeln till en plats relativt Sveriges geografiska mittpunkt, och som exporterar vinkeln för användning i grafiskt material. Ta en titt på (den än så länge inofficiella) Swedish Anglemaker. Sveriges identitet finns här, och casebeskrivning finns på soderhavet.com.
27/2 2014
gjort ⚑ b googlemaps js Svenska Institutet Sverige svg

Ny logotyp

Det kändes rätt. I tiden, så att säga. Kärnvärden, strategi och designen av kaffemuggar kommer att komma så småningom, i ett separat dokument. Läs mer »
27/2 2014
gjort ◌ js slump y