Archív pre Marec, 2009

Je vypnutá = "true" a disabled = "false" rovnaké?

Utorka 24. marca 2009 By Nikhil

To ti zo starej školy, ale ako obvykle je to moja pamäť doplnok ...
Takže je disabled = "true" a disabled = "false" rovnaké? Áno
... Neveríš, dobre! to je, ako to je ... tu je nejaký rýchly vysvetlenie ...
"Vypnuté" je atribútom akejkoľvek forme prvku / polia, a preto môže prijať akúkoľvek hodnotu jeho povahe.

Tak dlho, ako je tento atribút prítomný, bude prvok zakázaný, bez ohľadu na jeho hodnotu. napríklad pre.
<Input type = "text" value = "Toto je zakázaná" vypnuté>
<Input type = "text" value = "Toto je zakázaná" disabled = "disabled">
<Input type = "text" value = "Toto je zakázaná" disabled = "true">
<Input type = "text" value = "Toto je zakázaná" disabled = "false">

Všetky vyššie uvedené bude táto forma polia "Disabled".

Jednoducho neposkytuje atribút "Disabled" stále Field "postihnutými" ... ako nižšie

<Input type = "text" value = "Toto nie je zakázané" />

Remember "Akákoľvek hodnota (alebo vôbec žiadna hodnota) osoby so zdravotným postihnutím atribútu, bude prehliadač robí ho zablokoval." Udržať veci jasné, v našich mysliach W3C odporúča používame disabled = "disabled" v týchto situáciách.

To je však rozdiel, keď používajú tento atribút v javascriptu ...

document.form.element.disabled = true; // Prvok bude zakázaný
document.form.element.disabled = false; // Prvok bude povolená

Vyššie uvedené argumenty platia aj pre tieto atribúty a prvky:

  • skontrolovať (radio button a políčko)
  • vybraná (voliteľné)
  • nowrap (td)

get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom alebo Nasledujte ma na Twitteri


SevenUp! Podporovať svet zbaviť IE6!

Nedeľa 22.března 2009 By Nikhil

Google spúšťa pohyb vyzvať ľudí k výpisu IE6 ... By štve užívateľa IE6 s POPUP na načítanie stránky ... nemusí byť dobrý nápad ... ale je na UI developer, musím sa pripojiť k tejto kapely voz ... jeden menej prehliadač pre mňa báť Je nám ľúto ... sebeckým to je! ale mám zaradiť túto javascript ... (skúste túto stránku v IE6) ...
Hey! a na jasnejšie vedomie ... vidieť, že je displej POWER JavaScript .... aj to môže zraziť obra (alebo raz to bolo)

SO ... Pomoc zbaviť svet IE6 s jedným riadkom javascript!

http://code.google.com/p/sevenup/


get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom alebo Nasledujte ma na Twitteri


Prineste Down IE6, jeho o čase !!!

Štvrtok 19.březen 2009 By Nikhil


S iného prehliadača sa postarať od zajtra! (IE8 vychádza z jeho Beta zajtra štátu) ... je to naozaj najvyšší čas, IE6 je vzhľadom k svojej dlhej splatnosti Mercy Death ... Veľká stojíme na jeseň IE6

"IE6 je nový Netscape 4. hacky potrebné pre podporu IE6 sú čoraz viac vnímané ako nadmerné nákladnej dopravy. Ako Netscape 4 v roku 2000, IE6 je vnímaný sa brzdí na webe. "

Jeff Zeldman, normy guru

A medzitým pre tých, ako som ja, ktorí budú zaplavené telefonáty z porušenia rozvrhnutie CSS v IE8, tu je stará vyriešiť / opraviť pomocou meta tagy (meta http-equiv = "X-UA-Compatible"), môžete skúsiť ...

Mis-chová IE8: Rozvrhnutie CSS rozbitie (zameriavajúce verziu prehliadača pomocou meta tagy v IE8)


get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom alebo Nasledujte ma na Twitteri


