OOTD – Fretex

OLYMPUS DIGITAL CAMERA

Plutselig var vi over halvveis i arbeidsuka, på null komma niks. Jeg har akkurat kommet hjem fra tannlegen, og det gikk egentlig helt greit. Jeg skal ikke bruke enda et innlegg på å grine over tannlegen, haha. 

Jeg vil heller bruke dette innlegget til å promotere bruktklær, eller vintageklær, om det høres bedre ut. Jeg elsker virkelig at det har blitt moderne å kjøpe og selge gamle klær, for ikke bare er det større aksept for det, men det gjør at utvalget klær er langt større. 

Jeg har lenge vært på utkikk etter en perfekt, standard, hvit skjorte, som i tillegg ikke skal være for dyr. Etter en kjapp tur innom Fretex-butikken kunne jeg gå ut igjen med nettopp denne skjorta. Jeg er superfornøyd! Det er akkurat en slik skjorte jeg har lett etter, og den var i perfekt størrelse og. Den kostet nesten ingen ting, og den kunne helt klart kjøpes med god samvittighet.

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

Grunnen til at dette er det eneste bildet jeg ser i kamera, er fordi klokka var 07:30 da jeg tok dem, og jeg slet med å holde øynene åpne.

Det er helt klart å anbefale at du tar en liten tur innom en bruktbutikk dersom du er på utkikk etter noen klassiske plagg som skjorte, “den lille sorte”, kåper eller andre plagg som så mange før deg allerede har kjøpt nytt for så å gi det fra seg igjen. Gi det en sjanse!

OLYMPUS DIGITAL CAMERA

Nå skal jeg på Petcha Kutcha-kveld. Ha en veldig fin dag! 

Nedtellingskalender: HTML, CSS og JavaScript

OLYMPUS DIGITAL CAMERA

Akkurat NÅ er det 18 dager og 21 timer til jeg og Øystein skal hente katten vår. Wow, litt overkill å telle ned hver eneste time eller?, tenker du kanskje. Men grunnen til at jeg har så god oversikt er fordi jeg lagde en nedtellingskalender som en øvingsoppgave på jobb! 

Kalenderen spør først start- og slutt-dato for når den skal begynne og slutte (hvis det er irriterende er det bare å fjerne dette, og heller sette en fast dato uansett). Deretter lager den så mange “bokser” som dager det er mellom start- og slutt-dato. For hver dag som går blir en av boksene farget. I tillegg har den en nedteller nederst, som teller dager, timer, minutter og sekunder. Når tiden er ute kommer teksten “Nå har du fått katten <3”. 

Og ja, jeg har brukt skrifttypen Comic Sans. Du har lov til å bytte den ut, haha! Selv om den er en veldig forhatt skrifttype (med rette ifølge disse punktene) syns jeg den er komisk og sjarmerende. 

 

Legg forresten merke til den fete hovereffekten jeg la til. Ah, jeg elsker hovereffekter. Jeg får bruke altfor lite av det på jobb!

 

Koden

Dersom du ikke har satt opp en enkel, statisk html-side før, kan det være lurt å gå gjennom denne leksjonen. Der går jeg gjennom det å bruke tekst-editor og å skille html og css i forskjellige dokumenter i samme mappe. Kjapp og enkel leksjon!

Du skal altså her ha tre forskjellige dokumenter i samme mappe. Jeg anbefaler å kalle mappa noe lignende “Nedtellingskalender”, for eksempel. De tre filene du skal lage er index.html, style.css og script.js. Den første er fila du skal ha html-koden i. Den andre skal du ha css-koden i. I den siste fila skal du ha JavaScript-kode. Det er et kodespråk for å få enda mer til å skje på nettsiden din, enn hva css og html kan klare alene, og det inngår også i frontend-yrket. 

Jeg må også presisere at dette her ikke er en av mine webleksjoner, da ville jeg gått litt mer gjennom JavaScript til å begynne med. Dette er for alle nyskjerrigperer som vil se hva som ligger bak en slik nedtellingskalender, og som kanskje vil lage en selv. 

 

HTML 

I index.html skriver du:

<!DOCTYPE html>
<html>
<head>
    <title>Nedtellingskalender</title>
    <meta charset=”utf-8″>
    <link rel=”stylesheet” type=”text/css” href=”style.css”>
