Projektit ja koodinpätkät
Projektit-osiossa on listattu erilaisia omia projektejani tai koodinpätkiä joita on tullut vuosien varrella tehtyä.
Sivustot
Kuvablogi.com
Kuvablogi.com
Kuvablogi on ilmainen suomenkielinen kuvienjakopalvelu, jonne käyttäjät voivat siirtää valokuviaan näytille. Kuvablogi aloitti toimintansa vuoden 2005 elokuussa. Tällä hetkellä (9.7.2010) palvelussa on 2 061 445 kuvaa, 25 379 rekisteröitynyttä käyttäjää, 85 609 kuvakansiota. Kuvia on ladattu yhteensä 151 353 479 kertaa. Kuvablogi yhdistää myös perinteisen blogin ja kuvagallerian.
Kuvablogin kävijämäärät saatavissa Oindex-palvelusta.
Kuvakartta
Kuvakartta
Kuvakartta on Kuvablogin lisäpalvelu joka mahdollistaa kuvien geotaggaamisen kartalle. Kuvakartalle on lisätty jo 10 939 kuvaa. Kuvakartta avattiin tammikuussa 2007.
PHP
SimpleDB
Kevyt ja laajennettava kirjasto SQL-kyselyjen suorittamiseen. Tehty erilaisia pieniä projekteja varten.
Lataa tästä (versio 0.3)
Dokumentaatio (generoitu phpDoc:lla)
Käyttöesimerkkejä
CSS
CSS tooltip
Pelkällä CSS:llä toimiva tooltip-ratkaisu. Tooltip voi sisältää mitä tahansa inline-koodia, paitsi linkkejä. Tooltipin sisältö laitetaan <span> elementin sisään. Testattu toimivaksi Firefox 2 & 3, IE7, Opera 9.51, Google Chrome 1.0 ja 3.2.1 (Win) selaimilla. IE6:ssa tooltip ei toimi, johtuen IE6 ongelmista käsitellä :hover tyylejä (korjattavissa Javascriptillä).
Tooltip esimerkki 1 Tämä on tooltip! | Tooltip esimerkki 2 Tämä on tooltip kuvalla!
HTML:
<p><a href="#" class="tooltip">Tooltip esimerkki 1 <span>Tämä on tooltip!</span></a></p>
CSS:
.tooltip {
position: relative;
cursor: help;
}
.tooltip span {
display: none;
}
.tooltip:hover span {
position: absolute;
display: block;
z-index: 9999;
top: 100%;
left: 20px;
width: auto;
line-height: 1.2em;
padding: 3px 7px 4px 6px;
border: 1px solid #000;
background-color: #fff;
text-align: left;
color: #000;
text-decoration: none;
}
Javascript
jQuery Selector Speed Test
Skripti jQueryn selektoreiden nopeuden vertailuun. Lue lisää blogikirjoituksesta: jQuery-selektoreiden nopeustesti.
jQuery-tabit
Yksinkertainen tab-toteutus. Lue lisää: Tabien toteutus jQuerylla