Dobrý UI design musí byť vyhovujúce štandardom. alebo by to? Moje TOP 10 UI Pravidlá návrhu

Štvrtok 12.03.2009 Od Nikhil


Ani som sa na vývoj užívateľských rozhraní (UI), úplne nová, ani som veterána a ako som vždy dať to, som vošiel do profilu UI developer viac ako dizajnéra, bez ľútosti. Oh No! To, čo som písal o? ... Na chvíľu (musí byť v rokoch nie je o nič menej), teraz, tu a tam, keď som sa dostal do trochu UI dizajnu (ak je profesionálny dizajnér sa vydal na dovolenku), vždy som cant prestať premýšľať, či môj návrh by mal byť riadne complient alebo nie (úprimne, nie, že by som mohol achive 100% dodržiavanie štandardov, Ak by som chcel moc). Potom si hovorím, aká blbosť! ... Design by mal byť jednoduchý, príjemný a hlavne sa zdá použiteľné, to by nemalo robiť návštevníci utiecť ... alebo Bounce (ako technické). K čomu by pekné beztabulkový rozvrhnutie CSS sa k návštevníkovi, ktorý je ľahostajný ku všetkému inteligentný hypertextu a kaskádových štýlov pod kožu svoje webové stránky ... Zilch!
Malo by to vyzerať pekne a byť ľahko použiteľné ... potom príde všetky normy veci.

Aj stumbbled accross tomto blogu Jason Fried z 37 signálov (pre tých, ktorí si nie sú vedomí 37 signály sú onces, ktorí vytvorili nejaké úžasné webové aplikácie, ako je Basecamp, táborák etc), ktorý napísal niečo podobné v roku 2004, a verte mi, že takmer 5 rokov a príliš nezmenili, pretože to ... Bol som šťastný čítať svoju funkciu, pretože úplne súhlasím s tým, čo má na srdci, a tiež skutočnosť, jej nie je istý, o tom, čo sa hovorí o jeho len jeho intuícia, a tak je môj :)

Jason Fried: "Je tu príliš veľa hovorí o CSS a XHTML a štandardy prístupnosti a nestačí hovoriť o ľuďoch. CSS a Standards Code sú len nástroje - musíte vedieť, čo stavať s týmito nástrojmi. Skvelé, som rada, že vaša UI nepoužíva tabuľky. No a čo? Koho zaujíma, či to ešte nedovolí ľuďom dosiahnuť svoje ciele. Webové štandardy sú skvelé, ale vlastné úrovne obyvateľov patrí ako sa veci robiť (a to je ešte príliš ťažké urobiť on-line).

Návrhári UI robia rovnaké staré základné "zabúdajú na človeka, na druhej strane" chyby - mimo túto dobu ich kód vyzerá lepšie. Ľudia - nie validator kódu - použitie rozhrania ".

Checkout Jason Fried celý článok

DISCALIMER: To neznamená, že by sme sa nemali starať o normách vôbec. Normy sú dobré mať a držať sa ich čo najviac. Máme len pochopiť, že dobré UI designu doesnt vždy znamenať, 100% Standards complience alebo naopak ....

Od môj zoznam mojich poznatkov, sledujem niekoľko UI design a vývoj Zlaté pravidlá ... Tu je TOP 10 ... nie, že máte podľa nich príliš ... :)

1. Starajte sa o svojich užívateľov. Užívatelia môžu zlomiť, alebo vaše stránky. Donot aby užívateľ vyzerať ako celkové idoit, absolútne neschopná pomocou svojej webovej stránky. To je zlé!

2. Udržujte jednoduchosť a jednoduchosť použitia svojej primárnej guidlines. Príliš veľa vecí na obrazovke, tým vyššia je pravdepodobnosť, že používateľ dostane zmätený a rozptýlenie zo svojho pôvodného úlohy.

3. Buďte v medziach ... Donot dopriať príliš na použiteľnosť, prístupnosť a noriem. Efektívne využívať normy, a aby boli chápané tímu. Tým sa zaistí správne konzistencie výrobku