</head>
<body>

<!– Innholdet i h1-tagen kan byttes ut med noe passende –>
    <h1>
        Nedtelling til overtakelse av katt
    </h1>
<main id=”main”>

</main>

<!– Inne i disse p-tagene kommer nedtelleren –>
<p id=”bunntekst”></p>

<!– Her blir script.js-fila inkludert –>
<script type=”text/javascript” src=”script.js”></script>

</body>
</html>

Det som er skrevet inne i <!– –>-klammene her er kommentarer. Det er slik du kommenterer html-kode for at ikke nettleseren skal lese det og tolke det som kode. 

 

CSS

I style.css skriver du:

body
{
    font-family: “Comic Sans MS”, cursive, sans-serif;
}

main
{
    background-color: white;
    width: 80%;
    margin: 50px auto;
    padding: 50px;
    border: 10px solid teal;
}

div
{
    display: inline-block;
    padding: 20px;
    width: 100px;
    margin: 20px;
    border: 1px solid grey;
    background-color: grey;
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    transition: 0.3s;
    text-align: center;
}

div:hover
{
    transform: scale(1.2,1.2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.done
{
    background-color: tomato;
    border-color: tomato;
}

p#bunntekst {
    text-align: center;
    font-size: 40px;
    color: tomato;
}

span.usynlig
{
        display:none;
}

h1
{
    text-align: center;
    color: tomato;
    font-size: 40px;
}

 

JavaScript

I script.js skriver du:

// Henter alle div-elementene på siden
var element = document.getElementsByTagName(“div”);

// Deklarerer variabelen “id”
var id = 0;

// Finner tidsstempel for tid akkurat nå
var now = Math.floor(Date.now())/1000;

// Spør brukeren om start og sluttdato for kalender-nedtellingen. Her kan eksempeldatoene byttes ut
var dateTo = prompt(“Dato og klokkeslett for overtakelse:”, “Sep 16, 2018 13:00:00”);
var dateFrom = prompt(“Startdato:”, “Aug 22, 2018 15:00:00”);

// Lager tidsstempel av start- og sluttdato + lager tidsstempel for et døgn
var countDownDate = new Date(dateTo).getTime() / 1000;
var startDate = new Date(dateFrom).getTime() / 1000;
var oneDay = 60*60*24;

// Regner ut antall dager det er mellom start- og slutt-datoer
var daysCount = (countDownDate – startDate) / oneDay;

// Lager én div for hver dag i “daysCount”
for (var i = daysCount – 1; i >= 0; i–) {
  var div = document.createElement(“div”);
  document.getElementById(“main”).appendChild(div);
}

// Looper gjennom div-elementene
for(var i = 0; i < element.length; i++){

    // Setter tall i hver div. Går opp med én for hver div.
    element[i].innerHTML = i + 1;

    // Setter ID = tidsstempel av den datoen diven gjelder for
    element[i].id = ( countDownDate – (oneDay * ( element.length – i ))) ;

    // Henter ID, sjekker om id(tidsstempelet) er mer eller mindre enn nå-tidsstempelet. Er det mindre betyr det at den er ferdig. Da får den satt klassen “ferdig”
    id = element[i][‘attributes’][0][‘nodeValue’];
    var div = document.getElementById(id);
    if ( id <= now )
    {
        div.classList.add(“done”);
    }
}

// Koden nedenfor er hentet fra nett. Den lager nedtelleren nederst i kalenderen.

// For at utregningene nedenfor skal fungere, ganger vi tidstempelet for avslutningsdatoen med 1000
countDownDate = countDownDate * 1000;

// Lager funksjonen “updateTimer”
var updateTimer = setInterval(function() {

  // Setter nå-tidsstempelet til å oppdatere med nyeste tid hvert sekund
  now = new Date().getTime();

  // Finner differansen mellom nå og avslutning
  var distance = countDownDate – now ;

  // Kalkulerer dager, timer, minutter og sekunder
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);

  // Setter bunnteksten
  document.getElementById(“bunntekst”).innerHTML = days + “d ” + hours + “h “
  + minutes + “m ” + seconds + “s “;

  // Når nedtellingen er ferdig settes det en ny tekst. Denne kan du endre på til noe valgfritt
  if (distance < 0) {
    clearInterval(updateTimer );
    document.getElementById(“bunntekst”).innerHTML = “Nå har du fått katten <3”;
  }
}, 1000);
 

