TinyBlueIt’s been a long time (it has to be over a year) since I sent my second design to Dave at CSS Zen Garden. Today I received the good news about my design. It was bit of a shock since I had already forgotten all about that. Go check it out.

The first design (Icicle Outback) can be found here.

Oh, and please excuse me my bad english ;) .

javascriptAikaa on kulunut rutkasti, joten lienee hyvä hieman päivittää SWFObjectin ohjeita. SWFObject on siis Geoff Stearns:n käsialaa ja nykyinen versio on 1.5. Geoff kirjoittaa blogissaan, että ei näillä näkymin enää jatka SWFObjectin kehittämistä.

Sen sijaan SWFFix project pyrkii korvaamaan SWFObjectin embed-standardina. Adobe ei ollut kovin innostunut projektin nimestä, koska se antaa ymmärtää, että SWF-formaatti on jotenkin rikki :) . No nimihän päätettiin sitten vaihtaa uuteen ja tämän kuun alusta se ristittiin omaperäisesti nimellä SWFObject.

SWFFix on julkaissut SWFObjectista uuden version 2.0 beta 1 ja sen voi ladata täältä.

Express Install

Read more

Icicle Outback

Hi there. It’s been a while since I wrote here. But now it is definitely a good day to start again. I received this email from Dave yesterday:

Hi,

First off, thank you so much for your patience in waiting for a Zen Garden update. The past year has been such that other priorities have kept me away from any major updates. It’s just life, but I feel rather bad about making you wait this long for an answer. Sorry about all that.

Thanks for your submission to the css Zen Garden. I’m happy to inform you that “Icicle Outback” has been added as an official design.

Please be sure to take a look and make sure everything got published as you’d expect; if not, reply to this email with an explanation and any missing/supplementary files, and we’ll fix ‘er up.

Thanks for your great work, and feel free to submit again any time!

- Dave

Read more

Web standardsVastaa kahteenkymmeneen (20) monivalinta kysymykseen, jotka koskevat jollakin tavalla web standardeja. Toistaiseksi kannasta löytyy vain 30 kysymystä. Pisteitä saa luonnollisesti oikeista vastauksista, mutta myös vastausnopeus vaikuttaa lopulliseen tulokseen.

Mukana on muutamia hankalempiakin kysymyksiä, mutta osaavalle designerille ei suurta onglemaa pitäisi syntyä. Oma tulokseni on 17/20 ja 647 pistettä. Ja sitten visailemaan.

Web Standards Quiz [en]

CSSAivan. Otsikossa mainittu yhtälö ei tuota positiivista tulosta. Itsekin taistelin taannoin tämän ongelman kanssa.

Eli, jos suunnittelet naulitsevasi elementin sivulle käyttäen fixed:ä, tarvitset avuksi jotain kättä pidempää. Tässä tapauksessa “kättä pidempää” tarjoaa Andrew Clover (doxdesk [en]).

Tarvittavan javascriptin voit ladata doxdeskin sivulta:

fixed.js

position:fixed toimii seuraavissa: Mozilla, Opera 5+, Explorer 5 on Mac, Konqueror

Lataat vain skriptin palvelimelle ja lisäät linkin sivulle.

Read more

CSS Valmis CSS-menu

Näyttävän menun, tekemiseen hover-efekteineen, ei tarvita välttämättä ollenkaan javaScriptiä. Molemmissa on hyvät ja huonot puolensa, mutta molempia yhdistää ainakin se, että kumman tahansa voi tehdä hyvin tai huonosti. Ja luonnollisesti huono toteutus onnistuu meiltä kaikilta käden käänteessä. Hyvään lopputulokseen pääseminen ei toki ole vaikeaa. Se vain vaatii hieman enemmän asiaan paneutumista ja ehkä jonkin verran suunnittelua. Toisaalta, kun ajattelu ja suunnittelu on kerran tehty ja omaksuttu, ei tulevaisuudessa tarvitse enää keksiä pyörää uudelleen. Vanhaa CSS:n ja menun XHTML:n voi helposti liittää suoraan uusiin projekteihin ja muokata sitä tarpeen mukaan.
Read more

CSSMoni taulukkotaitosta CSS:ään siirtyvä on pulassa divien sijoittamisen kanssa. Yksi yleisimmistä pulmista CSS-taitossa on leiskan/elementin keskitys. Muutamia tapoja löytyy asian ratkaisemiseksi, kuten negatiivinen marginaali. Käytän sitä itse töissäni, joten esittelen sen tässä. Ja vielä väärinkäsitysten välttämiseksi on syytä mainita, että kyse ei ole millään muotoa omasta innovaatiosta, vaan “tekniikka” on jo kauan sitten esitelty ainakin Bluerobotin sivuilla.
Read more

javascriptJos (x)HTML on sinulle entuudestaan tuttua, XML:n opettelu ei varmasti tuota hankaluuksia. Jos XML on kuitenkin täysin uusi käsite, aloita lukemalla tämä artikkeli (XML).

Ennen kuin tutustumme tarkemmin itse syntaksiin, on hyvä tuntea XML:n perusteet, sen rooli ja miten XML:ää käytetään informaation varastointiin ja välitykseen.

XML- terminologian ymmärtäminen on tärkeää, mutta vähintään yhtä tärkeää on rakenteen huolellinen koostaminen. XML “yhdistää” dataa ja järjestelee sen hierarkiseksi kokonaisuudeksi, joten hierarkisesta ajattelutavasta on apua.
Read more

xhtmlSisältö

XHTML- dokumentit alkavat elementeillä, jotka kertovat selaimelle miten merkintää tulkitaan ja validointipalveluille miten dokumentti tulee testata. Ensimmäinen näistä on DOCTYPE (lyhennys sanoista “document type”) määrittely. Tämä tärkeä elementti kertoo validointipalvelulle mitä XHTML- tai HTML- versiota käytät dokumentissasi. Jostain tuntemattomasta syystä (,jonka vain W3C:n insinöörit tietävät) DOCTYPE kirjoitetaan kokonaan ISOILLA kirjaimilla.
Read more

xhtmlKymmenen syytä vaihta XHTML:ään.
Read more

Next page →