Dnevnik eklektika - Piše Dragan Babić

Safari i indikacija aktivnog polja u formi

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.

• « Stvari dolaze na svoje mesto
• Radovi konačno gotovi »

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

   

   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.

Ime:

Email:

http://

Komentar:

Zapamti info?

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.