4. Prototyp požiadavku. Vzhľadom k tomu, v týchto dňoch používania rozhrania sú bohaté, Prototyping je vždy lepšie, než len robiť jednoduché drôtové a ten je neplatná slušných interakcií by neposkytujú klientovi jasnú predstavu o finálny produkt, ktorý sa vyvíja. Vždy je jednoduchšie previesť prototypy do konečných výstupov. Tiež! s prototypovú žiadne problémy interakcie by mohla byť bezchybné skôr vo vývojovom cykle.

5. Súlad vo svojom návrhu a interakcia je veľmi dôležité. Donot zmiasť svojich užívateľov s nepredvídateľnými interakciami a vecičky.

6. Porozumenie "Vyhlásenie dizajn Mission". Aways zamerať sa na primárne pôsobenie na stránku beign navrhnutý. Tiež sa uistite, zoznam vašich stredoškolské činností na stránke a ich prioritu.

7. Zaistite správnu spätnú väzbu pre užívateľov webu. U väčšiny internetových stránok určených okolo AJAX, poskytujú vizuálnu užívateľovi o zmenách na stránke. Používateľ na daný potvrdenie o splnení všetkých úloh sa vykonáva. Donot si užívateľ čakať, a hádajte, na napr. poskytnúť ukazovatele pokroku pre súborové uplaods.

8. Pomocou ovládacích prvkov vhodne. Napríklad pre použitie Vyberte v rozbaľovacom zozname len pre malé zoznamy, Donot umožní užívateľovi vybrať jeden z 200 miest s využitím vybranej krabice. Pochopiť rozdiel medzi tlačidlom a odkaz. Odkaz a tlačidlá majú rôzne účely, donot použiť jeden pre druhého. Zaistite správnu kontrolu, aby v interakcii s stránku jednoduchšie. Vyhnite sa použitie menu, ktoré sú viac než dve úrovne hlboké. Nepoužívajte znovu vynájsť koleso. Použite štandardné ovládacie prvky, upraviť ich iba v prípade, veľmi potrebné. Definovať vlastné ovládacie prvky potrebné pre váš web z prvej ruky, aby mohli byť vytvorené a testované samostatne, pripravené pre použitie naproti cez web.

9. Donot ITERATE príliš na dizajn. Pamätajte si! Celý výrobok sa skladá viac ako konštrukcia sama. Vybudovať zodpovedajúce časovej osi do svojho harmonogramu projektu pre iterácií návrhu a držať sa ho. Iterácie nám pomáha zistiť, čo funguje a čo doesnt, vybrať problémové miesta. Ako dobrý interface nejakú dobu trvá, poskytne čas pre iterácií na začiatku vývojového cyklu, takže iterácií návrhu doesnot priamo prirovnať k prepracovanie. Príliš veľa prepracovanie by jeopradize termíny.

10. Posaďte sa a myslieť ako užívateľ občas.


get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom alebo Nasledujte ma na Twitteri


Global Translator Plugin pre WordPress Blog

Nedeľa 8.3.2009 By Nikhil

Som tak nadšený rastúcim počtom zobrazení stránok na mojom blogu, že som pozri sa na môj Google Analytics takmer každý deň. Všimol som si, že môj blog je odvolával sa na stránkach v mnohých iných jazykoch, a ľudia po celom svete. So Nice !!!!
Ak chcete, aby život trochu jednoduchšie pre moje non-anglickej prehliadača lode, som pridal Google Widget / plugin s názvom "Global Translator".

Global Translator hovorí, že "automaticky prevádza blog v 41 rôznych jazykoch podľa balenia štyri rôzne on-line preklady motory (Google Translation Engine, Babelfish Translation Engine, FreeTranslations.com, PROMT)" ... Ak chcete pridať do svojho wordpress inštalácia ... Pozrite sa sem http://www.nothing2hide.net/wp-plugins/wordpress-global-prekladateľ-plugin/

