Route 66 – sommeren 2010

juli 15th, 2010

Etter to netter med strukturert søvn er hjernen på plass. Jeg jobber med alle bildene fra turen, sorterer og prioriterer. Jeg publiserer fortløpende til Picasa, og har delt dem opp i separate album; sånn circa etter hvor vi til enhver tid var – litt før og litt etter.

Album som er på plass er følgende:

Våt helg med HageLarm og Ellingsruddag

juni 13th, 2010

Vi trossa regnet og begynte i hagen med burgere og høy stemning. Dro videre til Ellingsrud for å høre Tommy og Audun …

Urinal

Andre

Bursdagsang for Line

april 26th, 2010

Litt forsinket … Liner fylte 23.04, feiret vi med brask, bram og sang:

Oslomesterskap i blomsterbinding

april 18th, 2010

Lørdag 17. april var det Oslomesterskap i blomsterbinding på Månefisken. Nina og jeg tok en tur for å heie på Line som deltok …

Ninas bursdag

april 5th, 2010

Vi var i London da Nina fylte år, den 30. mars. Dagen ble feiret på Bøler den 4. april hos Inger og Simen med lammesteik og kaker (ostekake og djevelkake). Litt tynt rundt bordet, siden Line, Simen A, Mattis og Morten ikke var i festhumør etter å ha avlivet Tita (hunden deres) som var gammel og kreftsyk – bare et par timer før. Hun er alt savnet. Tita rakk to kull med valper – ialt 24; så genene lever videre. Blant annet i Brando.

Familien

Også sang vi (tradisjonen tro) bursdagsangen:

Påsketur til London

april 2nd, 2010

Josefin og Audun

Josefin og Audun, Nina og Petter dro til London i den stille uka. På grunn av streik i British Airways litt forsinket, på på grunn av kluss hos Thistel måtte vi overnatte på to hoteller … Men til gjengjeld med frokost og svære rom (!). Shopping og musikalen Wicked sto på planen, foruten en masse struling, mat og drikke. Her er lenke til Picasa-album >> Og her er en YouTube-video:

Arbeidskrav 2 – emne vevspublisering

februar 13th, 2010
Piet Mondrian

Arbeidskrav 2: En hyllest til Piet Mondrian

Arbeidskrav 2 i emne 2; vevspublisering er ferdigstilt: http://bibin.hio.no/~s162610/arbkrav02/index.html. Med denne innleveringen ville jeg publisere en artikkel om kunstneren Piet Mondrian, samt et galleri med hans bilder – satt inn i et layout med utgangspunkt i Mondrians bilder. Jeg ville eksperimentere med bruk av borders for å oppfylle det meste av linjene som inngår i layoutet, samt fyllfarge. Av fyllfargene ble det bare den blå jeg definerete i CSS, mens gul (med sorte linjer på begge sider) og rød er grafikk, plassert som bakgunnsgrafikk i DIV’ene. Den loddrette sorte linjen på høyre side er også bakgrunnsgrafikk – resten er borders (16px).

I og med designideen basert på Mondrian kunne jeg (ville jeg) ikke ha en fleksibel høyde. Wrapper og alle DIV’er har fått definerte høyder, mens i Content-DIV’en med artikkelen er overflow satt til auto – sånn at det blir en scroll-bar på dennes høyre side. jeg er ikke så glad i scroll-barer innenfor browser-vinduet, men jeg har i det minste lagt den i en imaginær linje i grunnkonseptet. Jeg har også satt wrapper til 700px høyde – og da slapp jeg scroll-bar i browser-vinduet på min 15″ LapTop-skjerm. Uansett ser det ikke for galt ut om vinduet blir trangt. Kravet var to sider, en med topp, margområde og hovedområde – og en med det samme pluss footer. Jeg løste dette ved å krympe marg og hovedfelt i høyden, slik at jeg fikk innplassert en footer. Jeg har også brukt fontene bevisst for å understreke den minimalistiske perioden som gav støt til sveiterdesignet som kom etter denne perioden. Jeg har prioritert Helvetica over Arial i Font-Family av den grunn, og ellers fulgt inspirasjonen etter Bauhaus-skolen … Ja, også la jeg til en bildefunksjon basert på JavaScript (Lightbox2), som viser en større versjon av bildet ved å klikke på miniatyrene. Her er også alle titler lagt inn. Og alt validerer:

W3C - CSS Validator

Stilarket: http://bibin.hio.no/~s162610/arbkrav02/stilark.css

W3C HTML Validator