Her er alt som er skrevet etter // kommentarer. Jeg har prøvd å forklare for hvert trinn hva som skjer. 

 

Kom veldig gjerne med konstruktiv kritikk til koden! Jeg slang dette sammen på jobb for å ha en nedtellingskalender da jeg skulle kjøpe første leilighet, og siden har ikke kalenderen fått så mye kjærlighet. Det er alltid nyttig å få vite hva som burde vært gjort annerledes. 

 

Fikk du noe ut av kodene her? 

 

To do-list: Uke 35

OLYMPUS DIGITAL CAMERA

Ny uke igjen, og nye muligheter til å oppfylle alle drømmene dine. Prøv i hvert fall å ha den innstillingen, for da kommer du en lang vei.

Denne uka begynner høsten etter en fantastisk deilig sommer. Det har vært en så bra sommer i år at det nå skal bli deilig å få litt høst. Jeg gleder meg masse til all kosen høsten har å by på, og jeg føler at hele høst-sesongen er en lang opplading til jula. Og ikke minst ser jeg fram til alt det morsomme som skal gå på tv! Høsten er definitivt sesongen for å se på TV med god samvittighet, og det trengs nå etter en sommer der hver eneste dag har vært “utedag”. 

Denne uka skal jeg litt forskjellig, både koselig og ukoselig. Det verste jeg skal denne uka er en tur til tannlegen. Jeg (som de fleste andre) hater det. Det er så unaturlig å la en fremmed stikke rare ting inn i munnen din og påføre deg ubehag og smerte, uten å få lov til å stritte imot. Men det skal sies, jeg er overlykkelig over å bo i Norge i 2018 når det kommer til tannlege… Her får vi i det minste bedøvelser, det er rent og det er proffe som utfører arbeidet. Tenk før i tiden, da var det smeden som trakk ut tennene du hadde hull i. Ugh! Jeg er overlykkelig over at jeg i det hele tatt lever på en tid vi har ordentlige tannbørster og tannkrem. Tenk på det du!

Utenom det er det dette jeg skal få gjort i løpet av uka:

 

 

 

✓ Støvsuge

✓ Vanne blomster

✓ Vaske klær

✓ Vaske badet

✓ Bytte håndklær

✓ Ukeshandel

✓ Vaske/rydde bilen

✓ Dra til tannlegen

✓ Utnytte helga til noe koselig

 

 

 

Ha en veldig fin uke!

 

Uka som gikk – Uke 34

Akkurat nå

Akkurat nå har jeg kommet tilbake fra kajakkurset! Jeg vet jeg skrev at det var på lørdag, men det viste seg at det var på søndag. Det var så utrolig gøy og lærerikt, og nå har jeg kajakklappen! Denne uka har oppsummert vært veldig fin, sosial og produktiv. Det har vært fint å være litt sosial igjen og finne på ting, etter en periode det har vært litt rolig. 

 

Ukas høydepunkt

Denne uka har det vært Mersmak i Skien. Det er en matmesse som strekker seg ut helt fra sentrum av byen og bortover hele brygga. Det er så mye spennende å se, og restauranter kommer fra hele verden for å selge maten sin. Det er gratis inngang og veldig billig mat! Jeg spiste japanske pannekakeruller med sjømat. Det var spennende, og definitivt ikke noe jeg har smakt før! Det er så spennende å spiste mat man ikke har smakt før, og utfordre egne smaksløker. 

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

Ukas kos

På onsdag var jeg på spillkveld hos en kollega, og det var koselig å treffe nye mennesker og gjøre noe gøy sammen som ikke involverte alkohol. Og det beste var at jeg vant! Jeg elsker spill, og jeg blir så engasjert. Så da blir det ekstra gøy, hehe.

 

Ukas mest leste innlegg

Denne uka ga jeg ut mine aller beste tips til et bra bloggdesign. Jeg trakk ikke inn noen personlige preferanser eller lignende, men det er enkelte grunnprinsipper vi alle burde holde oss til med et design. Det er punkter jeg har lært på via jobb, og som jeg bruker nesten daglig på andres nettsider. Lista kan leses her

OLYMPUS DIGITAL CAMERA

