Categories
Henk.koht.

Koodinrikkoja kuriin

Web-standardien noudattaminen ei ole helppoa. Etenkin kun kaikki kotisivuille lisättävät ilmaiskikkareet tuntuvat rikkovan koodin niin pahasti, että validaattorista kuuluu vain tuskaista parahtelua. Ehkä paras esimerkki on Flickr-kuvapalvelun Badge, eli minikokoinen kuvagalleria, jollaisia näkyy melko monen blogin sivupalkissa.

Valitettavasti Flickr Badge ei pahemmin kuria kumarra, vaan on rehellisesti päin honkia kirjoitettu koodinpätkä. Esimerkiksi feldon.netin XHTML Strict -standardiin sovittaminen vaati hieman ihmettelyä ja monta epäonnistunutta yritystä. Säästääkseni teidän vaivaanne kirjoitin lyhyen oppaan, jolla Flickr Badge rupeaa futaamaan krantummassakin ympäristössä – ja vieläpä web-standardeja noudattaen!

Tämä ohje on tehty Flickr Badgen HTML-versiota varten. Olisi hyvä jos sinulta löytyisi jo valmiiksi Flickr-tili. Jos blogistasi löytyy jo Flickr Badge, sinun täytyy tehdä muutoksia ainoastaan Flickr Badgen koodiin ja sivustosi css-tyylitiedostoon. Jos et ole vielä uskaltanut tehdä omaa Badgea, voit ladata tekemäni valmiit tiedostot suoraan artikkelin lopusta ja liittää ne blogiisi.

1. Jos sivuillasi on jo Flickr Badge, avaa ensin tekstieditoriin se tiedosto, josta Badgen koodi löytyy. Tunnistat sen parhaiten “Start of Flickr Badge” -tägistä, sikäli mikäli olet jättänyt sen ennalleen. Flickrin tarjoama alkuperäinen koodi näyttää tältä:

Alkuperainen Flickr Badge

2. Kuten näkyy, alkuperäinen Flickr Badge on melkoinen merkkisoppa. Seuraavaksi sinun olisi löydettävä merkistön joukosta toimintoskripti, jonka tunnistat script-tägistä. Poista muu roska ja jätä script-tägit ja niiden välinen teksti ennalleen. Tuloksen pitäisi näyttää suunnilleen tältä, tosin sillä erotuksella, että käyttäjätunnuksen kohdalla lukee todennäköisesti jotain muuta.

Riisuttu skripti

3. Edelleen messissä? Loistavaa! Vaikein on takana. Seuraavaksi lisäät tekstieditorissa scriptin alkuun ja loppuun div-tägit, jolloin Flickr Badgelle voi määrittää omat tyyliasetukset CSS-tiedostossa. Sinun ei varsinaisesti tarvitse tietää mitä kaikki tämä tarkoittaa, riittää että Flickr Badgen koodi näyttää suunnilleen tältä:

Div-tagit HTML-koodin joukkoon

4. Seuraavaksi käydään css-tiedoston kimppuun. Avaa tekstieditorilla tyylitiedostosi ja lisää seuraavat rimpsut koodin loppuun:

Flickr Badge CSS -kuva-alue

Yllä siis määritellään varsinaisen kuva-alueen koko. Kuva-alue on se tila, jossa haluat esitellä pienoiskuviasi. Esimerkkitapauksessamme kuvia varten on varattu 200 x 300 pikselin suuruinen alue ja rajattu sopivasti tilaa sen ympäriltä.

Seuraavaksi säädetään miltä yksittäinen kuva-alueelle haettava kuva näyttää:

Flickr Badge CSS yksittaiset kuvat

Kuvat on siis keskitetty vasemmalle ja yksittäisen kuvan koko on 62 x 62 pikseliä. Samassa yhteydessä on määritelty myös kuvien taustaväri.

5. Kaiken pitäisi nyt olla valmista. Päivitä sivustosi ja tyylitiedostosi ja ihaile lopputulosta.

Pieni css-tietämys on tarpeen, jos tahdot muokata muita asetuksia. Flickr Badgessa näkyvien kuvien määrää voi puolestaan säätää muuttamalla skriptissä näkyvää numeroa. Nyt näkyvissä on 8 kuvaa:

Kuvien lukumaara

Jos et jaksa naputella CSS-koodia ja siistiä skriptiä itse, voit ladata ne tästä:

Kopioi ensimmäisen tiedoston sisältö ja liitä se blogisi tyylitiedostoon sellaisenaan.
Kopioi sitten toisen tiedoston sisältö suoraan kotisivujesi sivupalkkiosioon. Muista vaihtaa käyttäjänimeksi oma Flickr-tunnuksesi!

Tämä on ensisijaisesti laadittu omaksi muistiinpanoksi, mutta jos sait siitä jotain irti, paiskaa ihmeessä kommenttia!

Categories
Linkit

links for 2006-08-23

Categories
Linkit

links for 2006-08-22

Categories
Linkit

links for 2006-08-21

Categories
Linkit

links for 2006-08-20

feldon.net 2.0 - BETA

Categories
Henk.koht.

feldon goes neuleblog

Picles

Vaikka feldon.net ei ole neuleblogi, on tähän väliin pakko mainostaa Otavan uutta neulekirjaa Puikoissa!:aa. Ei muuten, mutta kun sivuilla poseeraa tuttu tyttö. Miehellä ei voi olla koskaan liikaa mallikavereita 😉

Categories
Linkit

links for 2006-08-19

Categories
Henk.koht.

Deus Ex Kirjameemi Vol. II

pallothelsinginylla.jpg

Olli vastaa kirjahaasteeseen:

1. Yksi kirja, joka muutti elämääsi

Hankala kysymys heti alkuun: luen kirjoja nimenomaan laajentaakseeni näkemystäni maailmasta. Hyvänä kirjana pidän sellaista, joka vaikuttaa ja muuttaa tapaani nähdä maailma. Näitä on siis aika paljon. Karl Popperin Avoin yhteiskunta ja sen viholliset selvensi huomattavasti käsityksiäni niistä ajatuksista, jotka alistavat ihmisen pelkäksi ideologian työkaluksi. Kirjan lukemisen jälkeen pitää itseäänkin fasistina, ja se taas panee miettimään, onko omissa asenteissa rukkaamisen varaa.

2. Yksi kirja, jonka olet lukenut useammin kuin kerran

Väinö Linnan Tuntematon sotilas on kirja, jota tulee selailtua sangen taajaan. Iso nippu dramaattisia kohtauksia ja mieleenpainuvia henkilöhahmoja. Kiitämme erityisesti repliikkejä, joista löytyy siteerattavaa joka tilanteeseen. Olinpa sitten kertomassa pojille, miten sotaa ei käydä; tai Inarissa naimassa susia, asian voi aina esittää suuren kirjailijan sanoin.

3. Yksi kirja, jonka tahtoisit mukaasi autiolle saarelle

Jiddu Krishnamurtin ja David Bohmin keskusteluista koottu Ajan päättyminen on perustavanlaatuisten kysymysten äärellä. Kirjaa lukiessa autio saari on vain plussaa, sillä tähän pitää syventyä ilman ulkopuolisia häiriötekijöitä. Mielenkiintoista pohdiskelua ihmisyyden rajoista ja niiden saavuttamisesta.

4. Yksi kirja, joka teki sinusta hupakon (giddy)

Futurist manifestos -antologia on nimensä mukaisesti kokoelma futuristien ohjelmajulistuksia. Kaikista taidesuuntauksista niksahtanein ei juurikaan kumarra kuville. Joet pitää kääntää virtaamaan taidemuseoiden läpi, vähemmällä niitä ei saa siivottua niisä pesivästä roskasta! Parhaiten junamatkaa kuvaava runo syntyy kokoamalla matkan äänimaisemasta (tsuh-tsuh, klonk, uii, skriik) veturin muotoisen taittajan painajaisen! Jalat irtoavat maasta väkisinkin näiden hullujen nerojen aatoksia hämmästellessä.

5. Yksi kirja, joka sai sinut puhkeamaan kyyneliin

