Briefly In English

Kirjoitukset, joiden aiheena on HTML & CSS

15.11.2009 HTML5

HTML5 on HTML/XHTML:n seuraava versio, joka sisältää joukon sivujen kehitystä helpottavia ominaisuuksia sekä uusia semanttisempia merkintätapoja dokumentin rakenteelle. HTML5 tekee merkkauksesta yksinkertaisempaa.

Lue koko kirjoitus »

18.10.2009 Typekit

Typekit on uudehko palvelu, joka tarjoaa erilaisia fontteja käytettäväksi www-sivuille. Typekit on siis jälleen uusi haastaja sIFR, Cufon yms. tekniikoille, sillä erotuksella että Typekit ei ole pelkkä tekniikka vaan se tarjoaa fonttien käytön palveluna. Typekit pyrkii ratkaisemaan fonttien käyttöoikeuksiin liittyvät ongelmat tarjoamalla tarpeeksi teknisiä suojausratkaisuja fonttien turvaamiseksi. Lisäksi on panostettu mahdollisimman nopeaan latautumiseen.

Lue koko kirjoitus »

6.10.2009 Fonttien konvertointi EOT-formaattiin

IEx selaimet tukevat @font-face ominaisuutta, kunhan fontti on EOT-muodossa. Jonathan Snook kertoo blogissaan kuinka TTF/OTF-fontit kovertoidaan IE:lle soveltuvaan muotoon. Katso myös “Bulletproof @font-face syntax”, jolla IE:lle ja muille selaimille tarjoillaan omat fonttitiedostonsa.

Lue koko kirjoitus »

11.9.2009 Katsaus CSS3:n ominaisuuksiin

CSS3 sisältää mielenkiintoisia ominaisuuksia. Kokosin muutaman linkin, jotka selvittävät mitä kaikkea CSS3:lla voi tehdä.

Lue koko kirjoitus »

8.9.2009 Käyttöliittymäkehittäjän työkalut

Firefoxiin löytyy runsain määrin erilaisia lisäpalikoita, joita ilman ei www-sivujen parissa työskentelevä enää tulisi toimeen. Tässä oma listani aktiivisessa käytössä olevista. Puuttuuko listasta jotain olennaista?

Lue koko kirjoitus »

8.8.2009 10 tapaa tehdä parempaa HTML & CSS -merkkausta

Kerron 10 tapaa kirjoittaa parempaa HTML ja CSS -merkkausta. Esimerkit tähtäävät selkeämpään, luettavampaan ja tehokkaampaan HTML-koostoon, jonka ansiosta kehittämisen pitäisi nopeutua ja muutoksien tekemisen tulevaisuudessa helpottua.

Lue koko kirjoitus »

3.8.2009 Google Page Speed ja Yahoo! YSlow – suorituskykyä sivuille

Yahoo ja Google ovat kummatkin tuoneet omat työkalunsa ja ohjeistuksensa www-sivustojen suorituskyvyn parantamiseen. Työkalut kertovat mikä sivun latautumisessa kestää ja mitä latausnopeuden parantamiseksi on tehtävissä.

Lue koko kirjoitus »

27.7.2009 Print.css – linkit näkyviin

Linkeistä ei juuri ole hyötyä tulostettuna, jos niiden osoitteita ei tiedä. Yksinkertaisella CSS-määrityksellä saadaan osoitteet tulostumaan siististi linkin jälkeen.

Lue koko kirjoitus »

21.7.2009 Web-fontit, @font-face sekä erilaiset fontin korvaus menetelmät vertailussa

Tässä artikkelissa vertailen erilaisia fontin korvaus -menetelmiä, joilla webissä saadaan mikä tahansa fontti käyttöön. @font-face tuen yleistyminen selaimissa tuo mukanaan ominaisuuden, jolla erikoisten fonttien käyttäminen helpottuu. Kuitenkin niin kauan kun kaikkien selaimien tuki tälle font-face -ominaisuudelle on puutteellinen täytyy tyytyä erilaisiin muihin ratkaisuihin. sIFR, FLIR, Cufon ja Typeface vertailussa.

Lue koko kirjoitus »

11.5.2008 Homer CSS

CSS:llä onnistuu näköjään myös kuvien luominen. Oheisesta linkistä löytyy CSS:llä tehty Homer Simpson. http://www.romancortes.com/blog/homer-css/

Lue koko kirjoitus »