Ukas guilty pleasure

Det er kjempeflaut, men jeg elsker å se på “Ex on the beach”, haha! Er det lov å si? Jeg føler det er litt som å si at man likte å se på “Paradise” for ca. 10 år siden, da det også var flaut. Alle sa de hatet det når de egentlig så på det i hemmelighet. Er det fler der ute som vil innrømme at de digger programmet?

 

Ukas podcast

Jeg er så glad for at “Ida med hjertet i hånden” har begynt på igjen etter sommeren. Det er veldig fint og lærerikt å høre andres synspunkter på kjærlighet, og alle har forskjellige historier, erfaringer og meninger. Ida klarer å få hver eneste gjest til å åpne seg om hva de føler og hva de har opplevd, og jeg elsker å høre på. Podcasten anbefales på det sterkeste, og finnes på nett, Spotify og iTunes.

 

Ukas måltid

Jeg er en sterk tilhenger av helgefrokoster som kan drøye lenge, med nykvernet kaffe og varme rundstykker. I går fikk vi inn en slik god frokost, og det var det beste måltidet denne uka! Det er viktig å ta vare på de små, gode og koselige øyeblikkene og gjøre bitte litt mer ut av ting enn man

OLYMPUS DIGITAL CAMERA

Ukas kreative

Det var så gøy å la kreativiteten løpe fritt da jeg lagde kattehuset denne uka! Det ser kanskje billig og rart ut, men det var så gøy å lage at det ikke gjør så mye. Oppskrift kan leses her

OLYMPUS DIGITAL CAMERA

Ukas trening

Denne ukas trening var kajakkurset i dag. Selv om det var veldig gøy og lærerikt, var det også veldig slitsomt! Skuldrene var så ømme til slutt og jeg kjenner jeg har brukt hele overrkroppen. Man merker ikke hvor sliten man er før man er ferdig, og det er den type trening jeg elsker! Kajakk anbefales.

 

Hvordan har din uke vært?

DIY – Kattehus

OLYMPUS DIGITAL CAMERA

Kattemøbler er dyrt. For en liten klorestolpe må du ut med mange hundre kroner, og skal den ha etasje i tillegg, eller en liten hule, da baller det på seg. Men katter er lekne og ønsker å kunne klatre litt, og i leiligheten her er det lite å klatre på, så noe måtte det jo bli. 

Da kom jeg på ideen å bare lage noe selv! Katter bryr da seg ikke om de klatrer på pappesker eller noe fabrikklaget? Jeg gikk ut i boden og fant gamle esker og et gammelt teppe fra IKEA, fant en fargeprøve fra Fargerike og satte bare i gang. Her har du oppskrift på å lage et kattemøbel helt selv.

 

                       Det du trenger                       

➤ Gamle pappesker (du trenger en hel eske + andre esker du kan bruke til materiale)

➤ Grunnmaling

➤ Maling i valgfri farge (jeg kjøpte en prøvefarge for 10kr på Fargerike)

➤ Tapetkniv

➤ Malerulle

➤ Et gammelt teppe

➤ Brun pakketape (MYE, haha)

➤ Superlim eller limpistol

➤ Sisaltau

➤ Skruer (og gjerne også en drill)

 

                       Slik gjør du                       

1. Start med å legge esken du tenker å bruke som “hovedhus” over et teppe og tegn opp etter bunnen. Klipp deretter etter linjene. Du kan gjerne klippe litt innenfor linjene for at teppebiten skal passe i bunnen av eksen. 

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

2. Mål opp en pappbit som er like bred som esken og like lang som du ønsker. Denne skal være et “trinn” for at katten skal kunne komme seg opp inne i esken. Mål også opp en pappbit som er like bred som den første biten er lang og ca. halvparten så høy som hovedesken. Denne skal brukes til å holde trinnet oppe. 

3. Klipp ut et hull i den siste biten, den som skal brukes til å holde trinnet oppe. Da kan katten gå gjennom denne, og den blir ikke bare “i veien” inne i esken. 

4. Lim og teip disse godt fast, slik som på bildet litt lenger ned. Jeg la til mye mer tape etter jeg hadde tatt bildene, og ikke vær redd for å gjøre det samme.

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

Jeg valgte å pynte veggen litt med et gammelt kalenderbilde fra en kattekalender, hehe.