Vankileirien saaristo, Aleksandr Solzhenitsynin 1500-sivuinen kaskelotti Neuvostoliiton työleireistä veti hiljaiseksi. Nobel-palkittu kirjailija kuvaa puistattavan yksityiskohtaisesti ihmisyyden nollapistettä Vanhan testamentin profeettaa muistuttavalla vanhurskaalla vihalla. Tarina on tosi, ja suomalaiset olisivat päätyneet samaan syöveriin, jos sotamenestys olisi ollut huonompaa.

Myös suomennoksen tarina on herättää ajatuksia. Kirjan julkaisu lännessä teki Solzhenitsynistä kansan vihollisen, ja hyvien naapurisuhteiden säilyttämiseksi Suomen pääministeri Kalevi Sorsa kävi painostamassa Solzhenitsynin suomalaista kustantajaa, jotta kirjaa ei julkaistaisi. Niinpä Saariston suomennoksen ensimmäinen osa painettiinkin Tukholmassa. Kansallinen turvallisuus, ymmärrättehän.

6. Yksi kirja, jonka toivoisit tulleen kirjoitetuksi

Äly hoi! – säännöt ovat ihmistä eikä ihminen sääntöjä varten -teoksen puuttuminen kirjakauppojen hyllyistä näkyy monella yhteiskunnan alalla. Asiakkaat eivät pääse kauppaan, sillä kello on kolmea vaille, ja kauppias odottaa kellon lyöntejä, ennen kuin avaa oven. Poliisi lähtee pois kolaripaikalta, sillä kolari on tapahtunut aivan kaupungin rajan takana ja kuuluu niin ollen toisen kaupungin poliiseille. Vanha tapa voittaa parhaan tavan, sillä näin on tehty ennenkin. Herra tuomari, syytelista jatkuu vielä pitkään, mutta asiani lienee tullut selväksi, joten syyttäjä päättää puheenvuoronsa.

7. Yksi kirja, josta toivot, ettei sitä olisi koskaan kirjoitettu

”Missä poltetaan kirjoja, siellä poltetaan pian ihmisiä”, linjasi Heinrich Heine aikoinaan. Peesaan Henkkaa: vaikka jokin kirja ei antaisikaan mitään yhdelle, se voi tarjota jotain toiselle. Kulttuurin olemukseen kuuluu rönsyily, ja kulttuurituotteiden arvon mittaminen ja muu Die Ordnung müß sein -meininki ei ole minun juttuni.

8. Yksi kirja, jota luet paraikaa

Juuri nyt pöydällä on avonaisena kolme kirjaa, joten joudun vastaamaan kysymyksen vierestä.

Kaarina Nikusen Faniuden aika on kulttuurintutkimuksen väitöskirja, jossa analysoidaan suomalaisen faniuden eri muotoja: tutkittavina ovat Xenan, Ally McBealin ja Marco Bjurströmin fanit. Nykykulttuuri muuttuu aika vauhdikkaasti: väitöstilaisuus oli viime syyskuussa, mutta naisenergiaa tarjonneet Xena ja Ally ovat jo luovuttaneet valtikkansa (Xenasta puhuttaessa Olli käyttää sanaa valtikka. Liekö miehellä mielessä lemmen julma nahkavaltikka? Freud huom.) Sinkkuelämälle, joka sekin on jo loppunut.

Ludwig Wittgensteinin Huomautuksia psykologian filosofiasta I pohtii muun muassa havaitsemiseen ja tunnistamiseen liittyviä ongelmia.

Ruskea kirja taas raportoi natsien julmuuksista. Kirja on kirjoitettu vuonna 1933 jolloin Hitler kaappasi vallan. Olin kuvitellut, että ruuvia kiristettiin pikku hiljaa, mutta näemmä natsikuri otettiinkin käyttöön saman tien. Kirjan tekijää ei mainita, ilmeisesti se on vasemmistolaisten työläisten ryhmätyötä.

9. Yksi kirja, jonka olet aikonut lukea