Nie ste si istí, ako dobrý preklad, ale ja úprimne dúfam, že to pomôže niekoľko vývojárom kolegami tam vonku, ktorí skončia dosiahnutím môj blog, len aby bol sklamaný, že je to v angličtine ....

Prekladateľ odkazy sú v spodnej časti bočnej lište ....


get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom alebo Nasledujte ma na Twitteri


Volanie viac funkcií Windows onload v javascriptu

Sobotu 7.3.2009 By Nikhil

Tu je ďalší malý peice JavaScript triky, ktoré som musel kopať okolo, pretože to situácia commaned. V jednom z mojich webových stránok, mal som túto situáciu, kedy som mal realizovať "windows.onload" dvakrát. Prvá vec, ktorá by prišla na neskúsených mysli ako ja (musím úprimne povedať, že, pretože som bol s použitím javascript rámcov a knižníc, som zabudlo robiť jednoduché veci na vlastnú päsť ... smutné, ale pravdivé), je táto metóda ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 atď ...

Ospravedlňujeme sa povedať, ale toto nebude fungovať ... nechcem moc diskutovať o vykonaní vedu Javascript ..., ale podľa mojej nedávnej skúsenosti, len posledná funkcia (onloadfn3) sa chorý skutočne vykonaný.

V normálnych situáciách, na rozdiel od mojej (ktorý budem hovoriť o niečo neskôr) ... si to mohol urobiť jednu z nasledujúcich vykonať zahŕňa viac onload funkcií ....

Alebo niečo také

 Funkcie doOnLoad () {
         onloadfn1 ();
         onloadfn2 ();
         onloadfn3 ();
 }
 window.onload = doOnLoad;

Pre mojej súčasnej situácii, nemôžem použiť niektorý z vyššie uvedených ...
Prečo sa musím dvakrát volať windows.onload, skôr to, že volanie dvoch funkcií v rámci jednej funkcie onload? Tu je rýchly pohľad na môj problém vyhlásenie ...

"Moje stránky webu sú štruktúrované ako téma Wordpress .... teda je spoločná header.php a footer.php, ktorý sa zahrnúť do všetkých stránok webu. Tam je onload funkciu implementaion v footer.php urobiť nejaké spoločné onload funkcií. A existuje niekoľko stránok, ktoré potrebujú k niečomu vlastný onload, okrem tých, ktoré uskutočňuje spoločné funkcie onload. Ak mám priradiť funkciu spätného volania priamo k psovodovi window.onload, bude to cez-ride skôr priradené spätné volanie v footer.php "

.... Je to môj problém chápať :) ?

Dobre! existuje niekoľko riešení, ktoré som sa nájsť. Všetci sú veľmi podobné a hlavne implementions roztoku daného Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Riešenie:

Jednoducho pridajte tento kód JavaScript na webe ...

 Funkcie addLoadEvent (func) {
     var oldonload = window.onload;
     if (typeof window.onload! = "funkcia") {
        window.onload = func
     } Else {
        window.onload = function () {
            if (oldonload) {
                   oldonload ()
           }
           func ()
        }
    }
 } 

A nazývať to miesto obvyklého "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Viac spustenie kódu na strane záťaže *
 }); 

Výhody tohto fragment kódu ...
1. V prvom rade, to vám umožní mať viac windows.onload udalosti, ktoré sa nazývajú z oddelených častí kódu, bez overridding predchádzajúcej definície
2. Je to naozaj nenápadné. To môže byť umiestnená v súbore s vašimi ďalšími skripty, alebo v samostatnom súbore.
3. Funguje to aj v prípade, že už bola nastavená window.onload.


get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom alebo Nasledujte ma na Twitteri


Prihlásiť sa k odberu RSS ExpressingIT
get ExpressingIT News by Email Prihlásiť sa k odberu ExpressingIT e-mailom
Nasledujte ma na Twitteri