OLYMPUS DIGITAL CAMERA

5. På motsatt side av der trinnet er, klipper du ut et hull til inngang, slik som på bildet. Bruk tapetkniv for at det skal være enklest. 

6. På samme side som trinnet er, klipper du ut et hull på toppen. Dette skal være utgangen.

7. Mal et lag med grunnmaling. Jeg syns jeg får best resultat med malerulle.

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

8. La grunningen tørke i så mange timer instruksjonen sier. Jeg lot det tørke over natta likegodt. 

9. Finn en solid pappbit og brett denne i fire like store deler. Rull denne sammen til en trekant, slik at to av sidene overlapper hverandre. Klipp ca. 15-20 cm ned i hvert hjørne på toppen, slik at de kan brettes ut. Mal grunnmaling på denne og. 

10. Når esken har tørket ferdig maler du et lag maling. Jeg har brukt fargen “Lolipop” fra Fargerike.

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

11. Når malingen har tørket etter noen timer, teiper og limer du det trekantede “røret” på toppen. La “skylappene” være øverst. 

12. Skru enden av tauet fast på den siden av røret som har dobbelt opp med papp. Pass godt på å ikke skru ned i esken eller slik at skrua kommer ut noe sted. Surr deretter tauet stramt rundt “røret”. Her kan du bruke lim eller limpistol for ekstra hold om du ønsker. Skru jevnlig inn skruer for å holde tauet stramt og for at det ikke skal gå opp med en gang.

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

13. Klipp ut tre like papp-plater. Teip disse sammen i endene. 

14. Mål opp en teppebit som går ca. 10-15cm utenfor pappbitene. Klipp vekk hjørnene og brett kantene over pappen. Lim og teip godt. 

15. Klipp ut noen pappbiter som kan være støttepilarer. Teip dem dobbelt. Teip disse fast i toppen og skru dem fast i røret. Her ser dere at jeg har gått litt berserk med teip. 

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

Og viola! Du har et kreativt kattehus laget av gamle materialer! Det eneste jeg brukte penger på her var maling til 10 kr og tauet til 50 kr. 

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

Hva syns du? Tips til forbedringer?

Fredag morgen

OLYMPUS DIGITAL CAMERA

God helg, alle sammen!

 

Det er så utrolig deilig at det er fredag igjen. Jeg er veldig glad i ukedagene, men fredag gir en helt egen lykkefølelse. Stemningen fra morgen til kveld er en helt annen enn ellers og motivasjonen er på topp. På jobb blir det flere koselige kaffepauser enn andre dager og alle prater om det de ser frem til i helga. Og det beste av alt: Det er varmmat i kantina. Det er et høydepunkt i uka mi! Det var en gang de hadde varmmaten på torsdagen istedenfor fredagen. Først ble jeg glad fordi jeg trodde det var varmmat to dager på rad. Så forsto jeg at det bare var varmmat på torsdagen. Veldig skuffende fredag der altså. Ikke greit.

OLYMPUS DIGITAL CAMERA

Morgentryne. Liten sneakpeak på et lite prosjekt i bakgrunnen der.

Vi startet morgenen i dag klokka seks for å få god tid til en ordentlig god og lang frokost. Vi traktet kaffe, lagde havregrøt og så på serie. Det er så koselig å få litt tid sammen før jobb. Det gjør at man føler man har fått enda mer ut av dagen! Man starter med koselige samtaler om dagen og livet, og et par latterkuler allerede før dagen har startet ordentlig.

OLYMPUS DIGITAL CAMERA

Kaffeskål

Nå skal vi ha en kjapp treningsøkt, så er det taco i kveld. Rett og slett en skikkelig bra fredag! Ha en super dag!

 

 

Hva skal du i helga?

Stua – Planen vs Virkeligheten

OLYMPUS DIGITAL CAMERA

Nå har vi bodd i leiligheten i over to måneder, og har begynt å bo oss ordentlig inn her. Interiøret begynner å komme på plass, og vi begynner å finne ut hvordan vi egentlig vil ha det i stua vår. 