StreitwieserHeathcockKosower -troikan Introduction to Organic Chemistry tarjoaa tuhat sivua jännitystä ja romantiikkaa. Saavatko vetyperoksidi ja eetteri pidettyä tunteensa kurissa, vai päättyykö heidän kohtaamisensa räjähdykseen? Rouva Propeeni kokee olevansa tyydyttymätön rasva, mutta yllättäen hän tapaa salaperäisen ja komean jodin, joka yrittää tyydyttää hänet. Entä miten sinkkikloridin yllättävä paluu vaikuttaa etanolin ja suolahapon tasapainoiselta näyttäneeseen suhteeseen? Kenen kemia toimii, kenen ei? Onko ammoniakki oikea lääke kumppanin happamuuteen? En malta odottaa kurssin alkua!

10. Nyt haasta viisi bloggaajaa

*Tilt!* En tunne viittä bloggaajaa. Onko nettiväellä nimitystä ihmiselle, joka IRLaa päivät pitkät, eikä tunne ketään vain tietoverkoitse?

Categories
Henk.koht.

Deus Ex Kirjameemi

Lukeminen kannattaa aina.

Robotti on melkein vallannut feldon.netin linkeillään, joten pitänee tähän väliin antaa inhimillisiä elonmerkkejä. Ja mikäpä sopisikaan paremmin, kuin yksityisyyden verhoa raottava kirjameemi (kiitos Tanja).

1. Yksi kirja, joka muutti elämääsi:

Näitä on paljon, koska imen aika herkästi vaikutteita kaikesta lukemastani. Viimeisin lienee Paulo Coelhon Alkemisti, mutta se on tosiaankin vain pisara meressä.

2. Yksi kirja, jonka olet lukenut useammin kuin kerran:

Kaunokirjalisuus on kertakäyttökamaa. Käsikirjaksi hankkimani David Allenin loistava Getting Things Done on sitä vastoin selattu jo koirankorville. Wikipediasta löytyy lisätietoa herrasta.

3. Yksi kirja, jonka tahtoisit mukaasi autiolle saarelle:

How to Escape from Remote Island for Dummies. Onko sellaista? Sellainen pitäisi olla! Tai sitten Internet kirjamutoon puristettuna. Riittäisi selattavaa.

4. Yksi kirja, joka teki sinusta hupakon (giddy):

Erlend Loen Supernaiivi. Siitä syyttäminen Emmiä on.

5. Yksi kirja, joka sai sinut puhkeamaan kyyneliin:

Milan Kunderan Olemisen sietämätön keveys.

6. Yksi kirja, jonka toivoisit tulleen kirjoitetuksi:

T. Ruuskan Näin minusta tuli maailman johtaja.

7. Yksi kirja, josta toivot, ettei sitä olisi koskaan kirjoitettu:

Vuosi sitten olisin varmaan vastannut Raamattu, mutta totuus on, että luin viime talvena Uuden testamentin läpi ja olin erittäin vakuuttunut. Siinähän on fiksuja ideoita eikä merkkiäkään siitä ahdasmielisyydestä ja synkkyydestä, jonka olen tottunut kristillisyyteen yhdistämään. Kyseisen kokemuksen jälkeen en nyt uskalla tuomita mitään muutakaan teosta. Antaa taiteen kukkia, kirjallisuuden etenkin.

8. Yksi kirja, jota luet paraikaa:

Kabalta lainattua Chuck Palahniukin Hauntedia. Paljon mieluummin lukisin Dick Francisiä, Nelson DeMilleä tai John Irvingiä. Tänä kesänä rikkoutui myös jokavuotinen perinne lukea vanhempien luona kyläillessä vanhoja Conaneita (niitä Robert E. Howardin alkuperäisversioita).

9. Yksi kirja, jonka olet aikonut lukea:

Loesjea vapaasti lainaten: ”Lue Raamattu, Koraani ja Mein Kampf – mutta ajattele itse.” Seuraavaksi siis Aatua, sikäli kun sitä enää mistään kirjastosta löytyy. Olli kertoi, että työväenkirjastossa ollut painos on kuulemma pöllitty.

10. Nyt haasta viisi bloggaajaa:

Hakkiz, NviperO, Yargo, Olli ja dessu; veistoksellinen sormeni osoittaa teihin.

Categories
Linkit

links for 2006-08-17