Archív za marec, 2009

Je zakázané = "true" a disabled = "false" rovnaké?

Utorku 24. marca 2009 By Nikhil

To tie old school, ale ako obvykle je to moja pamäť doplnok ...
Takže je disabled = "true" a disabled = "false" rovnaké? Áno
... Neverte, dobre! to je spôsob, akým je ... tu je nejaký rýchly vysvetlenie ...
"Disabled" je atribút akejkoľvek forme prvku / pole, a preto môže prijať akúkoľvek hodnotu jeho povahe.

Tak dlho, ako je tento atribút je k dispozícii, bude prvok zakázaný, bez ohľadu na jeho hodnotu. pre eg.
<Input type = "text" value = "Toto je zakázaná" disabled>
<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 toto pole formulára "disabled".

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

<Input type = "text" value = "To nie je zakázaný" />

Pamätajte si, "Akákoľvek hodnota (alebo vôbec žiadna hodnota) osoby so zdravotným postihnutím atribútu, bude prehliadač urobiť je zakázaný". Ak chcete udržať veci jasno v našich mysliach W3C odporúča, aby používame disabled = "disabled" v týchto situáciách.

To je rozdiel ale keď použijeme 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 tlačidlo a políčko)
  • vybraná (na želanie)
  • nowrap (td)

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


SevenUp! Podporovať svet zbaviť IE6!

Nedeľa 22.března 2009 By Nikhil

Google začne pohyb vyzvať ľudí, aby skládku IE6 ... Od štve užívateľom IE6 s pop-up na načítanie stránky ... nemusí byť dobrý nápad ... ale byť UI developer, musím sa pripojiť k tejto kapely voz ... jeden menej prehliadač pre mňa báť ... Ospravedlňujem sa sebeckým, že je! ale mám zaradiť túto javascript ... (skúste túto stránku v IE6) ...
Hey! a na svetlejšom poznámky ... vidieť, že je displej POWER JavaScriptu .... aj to môže priniesť dolu obra (alebo raz to bolo)

SO ... Help zbaviť svet IE6 s jedným riadkom JavaScript!

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


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


Prineste Down IE6, ale o čas !!!

Štvrtok 19.březen 2009 By Nikhil


S ďalším prehliadača sa postarať od zajtra! (IE8 vychádza z jeho Beta zajtrajška štátu) ... je to naozaj najvyšší čas IE6 je vzhľadom k svojej dlhej Due Mercy smrti ... United stojíme na jeseň IE6

"IE6 je nový Netscape 4. hacky potrebné pre podporu IE6 stále viac vnímaná ako nadmerné nákladnej dopravy. Rovnako ako Netscape 4 v roku 2000, IE6 hľadieť tak, že držia späť na webe. "

Jeff Zeldman, normy guru

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

Mis-chovajúci IE8: rozvrhnutie CSS rozbitie (cielenie verziu prehliadača pomocou meta tagy v IE8)


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


Dobrý dizajn UI musia byť vyhovujúce štandardom. alebo by to? Moja TOP 10 UI Pravidlá návrhu

Štvrtok 12.03.2009 By Nikhil


Ani som sa na vývoj užívateľských rozhraní (UI), úplne nový, ani som veterán, a ako som vždy dať to, som sa vošiel do profilu UI vývojárov 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 dostať do trochu UI designu (pri profesionálny dizajnér sa vydal na dovolenku), vždy som prevýšenie 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 taky). Tak si hovorím, čo blbosť! ... Design by mal byť jednoduchý, pekný 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 byť návštevníkovi, ktorý je ľahostajný ku všetkým inteligentný hypertextu a kaskádových štýlov pod kožu svoje webové stránky ... Zilch!
Malo by to vyzerať pekne a jednoduché použitie ... potom príde všetky štandardy veci.

Aj stumbbled naproti cez tohto 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 Basecamp, táborák atď), ktorý napísal niečo podobné v roku 2004, a verte mi, takmer 5 rokov a príliš nezmenili, pretože to ... Bol som rád, že čítal svoju funkciu, pretože absolútne súhlasím s tým, čo má na srdci, a tiež fakt, jej nie je istý, o tom, čo sa hovorí o jeho len jeho intuície, a tak je moja :)

Jason Fried: "Je tu príliš veľa hovoriť o CSS a XHTML a štandardy a dostupnosť, a nie dosť rečí o ľuďoch. CSS a Standards Code sú len nástroje, - musíte vedieť, čo stavať s týmito nástrojmi. Skvelé, som rád, že tvoj UI nepoužíva tabuľky. Tak č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 moc ť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ód - využitie rozhrania ".

Checkout Jason Fried celý článok

DISCALIMER: To neznamená, že by sme sa nemali starať o štandardoch vôbec. Normy sú dobré mať a držať sa ich čo najviac. Máme len si uvedomiť, že dobré UI Design doesnt vždy znamenať, 100% normy complience alebo naopak ....