Før vi flyttet hit hadde jeg en plan for hvordan jeg tenkte jeg skulle ha det. Jeg skrev til og med et innlegg om hvordan jeg planla at det skulle bli! Det kan leses her. Jeg var fornuftig nok til å sette sammen collagen av ting jeg eide fra før, og derfor traff jeg veldig godt! Det eneste vi byttet ut var faktisk den dusrosa fargen med en helt annen, nemlig en slags oransjegul! Det ville jeg aldri trodd før jeg flytta, men jeg syns det er dødskult. Og hvis jeg blir lei er det jo bare å bytte om et par puter. 

Dette var planen:

 

 

Slik ble resultatet:

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

Jeg får kanskje ikke en interiørpris med det første, jeg er er så sykt fornøyd likevel. Det er vår stil, og det kunne ikke vært kulere! Nå er vi på plass, sånn ordentlig. 

Håper alle sammen får en veldig fin torsdag, og husk: I morgen er det freedag! 

Treningsplan – Uke 34

OLYMPUS DIGITAL CAMERA

Denne treningsuka er godt i gang, men jeg får dessverre ikke delt programmene mine med dere. Jeg er nemlig inne i en skikkelig bra flyt med trening uten noen plan eller loggføring. 

Jeg har trent med treningsprogram i mange år nå, og alltid skrevet logg under treningen. På den måten vet jeg veldig godt hvor mange repetisjoner som skal til, og hva slags kombinasjoner av øvelser som gjør underverker. 

Nå har jeg fått en helt ny motivasjon, og jeg har det skikkelig gøy å trening. Jeg gjør masse forskjellige øvelser, og hele kroppen blir brukt på mange måter gjennom hele økta. Jeg har kombinasjoner av øvelser jeg ikke har pleid å ha, for uten bok føler jeg meg mye friere. Jeg tester ut ting, prøver meg fram, leker litt, tar et ekstra sett her og der, brenner ut musklene på en ny måte. Det er rett og slett skikkelig gøy på trening for tiden!

Denne formen for trening har allerede begynt å gi resultater ved at jeg nå tar flere pullups enn jeg har gjort på mange år, og jeg gleder meg til å nå enda flere mål framover. Jeg er skikkelig glad for at treningen har blitt gøy og ikke bare er et ork, og jeg håper flere kan finne metoder å gjøre treningen sin morsommere på!

En liten slags treningsplan kan jeg likevel gi dere, dersom dere vil bruke den til inspirasjon eller for å pushe dere selv. Jeg har altså en idé på forhånd om hva økta skal inneholde, så endrer jeg heller på den eller legger til det som trengs for at det skal bli en passe treningsøkt.

 

                        Mandag                        

Fullkropp

Inkluderer: Knebøy, pullups, burpees, bulgarske utfall.

Valgfrie diverse øvelser innimellom

 

                        Tirsdag                        

Gå-tur

 

                        Onsdag                        

Fullkropp

Inkluderer: Knebøy (lette), pullups, pushups, glute bridge.

Valgfrie diverse øvelser innimellom

 

                        Torsdag                        

Fri

 

                        Fredag                        

Intervaller

 

                        Lørdag                        

Kajakkurs

 

                        Søndag                        

Fri / Hjemmetrening

 

Skal du trene denne uka?

8 tips til et bedre bloggdesign

OLYMPUS DIGITAL CAMERA

Det er kanskje fortsatt mange som lurer på hvorfor navnet mitt er “Frk. Front-end”. Hva er front-end liksom? Jo, det er så enkelt som min stilling på jobben. Jeg er frontend-utvikler, noe som betyr at mye av arbeidsdagen min går med på å få det du ser av en hjemmeside til å virke og se bra ut. Det er ikke det samme som en designer, jeg koder gjerne inn det en designer allerede har laget. 

Likevel er det enkelte regler jeg følger dersom det ikke er en designer på banen, eller jeg kanskje bare har fått en viss retning av hva kunden ønsker av utseende på hjemmesiden sin. Disse reglene kan lett overføres til et bloggdesign, og jeg ønsker å dele noen av de med dere. 

Jeg vil forresten ikke si at mitt design er perfekt. Det er det langt i fra. Jeg syns nå det er fint, men jeg skjønner om folk syns det er kaldt og kjedelig. Disse tipsene er ikke for at folk skal få likt design som meg! Jeg er i en prosess der jeg prøver å fikse på mitt eget design, jeg er bare for lat til å gjøre noe, haha. Kokkens barn, som de sier.

