Dragan Babić designs for the Web at Superawesome

DevProJobs
YuManija - najbolji celebrity gossip blog na Balkanu!

Safari i indikacija aktivnog polja u formi

Safari je sa svojom verzijom 3.0.3 – verzija sa kojom je i ušao na Windows platformu – doneo mnoga poboljšanja, počev sa renderingom WebKit-a, color managed browsinga, pa do opšteg korisničkog doživljaja. Ukoliko niste do sada koristili Safari – definitivno ima razloga da pređete na njega, pogotovo sada kada je Firefox u ovoj verziji gotovo neupotrebljiv zbog preučestalih padova i ogromne konzumacije memorije. Ako vas interesuju detalje – pročitajte ovaj članak Des Traynora.

Naime, između ostalog Safari je u toj famoznoj 3.0.3 verziji doneo neka zanimljiva poboljšanja kada dođe do formulara u HTML-u poput recimo resizeovanja textarea elemenata. Ovaj feature je vrlo lepo implementiran, pogotovo zato što pazi da ne upropasti layout stranice. Jedna zanimljiva i nadasve korisna stvar koju Safari radi kod formulara je vrlo lep način indikacije polja koje trenutno ima fokus – taj efekat možete videti na slici dole.

Indikacija form polja sa fokusom u Safariju

E sada, kako to već biva, na red je došao klijent sa zahtevom da se taj efekat anulira – neće čovek plavi glow efekat oko form polja. Ja naravno objasnim da je to usability aid i da ima svoju svrhu, da treba da postoji – inače ja sam čak i protiv preteranog stilizovanja form elemenata uopšte – no, klijent ni da čuje, on bi baš voleo da se taj efekat ne ispoljava u njegovom interfejsu. Krenem ja da čačkam, i skapiram da carevi iz Safari dev tima koriste outline CSS property za taj efekat, te da običan kod poput: input:focus, textarea:focus{ outline: none; } čini da plavi sjaj nestane sa fokusiranih elemenata.

Kako je samo dobro kada su stvari logične i jednostavne, šteta samo što se ne dešavaju malo češće.

Feed za komentare na ovaj članak Komentari na ovaj unos 2

  1. Pedja kaže 21/12/07 11:10 PM

    Lol :)) Eto dobre strane takvih klijenata. To znači da možeš i da ga stilizuješ? Probao.. ?

  2. Dragan Babić kaže 22/12/07 12:21 PM

    Draganov komentar

    Da, naravno. Taj property se zove -webkit-focus-ring-color (link do Apple dev centra), a kontrolišeš ga pomoću outline-color propertyja, evo ga recimo u ljubičastom izdanju

Komentariši unos “Safari i indikacija aktivnog polja u formi”

Ukoliko se odlučite na smeli korak komentarisanja, Vaše ime će biti linkovano sa Vašim uri-jem ukoliko ste ga uneli. Vaša email adresa je neophodna, ali je diskrecija zagarantovana i neće biti prosleđena trećem licu. Spammeri stop.

Tekst komentara možete formatirati uz pomoć textile-a. Sav HTML će biti odstranjen.
Obratite pažnju na pravopis i po mogućnosti koristite naša slova.

Zadržavam pravo da sankcionišem, uklonim, izmenim offtopic komentare, kao i one koje nemaju veze sa unosom pod kojim su objavljeni. Sa druge strane podržavam i ohrabrujem otvaranja konstruktivnih i otvorenih diskusija putem komentara. Unapred hvala što se držite teme.