Helge Johnsen

Tanker, idéer og historier

Bilde av temperaturmåler

Xiaomi luftfuktighet- og temperaturmåler i Home Assistant

I dette innlegget ser jeg på hvordan jeg trådløst samler inn og viser temperatur og luftfuktighet i Home Assistant fra de fleste rom i huset. Jeg bruker Xiaomi LYWSD03MMC, ESP32 mikrokontroller og en Raspberry Pi med Home Assistant installert.

Xiaomi luftfuktighet- og temperaturmåler i Home Assistant
Eksempel på element som strekker seg fra kant til kant i nettleser

Bleeding edges

Noen ganger så lager UX elementer som skal bryte ut av en fast bredde og gå helt fra kant til kant i nettleseren. Det ser ofte bra ut men er ikke alltid like lett å kode. Her kommer jeg med et gammelt triks fra ermet som kan løse det.

Bleeding edges
Bilde av en mobiltelefon med Facebook logo som er overstrøket

Jeg avfulgte deg på Facebook

Jeg er inne i et aldri så lite privat prosjekt på Facebook hvor jeg avfølger grupper, firmaer, personer, artister osv. i et forsøk på å rydde opp i strømmen av informasjon som bombarderer meg.

Jeg avfulgte deg på Facebook
Hva er JSON-LD?

Hva er JSON-LD og hvordan kan det forbedre nettsiden din?

JSON-LD er mikrodata satt i system og brukes av søkemotorene til å skille elementer fra hverandre og etablere fakta rundt innhold på en nettside. Formålet er å tilby et mer organisert innhold på nett og tilgjengeliggjøre fakta for søkemotorene. JSON-LD er i dag en standard som er kjent for de som jobber med SEO og innholdprodusenter for nett.

Hva er JSON-LD og hvordan kan det forbedre nettsiden din?
Bilde av et bord med mennesker som sitter med ulike enheter som datamskin, mobil, nettbrett osv.

Hva er headless CMS?

Hva er et headless CMS? Hva er et CMS? Det får du svar på her og jeg ser på fordelen og ulempen til de og hva du bør velge.

Hva er headless CMS?
Bilde av en dataskjerm som viser mange bilder

Angi bildestørrelse for å unngå layout shift

Ved å angi bildestørrelse på IMG-tagen så kan nettleseren kalkulere plassen som bildet kommer til å bruke før det vises. På den måten kan man forhindre layout shift mens innholdet på en nettside lastes.

Angi bildestørrelse for å unngå layout shift
Tegnet illustrasjon av to mennesker som peker på en skjerm

Hvorfor jeg har mitt eget nettsted

Trenger vi utviklere eget nettsted, blogg og portifolio? Svaret er ikke helt sort/hvitt og mange utviklere presentere sitt arbeid på nett og bruker egne sider til å eksperimentere med ny teknologi. Hva gjør jeg og hvorfor har jeg mitt eget nettsted?

Hvorfor jeg har mitt eget nettsted
Bilde av brikker som danner ordet HTML

Statisk sidegenerering

De som kjenner meg og som kanskje har lest bloggen min de siste årene har nok ikke unngått å høre meg snakke varmt om statisk sidegenerering. Så hvorfor brenner jeg så varmt for det? Jo nå skal du høre (lese)!

Statisk sidegenerering
RuuviTag

RuuviTag i Home Assistant

En RuuviTag er en liten batteridrevet sensor som kan måle miljøet den befinner seg i. I dette innlegget skal jeg kort vise hvordan man ved hjelp av et ESP32-kort kan samle inn data og sende det videre til Home Assistant.

RuuviTag i Home Assistant
Bilde av olia danilevich fra Pexels

Hello Sanity.io

Den gangen Sanity.io var i oppstarten så fikk bedriften jeg jobbet i tilgang til en tidlig utgave. Sanity.io var fortsatt i en slags beta, om jeg husker korrekt. Men det ble ikke noe mer ut av det. Likevel var Sanity.io inne på radaren min. Det skulle komme godt med noen år senere.

Hello Sanity.io