Side 1: http://bibin.hio.no/~s162610/arbkrav02/index.html

W3C HTML Validator

Side 2: http://bibin.hio.no/~s162610/arbkrav02/2.0.html

For blant annet å imøtekomme kravet om universell utforming, men også for korrekt utskrift – i og med at jeg har en ganske lang artikkel i en DIV med fast høyde (scroll), har jeg splittet opp CSS’en: Først en print.ccs hvor jeg har fjernet all pynt, samt knapper/lenker og gjort om fonten til Times (1em), og gjort all tekst 100 % sort. Denne har jeg lenket inn i HTML-siden sammen med en siste; aural.css som skal styre taleeneheter og blindeskrift. Her har jeg åpnet for lenkene til forskjell fra print.css. Men i begge variantene har jeg bildetekster under bildene i galleriet – i en CLASS som tislvarende er skjult i screen-varianten. Men der kommer disse bildetekstene til syne via Javascript-løsningen i LightBox 2. Her er lenker til CSS-validator for de to siste stilarkene:

Valid CSS!

Print: http://bibin.hio.no/~s162610/arbkrav02/print.css

Valid CSS!

Braille og aural: http://bibin.hio.no/~s162610/arbkrav02/aural.css

Pensumbøker på nett

januar 12th, 2010

To av bøkene som står på pensumlista vår finnes i online-versjoner på nett. Jeg har ikke bladd igjennom alt for å sjekke at alt er med – men det kan se sånn ut … Så – hvis du ikke er avhengig av papir, sjekk ut disse:

Dreamweaver CS4: The Missing Manual

David Sawyer McFarland: Dreamweaver-CS4-The-Missing-Manual-by-OReilly-Media

Designing With Web Standards

Jeffrey Zeldman: Designing With Web Standards

Arbeidskrav 1 – emne vevspublisering

januar 12th, 2010
Arbeidskrav 1

Hardt nok å være meg

Arbeidskrav 1 i emne 2; vevspublisering er ferdigstilt: http://bibin.hio.no/~s162610/index.html. Ideen med side 1 er The Beatles’ “A Hard Days Night” -coveret. Jeg tok alle bildene med fjernutløser og satte lyset mest mulig som på originalen. Og så la jeg inn en litt hemmelig popUp på et av bildene som viser originalbildet.

Kravet var tre sider med felles CSS og bruk av tabell og lister samt minst et bilde. Jeg har konstruert albumet som  en DIV med alt det blå som bakgrunnsgrafikk, med alle portrettene satt inn i tabell. På side to, Meg og studiene, har jeg laget en liste som er tilpasset med grafikkbasert kuler og litt dypere innrykk. Ellers var målet med den siden å lage et elegant layout, inspirert av sveitserstil. Den tredje siden, bildegalleriet, kostet mest arbeid. HiO-serveren ville ikke samarbeide med flashbaserte løsninger, så jeg endte opp med en JavaScriptbasert løsning. Mye jobb – men kult resultat. Og alt validerer:

Valid CSS!

Stilarket: http://bibin.hio.no/~s162610/screen.css

Valid XHTML 1.0 Transitional

Hjemmesiden: http://bibin.hio.no/~s162610/index.html

Valid XHTML 1.0 Transitional

Side 2 – Meg og studiene: http://bibin.hio.no/~s162610/index.html

Valid XHTML 1.0 Transitional

Side 3 – Bildegalleriet: http://bibin.hio.no/~s162610/2.0.html

Barnas dagsrevy

januar 6th, 2010

Jeg synes det var på tide at barna fikk tilbake sin dagsrevy i og med Supernytt, fra starten 2010 – det siste året i det første tiåret i det nye millenniet. 40 år etter Falkeklubben, som inneholdt den faste posten ”Barnas dagsrevy” kom noen igjen på at dette var og er en god nyhet. Også er det blitt en kjempfin sending; fin grafikk, saklig – ikke nedlatende, ikke angstbitersk – nyhetspresentasjon. Akkurat sånn som vi hadde det på 60-tallet.

By the way … Fjernsynsteateret var også en god idé. Til tross for mye pepper fra generasjoner som er vokst opp etter fjernsynsteateret – kan jeg med hånda på hjertet si at jeg kan min Ibsen, takket være NRK. Kunne kanskje noen snart innse at det er på tide å ta opp igjen den tradisjonen også. BBC har aldri sluttet å produsere Dickens og Austen. Og deres 60-talls versjoner var like … 60-talls som fjernsynstateret i NRK.