Bille under barken

Jobber du med html/CSS/javascript eller med noen av disse i kombinasjon med et serverside scriptspråk? Da er det en genial plugin du MÅ ha til firefox. En plugin som gjør firefox til den nettleseren som blir uunværlig i ditt arbeid; firebug.

Go getfirebug.com

GetFireBug.com

Hva gjør den?

Med firebug kan du debugge (eller ”avsluse”, som det så pent heter på universitets geek lingo) din kode, for å få enda bedre oversikt over hva som skjer når nettleseren tygger koden din. Vi begynner med det som synes best; CSS.

Flotters.

1. overskriften rendret i normal visning, 2 html-koden for samme overskrift, 3 css-kode som styrer utseende for slike html-elementer

Først klikket jeg på ”inspekt” i firebug-vinduet (1), så på overskriften ”Latin på Upihl” fra forrige post. I vinduet nede til venstre får jeg da opp html’n for denne siden (2) i et tre-utsnitt, med fokus på noden overskriften består av, en <a inni en <h2> inni en div, osv. I vinudet nede til høyre ser vi CSS koden som styrer utseende for denne typen overskrifter (3), rangert etter styrke. Stiler over er skrevet over (svakere stiler) vises med gjennomstreket tekst.

Du kan traversere alle nodene i html-koden, fra <html> og ned til minste barn av barn av barn…, og dermed finne alle noder du har skrevet CSSkode for. Om så noe CSS ikke skulle fungere som forventet; kan du alltids se om stilen blir overskrevet, eller ikke prares pga skrivefeil eller likende.
Det finnes også et layout-view, som viser hvor mye plass de ulike elementene tar, med hele boks-modellen visuallisert. TRouBLe med (top, right, bottom, left) rekke følgen på margin, padding, border, osv er ikke lenger en mare.

inspect med firbugg, nice

Om bare denne modellen hadde vært implementert likt i alle nettlesere..

Et par ting til; lastetid & javascript

En gang i blant begynner kanskje siden din å laste litt treigt, og som vi lærte av Jakob Nielsen for mange år siden; det er ikke bra. Da kan ”net”-tabben være noe å se på. Den viser deg, on-the-fly, hva som lastes i hvilken rekkefølge, hvor lang tid det tar, og hvor mange bytes. Nice.

Lastetid i firebug

Lastetid visuellisert. 1 NET-tabben, 2 antall KB, 3 total lastetid.

Hvordan vet du hvilke variabler og verdier som som sendes asynkront i nye fancy javascriptbaserte webapplikasjoner? Som bruker er jo ikke dette interresant, men når du utvikler er dette veldig nyttig, særlig når hodebunnen begynner å bli sår og tynnslitt.

POSTvariabler i firebug

POST[«manPat»] er alltid tidlig ute.

Console’n forteller meg her at verdien (value) ”Dette er kule saker” og id’n 60 blir sendt til et php-script under stavelin.com/hemmelig/script.php som POST. Det er veldig greit å få presentert i klartekst når det begynner å bli lenge siden forrige kaffekopp.

Du kan gjøre mye mer med firebug, så last ned og finn ut hva som passer din arbeidsmåte best. For meg har firebug gjort at firefox ikke blir byttet ut med noen andre nettlesere som førstevalg med det første. Det finnes konkurrenter til andre nettlesere, men ingen som er så slicke som firebug. Go get.

Latin på Upihl.

Upihl, eller Ulrikke Pihls pikeskole, er et bygg med lese-, data- og undervisningsrom for laveregradsstudenter ved SVF UiB. Nå pusses bygget opp, og i dag oppdaget jeg at de har hengt opp plakater med latinske utrykk i inngangspartiet. Men hva betyr de latinske ordene? Jeg har kastet meg over google i jakten på en overfladisk forståelse.

latin på HF biblioteket

Her: et liknende fenomen på HF-biblioteket. «Amor librorum nos unit», betyr noe sånt som «The love of books unites us» eller på Norsk «Kjærligheten til bøker forener oss».

Plakat på Upihl Midlertidige google-resultat Ca Norsk oversettelse
Ipsa scientia potestas est Herself knowledge power is Kunnskapen selv er makt / Kunnskap er makt
Veritas lux mea (veritas – sannhet, lux – lys, mea – meg?) Sannheten er mitt lys
Facilius per partes in cognitionem totius adducimur we are more easily led part by part to an understanding of the whole Vi ledes lettere del for del, for å forstå helheten
Nil actum repute si quid superest agendum Don’t consider that anything has been done if anything is left to be done. Anta ikke at noe er unnagjort før det ikke gjenstår noe å gjøre.
Divina natura dedit agros, ars humana aedificavit urbes The divine nature produced the fields, human skill has built cities. -Tibullus Den guddommelige naturen har skapt jordene, mennesket har byget byer.
Nullum saeculum magnis ingeniis clausum est To great talents no era is closed.-Seneca For store talent er intet område lukket.
Timendi causa est nescire Ignorance is the cause of fear.-Seneca Uvitenhet er redselens rot
Quo Vadis? (kurt?) Hvor går du hen?
Cogito, ergo sum (endelig en som stod i exphil-pensum) Jeg tenker derfor er jeg. – René Descartes
Qui non est hodie cras minus aptus erit He who is not prepared today will be less so tomorrow. -Ovid Den som ikke er forberedt i dag, vil være mindre så i morgen.
Eo ipso «by that very act» Ved den handling
Vincit omnia veritas Truth conquers all Sannheten beseirer alt
Dies diem docet   Hver dag er den nestes læremester
Dignus est intrare He is worthy to enter Den som er verdig, tre innenfor!
Repetito est mater studiorum Repetition is the mother of studies/learning. Repetisjon er læringens mor
Fallaces sunt rerum species The appearances of things are deceptive. (Seneca)The outward appearances of things are deceiving Utseende bedrar

Jeg er hverken lingvist, logofil eller lokal mester i rettskriving, så forbedrede formuleringer mottas med takk i kommentarfeltet.

Veritas Lux Mea Indeed

Nå har de jommen meg tatt av lysene i taket, og bruker disse sitatene som belysning i stede..
Veritas Lux Mea indeed.

Indirekte digget

I dag fikk jeg en mail fra en kamerat, Joakim, men følgende subject: ”you have been dugg”.

you have been dugg

Det viste seg å være en nettside, abduzeedo.com som har samlet bilder med kreativ bruk av lang lukkertid, som ble digget. Bilde nr3 fra toppen er fra min flickrkonto, og teksten jeg er i gang med å “lystagge”, er STAVELIN.COM :)

Lystagger. S-T-A-V-E..

Lystaggerbildet som på abduzeedo, sammen med andre liknende bilder, ble digget.

Dette er ikke første gang mine ting på nettet har dukket opp i rare sammenhenger, tidligere ting kan du bl.a lese om her.

Så takk til Joakim for å si i fra, og til abduzeedo-folka (hvem nå enn dere er) får å velge ut mitt bilde. Til slutt vil jeg takke juryen, diggere, min mor og spagettimonsteret. Takk.