Dec
8
Fixed positioning (+MSIE6)
Kategoria JavaScript, Web standards | 1 comment
Aivan. 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:
Lataat vain skriptin palvelimelle ja lisäät linkin sivulle.
Dec
8
CSS- menu
Kategoria Web standards | 9 comments
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
Dec
8
Elementin keskitys CSS:llä
Kategoria Web standards | 7 comments
Moni 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
Dec
7
Ongelman kuvaus: Flash- esitykseen on luotu kaksi tai useampia Sound- objektin esiintymiä ja jokaiseen niistä on liitetty oma ääniraita. Kun jonkun raidan äänentasoa säätä, se vaikuttaa jokaiseen ääniraitaan. Mikä siis vikana?
Olen törmännyt tähän kysymykseen usein (apukeittio.com) ja siksi katson tarpeelliseksi kirjoittaa aiheesta myös omilla sivuillani.
Read more
Dec
7
Color picker
Kategoria Tutorials | Leave a comment
Flash MX 2004, Flash Player 6
Katso valmis esimerkki | Lataa työtiedosto koneellesi
Kuvankäsittelyohjelmista tuttu väripaletti. Tällä esimerkkitiedoston paletilla ei tietysti ole varsinaista funktiota, mutta sen avulla voi tutustua muutamiin Color-luokan ominaisuuksiin ja metodeihin. Color-luokan avulla on helppo toteuttaa Flash-esityksiin dynaamisia efektejä kuten seuraavassa muunnoksessa.
Dec
6
Yksinkertainen Flash- peli
Kategoria Tutorials | Leave a comment
Flash MX 2004, Flash Player 6
Katso valmis esimerkki | Lataa työtiedosto koneellesi
Kaikki varmasti tietävät (ovat ainakin kuulleet) pelin, jossa pitää pujotella rautalangasta väännetyn sokkeloisen radan läpi. Pujottelu itse tapahtuu niinikään rautalangasta tehdyllä “sauvalla”, jonka toisessa päässä on umpinainen lenkki. Peli on tehty niin, että varsinainen rata on umpinaisen lenkin sisällä ja mikä parasta, siinä kulkee virta. Jos lenkki siis osuu vahingossa rataan, saa pienen sähköiskun. Pienestä varauksestaan huolimatta yksi kerta riitti minulle.
Samankaltaisen pelin voi helposti tehdä Flashilla, lukuunottamatta tietenkin rautalankaa ja siinä kiertävää virtaa. Pelin tekeminen ei vaadi pelkistetynä montaa riviä koodia, mutta olen tähän versioon lisännyt ekstraominaisuutena hiiren liikkeiden mukaan piirtyvän viivan. Ei muuta kuin testaamaan.
Dec
6
Flash Avaruusräiskintää
Kategoria Tutorials | Leave a comment
Flash MX 2004, Flash Player 6
Katso valmis esimerkki | Lataa työtiedosto koneellesi
Ei vastustajia, ei top-listaa, ei aikarajaa, no nothing. Pelkkää räisikintää vailla määränpäätä. Eli aika tylsää. “Toimivan” version tekemiseen sinun täytyy vaivata hieman omaa päätäsi.
Pienellä muokkauksella pelistä saa hiukan mielenkiintoisemman.
Dec
5
Flashin ja JavaScriptin välinen kommunnikaatio antaa uusia mahdollisuuksia Flash- ja internetsuunnitteluun. Tässä artikkelissa tutustutaan Flashin ja JavaScriptin väliseen kommunikaatioon käyttäen getURL()-metodia. Lyhyestä virsi kaunis.
Read more
Dec
5
XML:n rakenne ja kielioppi
Kategoria Web standards | Leave a comment
Jos (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
Dec
5
Sisä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
Some Rights Reserved