OLYMPUS DIGITAL CAMERA

                       Luft                       

Noe av det aller viktigste med en side er at den ikke er trang og klaustrofobisk. Det samme gjelder et bloggdesign. Jeg mener luft over alt. Mellom tekst og rammer, mellom bilder, mellom hver paragraf, etter hver tittel og på sidene.

Ta deg god plass når du lager designet, og ikke prøv å skvise alt for mye inn på én side. Generasjonen i dag er vant til å scrolle, så det gjør ikke noe at de må scrolle litt her heller. Det er mye mer slitsomt å lese på en blogg som ikke har luft enn å scrolle litt ekstra. 

Og ikke bare trengs det mye luft. Litt av poenget med luften er også at den er fast og konsekvent. Det betyr at mengden luft mellom to paragrafer må matche med mengden luft over en overskrift. Matche betyr ikke at det må være helt lik mengde, men en mengde som passer. Jeg pleier å dele opp slik at hvis jeg har 10px som luft et sted kan jeg bruke 10px, 20px, 40px og 80px som luft andre steder for å få det til å matche. Hvis jeg bruker 15px som luft et sted, kan jeg bruke 15px, 30px og 60px. 

 

                       Lett leselig skrift                       

Jeg er ofte innom blogger som har ekstremt liten skrift! Jeg orker ofte bare å lese noe, og så hopper jeg til slutten. Det er tungt for øynene å måtte nilese, og det pleier i tillegg å være i en skrifttype som ikke er veldig lesbar. 

På web anbefales det å ikke bruke såkalte “serif”-skrifter til tekst som skal leses, med mindre den er gjort veldig lesbar. Det betyr skrifttyper som Times New Roman og Georgia. Finn en lett leselig skrifttype heller, som Arial, Source Sans og lignende “groteske” skrifttyper. Dette var et større problem før, da skrifttypene ikke var så bra, men dette har bedret seg en del med årene. Likevel ser jeg ofte folk bruke lite lesbare skrifttyper der deler av bokstavene forsvinner hvis de skaleres feil. Derfor var det spesielt typisk før å bruke serif-skrifter i overskrifter, for der kom man gjerne unna med det lettere.

Ikke tenk på utseende når du velger en skrift, tenk på funksjon! Og vær heller ikke så redde for å gå litt opp i skriftstørrelsen. 

Og en annen ting: Plis hold deg til maks to skrifttyper per innlegg. Det blir mye ryddigere! Du kan ha forskjellige størrelser ved å bruke overskrifter, og putte inn litt brekkskrifter her og der, men vær så snill å ikke bruk veldig mange forskjellige skrifttyper i samme blogginnlegg! 

 

                       Ryddig og oversiktlig                       

Animasjoner, masse farger, pynt, glitter og detaljer er noe man burde begrense og ha en ordentlig plan for. Putter du altfor mange kule ting inn i på for lite område blir det rot, og det tar fokuset vekk fra blogginnlegget. Det er mange blogger og nettsider som skal fylle opp designet med så mye detaljer og effekter at det virker veldig useriøst. Dersom man bestemmer seg for et mindre utvalg effekter og holder seg til disse kan det skape en egen identitet, heller enn å kaste på altfor mye spesielt. 

 

                       Konsekventhet                       

Ah, mitt favorittord! Det kan ikke sies nok ganger! Dette punktet er egentlig hele lista oppsummert, for det er et stikkord som kan brukes til alt. Dette var noe av det viktigste jeg lærte etter at jeg kom i jobb, og jeg må fortsatt påminnes om det. Er jeg i tvil om hvordan noe burde gjøres får jeg alltid beskjed om å se på hvordan det er gjort tidligere. Hvordan er de andre designelementene? Hvordan er fargebruken? Hvordan er luften? 

Konsekvent er å alltid følge samme intensjon, og å være prinsippfast. Velg en form og hold deg til den. Har du begynt med skarpe kanter burde du ikke plutselig ha noen elementer med avrundede kanter. Har du begynt med en type hovereffekt på knapper burde du ikke plutselig ha noen knapper med en annen hovereffekt. 

 

                       Ikke ha for bredt design                       