Od môj zoznam mojich poučenie, 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. Používatelia môžu zlomiť, alebo vaše stránky. Donot, aby užívateľ vyzerať ako celkové idoit, absolútne neschopná používať svoje webové 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 užívateľ dostane zmätený a rozptýlenie od svojho pôvodného úlohy.

3. Byť v medziach ... Donot dopriať príliš veľa na použiteľnosť, prístupnosť a normy. Účinne používať štandardy a urobiť je chápaný tímu. Tým sa zaistí správnu konzistenciu v produkte

4. Prototyp požiadavku. Vzhľadom k tomu, v týchto dňoch použiteľným rozhraním sú bohaté, Prototyping vždy je lepšie, než len, že jednoduché drôtové a druhý je neplatné slušné interakcií by neposkytujú klientovi jasnú predstavu o konečnom produkte, ktorý je vyvíjaný. Vždy je jednoduchšie previesť prototypov do konečných výsledkov. Tiež! s prototypovú nejaké 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ť váš užívateľovi nepredvídateľnými interakcií a vecičky.

6. Porozumenie "Vyhlásenie dizajn Mission". Reklamné predmety sa zameriavajú na primárne pôsobenie stránky beign navrhnutý. Tiež sa uistite, zoznam svojich seconday č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 pre užívateľov o zmenách na stránke. Užívateľ musí daný potvrdenie o splnení všetkých úloh ktorú vykonáva. Donot si užívateľ čakať a hádajte, na napr. poskytnúť ukazovatele pokroku súborové uplaods.

8. Pomocou ovláda zodpovedajúcim spôsobom. Pre použitie napr Vyberte v rozbaľovacom zozname iba pre malé zoznamy, Donot umožní užívateľovi zvoliť jednu zo 200 miest s využitím zvoľte boxov. Pochopiť rozdiel medzi tlačidlom a odkaz. Link a tlačidlá majú rôzne účely, donot použite jeden pre druhého. Zadajte správny ovládač, aby interakciu 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 vašu stránku z prvej ruky, tak, aby mohli byť vytvorené a testované samostatne, pripravené pre použitie naproti cez web.

9. Donot ITERATE príliš veľa na dizajn. Nezabudnite! Celý produkt je tvorený viac než návrh sám. Stavať príslušnej č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 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čtu zobrazení na mojom blogu, že som sa pozri sa na môj Google Analytics takmer každý deň. Všimol som si, že môj blog je odvolával sa na weby v mnohých iných jazykoch, a ľudia na celom svete. SO Pekný !!!!
Ak chcete život trochu jednoduchšie pre moje non-anglickej prehliadača lodi, som pridal Google Widget / plugin s názvom "Global Translator".

Global Translator hovorí, že "automaticky prekladá 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 svojej vlastnej WordPress inštalácie ... Pozrite sa sem http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Nie ste si istí, ako dobrý preklad, ale ú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 to je v angličtine ....

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


get ExpressingIT News by Email Prihlásiť sa k 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 JavaScriptu 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 sa musel realizovať "windows.onload" dvakrát. Prvá vec, ktorá by prišla na neskúsených mysli ako ja (musím úprimne povedať, že od tej doby som bol pomocou JavaScriptu rámcov a knižnice, som sa zabudlo robiť jednoduché veci na vlastnú päsť ... smutné, ale pravdivé), je nasledujúci postup ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 atd ...

Je nám ľúto, ale na, toto nebude fungovať ... nechcem moc diskutovať o vykonaní vedu Javascript ..., ale podľa mojej nedávnej skúsenosti, len posledný funkcia (onloadfn3), bude 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 vykonávať zahŕňa viac OnLoad funkcie ....

Alebo niečo také

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

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

"Moje stránky webu sú štruktúrované ako téma Wordpress .... teda existuje spoločný header.php a footer.php, ktorý sa započítavajú do všetkých stránok webu. K dispozícii je funkcia onload implementaion v footer.php urobiť nejaké spoločné OnLoad funkcie. A existuje niekoľko stránok, ktoré potrebujú niečo vlastného OnLoad, na rozdiel od tých, ktoré vykonáva v rámci spoločnej funkcie onload. Ak mám priradiť funkciu spätného volania priamo na psovoda window.onload, bude to cez-ride skôr priradené spätné volania v footer.php "

.... Je to môj problém pochopil :) ?

Dobre! existuje niekoľko riešení, ktoré som našiel. Všetci sú veľmi podobné a hlavne implementions roztoku danej Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Riešenie:

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

 Funkcia addLoadEvent (func) {
     var oldonload = window.onload;
     if (typeof window.onload! = 'funkcia') {
        window.onload = func
     } Else {
        window.onload = function () {
            ak (oldonload) {
                   oldonload ()
           }
           func ()
        }
    }
 } 

A hovoriť namiesto obvyklého "windows.onload"

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

Výhody tohto fragmentu kódu ...
1. V prvom rade, to vám umožní mať viac windows.onload udalostí, ktoré sa nazývajú zo samostatných častí kódu, bez toho aby overridding predchádzajúce definovanie
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ž bolo nastavené window.onload.


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


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