pnuk!

Selaintilastoja

2009-07-13T21:09:38Z

Firefox 61.31%
- 3.0.11 63.32%
- 3.5 17.84%
- 3.0.10 7.35%
- 3.0.5 2.22%
- 2.0.0.20 2.07%
- 2.0.0.11 1.91%
- 3.0.8 1.30%
- 3.0 0.54%
- 3.0.4 0.46%
- 3.0.6 0.46%
Safari 16.85%
- 530.18 57.66%
- 530.17 23.12%
- 525.27.1 5.85%
- 530.19 3.90%
- 528.16 3.06%
- 525.20.1 2.23%
- 413 1.39%
- 525.20 1.39%
- 525.28.3 0.84%
- 525.29 0.56%
Internet Explorer 12.58%
- 7.0 53.36%
- 6.0 27.61%
- 8.0 19.03%
Opera 4.93%
- 9.80 36.19%
- 9.64 26.67%
- 9.63 8.57%
- 10.00 7.62%
- 9.52 5.71%
- 9.62 4.76%
- 9.23 2.86%
- 9.60 2.86%
- 9.51 1.90%
- 9.26 0.95%
Chrome 3.38%
Mozilla 0.52%
Mozilla Compatible Agent 0.28%
Opera Mini 0.14%

En jaksanut kirjata ylös varsinaisia kävijämääriä, mutta vertailun vuoksi voin kertoa, että Internet Explorer 6:lla vierailtiin tällä sivustolla 74 kertaa viimeisen 30 päivän aikana ja Firefoxin 3.0.11:llä 827 kertaa.

Firefoxin käyttäjistä (3.0+) 92.57% pitäisi nähdä sivuston suhteellisen niinkuin kuuluisi. Safarin käyttäjistä en osaa sanoa, nuo versionumerot hämäävät sen verran. Uskon kuitenkin, että suurin osa näkee oikein. Operalla vierailleiden kävijöiden versioista lähes kaikkien pitäisi tukea HTML 5:sta. Firefox 2:lle ja kaikille Internet Explorereille laittelin vähän erilaista koodia. Toivottavasti toimii edes joten kuten. IE6 saa kyllä ihan oman CSS-tiedoston, että ei samannäköinen pitäisi ollakaan.

CSS3:n osalta hyvin harva selain sitä oikein tukee, mutta sinnepäin olemme menossa. Vanhemmat selaimet eivät sitten kaikkia yksityiskohtia näe, mutta eivät se ole niin tärkeää.

Loppupeleissä tuli sellainen olo, että luultavasti palailen HTML 4.01:n ja XHTML 1.0:n pariin pikapuolin. HTML 5 ei vielä kuitenkaan ole läheskään valmista ja tästä syystä selaimetkaan eivät kaikkea tue. Mukava oli silti kokeilla saako HTML 5:llä mitään aikaiseksi. Oikeasti tämän version julkaiseminen jännitti, kun en itse ole nähnyt tätä muilla kuin Safari 4:llä ja Firefox 3.5:llä. Olkaa kilttejä.

Kuun valloitusta

2009-07-13T14:25:14Z

We Choose the Moon. Apollo 11:n kuureissun “reaaliaikainen” seuranta, elikkäs 40 vuoden takaiset tapahtumat esitetään uusiksi. 75:47 kirjoitushetkellä laukaisuun.

Minigore

2009-07-12T06:29:12Z

John Gore released into the wild!

PHP.JS

2009-07-11T18:48:28Z

PHP.JS – Use PHP functions in JavaScript.

HTML 5

2009-07-11T18:50:51Z

Tämä juttu on kirjoitettu ihan vaan selkeyttääkseni oman pään ääniä. En väitä olevani minkään suhteen Oikeassa™.

Ensivaikutelma on iloinen. Vihdoinkin kuvaavia tageja ikuisten divien tilalle. HTML 4.01 on jo kuitenkin kohta 10 vuotta vanha, joten aikakin, että jotain uutta tulee. Selainten tuki ei vielä hirveän hienolta näytä, mutta oikeaan suuntaan ollaan matkalla.

XHTML ei ole kuollut ja kuopattu kuitenkaan, vaan se jatkaa eloaan XHTML 5- nimellä, joka on sama kuin HTML 5, mutta erilaisella MIME-tyypillä, HTML on text/html ja XHTML on application/xhtml+xml tai application/xml. Tokihan sivuja voi tehdä millä tahansa standardilla, mikä tuntuu sopivimmalta. HTML 4.01 Strict on aivan yhtä hyvä kuin XHTML 1.0 Strict. HTML 5 ei ihan valmis ole.

HTML 5 eroaa muista ensimmäiseksi siinä, että DOCTYPE on aina <!DOCTYPE html>. Tyhjät elementit eivät tarvitse sulkemista, mutta sitä ei kielletäkään, eli siirtyminen XHTML:stä ei ole hirveän suurta niiden osalta. Se ikävä ominaisuus HTML 4:stä on jäänyt, että esimerkiksi <li> -elementtiä ei ole pakko sulkea, jos seuraava elementti on sama. <p> -elementin tilanne on vielä huonompi ja sen saa jättää auki vielä useammassa tapauksessa. Muitakin vastaavia elementtejä on.

