HTML & CSS: Google Chrome ja input'id

Üks väike näpunäide neile kes vaevlevad Google Chrome poolt ümber input elemendi tekitatava piirjoone pärast:



Küll on tüütu, kuid lahendus õnneks lihtne:

:focus {outline: none}


Või siis kindlale elemedile määrates:

input.kindel_klass:focus {outline: none}


Ja voilaaa:

Lisatud: 29.10.2008 21:52

jQuery: onmouseover ja onmouseout

Lihtsate onmouseover ja onmouseout tabeliridade (ei mingeid tabeleid enam) värvide vahetamiseks tavalise primitiivse ja talupoegliku lahenduse:

<dl onmouseover="this.style.backgroundColor='#F8F8F8';" 
onmouseout="this.style.backgroundColor='#FFF';">
	<dt>Veerg 1</dt>
	<dd class="competion">Veerg 2</dd>
	<dd class="place">Veerg 3</dd>
	<dd class="organizer">Veerg 4</dd>
</dl>

asemel kasutada hoopis jQuery pakutavat lahendust (mitme muutuva css attribuudi korral):

<dl class="row;">
	<dt>Veerg 1</dt>
	<dd class="competion">Veerg 2</dd>
	<dd class="place">Veerg 3</dd>
	<dd class="organizer">Veerg 4</dd>
</dl>


$(function() {
    $("dl.row").hover(function () {
      $(this).css({ "background": "#DFFFFF", 
		  "color": "#00a7d8","border-bottom": "1px solid #9EE9FF" });
    }, function () {
      var cssObj = {"background": "#FFF", 
		  "color": "#2C2C2C", "border-bottom": "1px solid #CBCACA" }
      $(this).css(cssObj);
    });
});

või pisut lihtsustatud varianti (ühe muutuva css attribuudi korral):

$(function() {
    $('dl.row').hover(function() {
            $(this).css("background","#DFFFFF"); }, 
       function() {
            $(this).css("background","#FFF");} );
});

Puhtam, kergem ja mugavam tunne :)
Peaks ka "Unobtrusive" olema!
Lisatud: 22.10.2008 21:44

Animeeritud veebidisain

Alles see oli kui flash võitis oma õhulise liikumisega paljude südamed. Kuid ka flashil on omad puudused, keerukamate projektide puhul muutub flash liialt mahuliseks, aeglaseks (eriti nõrgemates arvutites), vaatamata Google poolsetele uudistele edust otsida ka flashi sisust on just see pool flashis nõrgim külg.

Õhuline liikumine on aga toodud javascripti ja ajaxi abil ka html ja css veebilehtedesse. Kasutades poppe javascript teeke nagu Prototype, jQuery ja MooTools on võimalus luua flashilike liikumisi ja animeeritud sisu.

Allpool siis ainult mõned näited sellest edust:
Animeeritud menüü 1
Animeeritud menüü 2
Animeeritud menüü 3
Lisatud: 31.08.2008 10:25

on AIR Tour EUROPE 2008

Euroopas ringi tuuritamas Adobe AIR teemaline tutvustus ja õppeteemaline gäng. Läbi Euroopa kulgeva on AIR Tour nimelise rongireisi raames väisatakse 11 linna. Lähimad punktid meile Stockholm ja Varssavi.

Juba toimunud üritused:
31. märts - Madrid
2. aprill - Pariis
4. aprill - Amsterdam
7. aprill - Brüssel
9. aprill - London

Eelolevad üritused:
2. juuni - Stockholm
4. juuni - Berliin
6. juuni - Varssavi
9. juuni - Prahha
11. juuni - München
13. juuni - Milaano

Lisatud: 28.05.2008 15:27
Leheküljed: 1 2 3 4 5