Her kan jeg også bli bedre, for til og med mitt design er egentlig for bredt til å skrive så lange innlegg som jeg gjør nå. Men jeg ser definitivt design som er enda verre enn mitt igjen. Det optimale er egentlig bare å ha opptil 75 tegn per linje, inkludert mellomrom. Når avstanden fra start til slutt av linjen blir for stor, gjør det at det blir tyngre å lese blogginnlegget. Dette er det mye forskning på, og det er helt underbevisst av oss at vi unngår å lese blogger med for mange ord i hver linje. 

Her burde du derfor enten skalere bredden på bloggen ned, eller justere skriftstørrelsen opp. Tro meg: dette planlegger jeg å gjøre selv og. Når jeg får tid, hehe.

 

                       Bruk ikoner                       

For å gjøre bloggen hakket mer interessant uten at det pranger for mye er det lurt å bruke ikoner. Ikke bare får du gjemt unna mange unødvendige ord på bloggen, men det er både gjenkjennbart for øynene og det kan være med på å skape identitet. Jeg jobber selv med å finne et sett med ikoner som kan passe til bloggen min. 

Et godt eksempel på god ikonbruk er det nye designet til Sophie Elise. Der er det valgt et sett med ikoner som matcher hverandre. Disse ikonene bidrar til å skape helhet, identitet, gjenkjennbarhet og det rydder vekk vanlige delingslinker inn under designet. Se til høyre på utklippet under:

 

                       Finn dine særpreg                       

Dine særpreg kan være så mangt. Dette går litt under punktene “konsekvent” og “ikoner”, for utfyller du disse har du allerede kommet en vei med å finne dine særpreg. Et særpreg kan være én spesifikk fargekode du holder deg etter, eller det kan være en stil som helhet. Har du en mørk blogg vil du kanskje holde hele stilen mørk, men likevel på en tiltrekkende måte.

Uten særpreg kan bloggen fort bli veldig tørr og kjedelig. Jeg syns for eksempel min egen blogg har veldig lite særpreg, og blir fort ganske kald og tørr. Jeg prøver (som dere kanskje har fått med i dette innlegget) å bruke den ene brekkfargen jeg har litt mer i innlegget. Den rosarøde fargen bruker jeg allerede på linker og knapper flere steder, men jeg har bestemt meg at den trengs litt oftere. På den måten prøver jeg å forme meg og et slags særpreg på bloggen. Akkurat dette er jeg dårlig på selv, men prøv å finne din greie og hold deg til den.

 

                      Mobile first                       

Mobile first betyr at vi lever i en mobilverden, der det viktigste du gjør for å henge med i tiden er å tilpasse bloggen og nettsiden din etter mobil som prioritet én. Vær nøye med å passe på at designet ditt fungerer på mobil, og se hvordan innleggene ser ut etter du har publisert dem på mobilen. Overfør designelementene du har på datamaskin-visning over på mobilen. 

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

Håper dette innlegget var noe lærerikt og at det kan komme til nytte for noen! Ha en super dag videre! 

To do-list: Uke 34

OLYMPUS DIGITAL CAMERA

Da var det mandag igjen og fram med Listelykke-boka! Den boka må seriøst være det mest fotograferte objektet på bloggen, haha. Takk Silje, som ga meg den til jul. Du har gitt meg mange gode bloggbilder.

En ny mandag betyr nye muligheter, og jeg skal starte denne uka med å trene i dag. Det blir deilig å komme ordentlig i gang allerede på mandagen, og jeg føler meg alltid mye bedre når minst én trening er unnagjort tidlig i uka. Ellers har jeg ingen planer denne uka, annet enn at jeg skal på et kajakkurs på lørdag. Det blir nok veldig morsomt, og ikke minst god trening! Og da kan jeg låne kajakker via Turistforeningen framover, dersom jeg ønsker å padle litt. Det er billigere enn om jeg skulle kjøpt egen!

To do-lista for denne uka ser slik ut:

✓ Støvsuge

✓ Vanne blomster

✓ Vaske klær

✓ Vaske badet

✓ Bytte håndklær

✓ Ukeshandel

✓ Støvtørke hyller og overflater

✓ Støvtørke lister

De månedlige oppgavene jeg skal gjøre denne uka er å støvtørke hyller, overflater og lister. Utenom det er resten av punktene de vanlige jeg gjør hver uke.

Ha en fin mandag!

 

Begin typing your search term above and press enter to search. Press ESC to cancel.

Back To Top