HTML 5:n myötä tulee uusia rakenteellisia elementtejä, jotka ovat:

<section>
<article>
<aside>
<header>
<footer>
<nav>
<dialog>
<figure>

<section>. Tämä on tullut “korvaamaan” <div>-elementin. Tällä määritellään geneerisiä osia sivusta, esimerkiksi artikkelit ja sivupalkki. Käyttö ei ole pakollista, mutta voi auttaa tyylittelyssä.

<article> on esimerkiksi blogin merkintää tai uutisartikkelia varten. Voi sisältää <header>- ja <footer>-elementit. Jos haluaa esimerkiksi listata artikkeliin liittyviä linkkejä, jotka eivät varsinaisesti kuulu artikkeliin, ne voi laittaa <aside>-elementin sisään.

<aside>. Minä ymmärrän tämän niin, että tämän sisään voi laittaa artikkeliin tai sivuun jollain tavalla liittyviä juttuja.

HTML 5 differences from HTML 4

<aside> represents a piece of content that is only slightly related to the rest of the page.

Tuon lauseen perusteella sitä voisi käyttää esimerkiksi sivupalkkina, jos sen sisältö liittyy sivuun. Jos sivupalkissa on linkkejä arkistoihin tai tietoa vaikka artikkelin kirjoittajasta (usein sivuston ylläpitäjä), mielestäni se voisi olla <aside>, mutta HTML5 Doctor -sivustolla neuvotaan olemaan käyttämättä sivupalkkina. Aluksi pidin tätä ihan selvänä sivupalkkina, mutta <section> voisin olla parempi.

<header>. Tämä on selkeä. Esimerkiksi artikkelin otsikko ja päiväys voi olla tämän sisällä. <header>-elementtejä voi olla sivulla useita ja usean elementin sisällä.

<footer> on alatunnisteita varten. Copyright-merkinnät ja muut samanlaiset meta-tiedot kuuluvat sen sisään. <footer>-elementti ei saa sisältää <header>-elementtiä, eikä ilmeisesti myös mitään muitakaan otsikoita. <footer>-elementtejä voi myös olla useampia sivulla. Itse olen käyttänyt artikkelin aihesanojen listaukseen, päiväykseen ja kommenttilinkkiä varten ja myös koko sivun alatunnisteena.

<nav> on navigointia varten. Ensimmäisenä tietysti mielessä on sivuston navigointi, mutta myös sivutus ja sivupalkissa olevat linkit arkistoon kuuluvat tämän elementin sisään. <nav> on vain rakenteellinen elementti, joten joutuu käyttämään esimerkiksi <ul>-elementtiä navigoinnin rakentamiseen.

<dialog> on yksinkertaisesti dialogin esittämistä varten. Samantapainen kuin vanha kunnon <dl>.

<dialog>
    <dt>Officer Leroy<dt>
    <dd>Hey, I thought I told you...<dd>
    <dt>Me<dt>
    <dd>Yeah, whatever!<dd>
</dialog>

<figure> on uutta. Sitä voidaan käyttää otsikon liittämiseen kuvaan tai videoon. Oikein näppärä tämäkin.

Myös muitakin uusia elementtejä on paljon. Tässä joitain niistä.

<video> ja <audio> ovat multimediaa varten. <embed> on plugineja, esimerkkinä Flash, varten. Ikävää on se, että selainvalmistajat eivät ole päässeet yhteisymmärrykseen videostandardista. W3C ehdotti Ogg Theoraa, mutta Apple kieltäytyi siitä sen huonon laadun vuoksi. Laatu on kyllä ihan hyvää minun silmillä nettikäyttöön, mutta vaatii kaistaa paljon. Tällä hetkellä ainoa selain mikä sitä tukee on Firefox 3.5. Opera 9.5:ssä oli tuki, mutta myöhemmistä versioista se poistettiin. H.264 olisi hyvä, mutta sen kanssa on jotain lisenssiongelmia. Microsoft tuskin heti on tukemassa, koska se olisi pois Silverlightilta. Youtube saattaa vaikuttaa standardiin aika paljon myös, toistaiseksi hekin suosivat H.264:ää.

<canvas> on 2d-grafiikan esittämistä varten. Sitä käyttäen on tehty jo kovasti demoja. Ehkä yksi mielenkiintoisimmista uusista elementeistä. Yksi niistä asioista mitä pitää pistää opeteltavien asioiden listaan, vielä en ole saanut aikaiseksi mitään kovin kummoista.

<input> ei ole uusi, mutta uusia tyyppejä on tullut:

datetime
datetime-local
date
month
week
time
number
range
email
url
search
color

datetime toimii siten, että kun käyttäjä klikkaa sitä, se avaa kalenterinäkymän. Tai avaisi, jos selaimet tukisivat sitä. Muutkin ovat aika selkeitä, email on sähköpostia, url www-osoitetta ja search hakukenttää varten. Semantiikkaa näilläkin haettu ja jos vielä selaimet tarkistaisivat esimerkiksi email -kentässä sen formaatin niin olisi hienoa. Yksi hieno asia on myös uusi boolean attribuutti required. Selain ei saa lähettää lomaketta, jos jokin vaadittu kenttä on tyhjänä.

Poistettuja HTML 4 elementtejä ovat <basefont>, <big>, <center>, <font>, <s>, <strike>, <tt> ja <u>. Selainten täytyy vielä tukea näitä, mutta saman tekee paremmin CSS:llä. Myös kehyksiin liittyvät elementit ovat vihdoinkin poissa, vain <iframe> jäi. Muita poistettuja ovat <acronym> (tilalla <abbr>), <applet>, <isindex> ja <dir>. Harvemminpas nuita on tarttenut. Attribuuttejakin on vähennelty reippaasti CSS:n tieltä kuten align ja background.

Kaiken kaikkiaan oikein hienoja uudistuksia on listalla. Nyt vielä täytyy odottaa, että selaimet seuraavat perässä. Jopa IE8 tukee osittain jo. HTML 5 ei vielä ole standardi, eli ei selainten tarvitsekaan sitä noudattaa täysin, mutta toivon, että tämä tapahtuisi lähitulevaisuudessa. IE7:n ja jopa IE6:n saa tottelemaan uusia elementtejä Remy Sharpin JavaScriptin pätkällä. Firefox 2 vaatii jonkin verran enemmän, en ole itsekään vielä sitä säätänyt. <video> ja muut hienot ja hotit elementit eivät kuitenkaan nuilla korjauksilla toimi.

DOM on saanut myös paljon uudistuksia. DOM storage on kiinnostava, tietoa voi tallentaa vähän niinkuin keksiin käyttäjän koneelle, jolloin voi nopeuttaa esimerkiksi tiedon hakua. Erona keksiin on se, että tämä tieto on vain asiakaspuolen koodin käytettävissä, palvelimet eivät voi sitä tietoa kaivaa esiin.

Lisää tietoa ja esimerkkejä löytyy seuraavilta sivuilta:

Jutusta voi päätellä, että uutta ulkoasua on tulossa uudella merkkauskielellä. Tämäkin ulkoasu on väännetty HTML 5 -muottiin, mutta pieniä semanttisia erheitä vielä on.

Kuukävelyä

2009-07-08T11:15:24Z

Eternal moonwalk – A tribute to Michael Jackson.

Googlen käyttöjärjestelmä

2009-07-08T05:44:34Z

Tästä on huhuiltu usein ja kauan, nyt se sitten varmistui. Official Google Blog: Introducing the Google Chrome OS.

DrawRace

2009-07-12T07:04:04Z

DrawRace, peli iPhonelle/iTouchille, missä piirretään ajolinjat. Vaikutti mukavalta pikaisen kokeilun jälkeen.

Pelottavia välineitä

2009-07-05T20:24:53Z

Vanhoja kirurgin työkaluja. Pelottaisi nykypäivänä nähdä noita leikkaussalissa.

XHTML 2

2009-07-03T06:00:30Z

XHTML is dead. Long live XHTML.

Paloautoja Pursimiehenkadulla

2009-07-01T14:36:48Z

Kävin pihalla katsomassa, kun oli paljon hälytysajoneuvoja paikalla. Poliisi oli sulkenut tienpätkän molemmista päistä. Ilmeisesti yksi asunto oli Pursimiehenkadulla ollut tulessa. En tiedä sitten tarkemmin mitä on tapahtunut. Harvemmin olen kuitenkaan noin paljon paloautoja nähnyt samalla kertaa^[1].

Paikalla oli paljon kuvauskalustoakin ja ainakin MTV3:n haastattelija hyppi paikasta toiseen. Toivottavasti kenellekään ei ole sattunut mitään. Nyt on aika lähteä töihin.

¹ Silloin näin kun kuvasin Oulun palomiesten kalenterin 2009.

Kalevan palkkiot

2009-06-30T11:28:24Z

Kaleva vaatii laajempia oikeuksia ilman korvausta. työtä ostetaan käytännössä alle lehdistön työehtosopimuksen mukaisen alimman päiväpalkan

Pitkä kuuma kesä 2009

2009-06-28T17:32:06Z

Olipas mukava päivä eilen Suvilahdessa. Aurinko ei paistanut hirveän paljon, mutta ei sentään satanut hirveästi. Risto, Melvins, The Sounds ja Social Distortion rokkasivat, eivätkä muutkaan huonoja olleet. Fotoblogissa pari kuvaa The Soundsista eli lähinnä Majasta.

Olihan se mukavaa. Tänään ollut vähän väsy.

Outlook 2010

2009-06-26T07:15:14Z

Twitterissä järjestettiin kampanja, jolla yritettiin kertoa Microsoftille, että heidän sähköpostiohjelmansa HTML-rendaus kusee. Microsoft ei käsittänyt sitä ja kirjoitti vastineensa HTML:n lähettämisestä. Heillä on vihjeet hukassa.

Ulkoasua

2009-06-25T18:41:28Z

Päivitin fotoblogin ulkoasun. Odotti kuukausikaupalla valmiina, tänään sain testattua myös, että toimii myös oikeassa paikassa.