2009 24 mars 2009

Är avaktiverat = "true" och inaktiverade = "false" samma?

Detta sådana gamla skolan, men som vanligt är det mitt minne komplement ...
Så är avaktiverat = "true" och inaktiverade = "false" same? Ja
... Tro inte, bra! Thats hur det är ... här är några snabba förklaring ...
"Inaktiverad" är ett attribut av någon form inslag / område och därmed kan acceptera något värde genom sin natur.

Så länge detta attribut finns, kommer elementet inaktiveras oberoende av dess värde. för t.ex..
<input type="text" value="This är disabled" disabled>
<input type="text" value="This är disabled" disabled="disabled">
<input type="text" value="This är disabled" disabled="true">
<input type="text" value="This är disabled" disabled="false">

Alla ovanstående kommer att göra detta formulär fältet "funktionshindrad".

Helt enkelt inte ge attributet "Disabled" håller Field "nedsatt arbetsförmåga" ... som nedan

<input type="text" value="This inte disabled" />

Kom ihåg "Varje värde (eller inget värde alls) av de funktionshindrade attribut kommer webbläsaren att göra den funktionshindrad". För att hålla saker och ting klart för oss W3C rekommenderar att vi använder inaktiverat = "funktionshinder" i dessa situationer.

Det är skillnad men när vi använder detta attribut i JavaScript ...

document.form.element.disabled = true; / / elementet inaktiveras
document.form.element.disabled = false; / / elementet aktiveras

De ovan anförda argumenten gäller även för dessa attribut och element:

  • kontrolleras (radio knappen och rutan)
  • vald (tillval)
  • nowrap (TD)

2009 22 mar 2009

SevenUp! Uppmuntra världen för att bli av IE6!

Google startar en rörelse sporrar folk att dumpa IE6 ... Av avlyssning IE6 användare med en POPUP när sidan laddas ... kan inte vara en bra idé ... men att vara en UI utvecklare måste jag gå här bandet vagn ... en mindre webbläsare för mig oroa ... Tyvärr själviskt det är! men jag har inkludera denna javascript ... (TRY Denna sida på IE6) ...
Hey! och på ljusare not ... Se det är en visning av POWER av JavaScript .... det kan även få ner en jättestor (eller när det var)

SO ... Hjälp befria världen från IE6 med en rad javascript!

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


2009 19 Mar 2009

Få ner IE6, dess på tiden!


Med en annan webbläsare för att ta hand från och med imorgon! (IE8 kommer ut sitt Beta staten imorgon) ... är dess verkligen hög tid IE6 gett sitt länge på grund Mercy Death ... Enade vi stå för hösten IE6

"IE6 är den nya Netscape 4. De hacka krävs för att stödja IE6 alltmer ses som överstiger frakt. Liksom Netscape 4 år 2000, IE6 uppfattas att hålla tillbaka nätet. "

Jeff Zeldman, standarder guru

Och tiden för dem som mig som kommer att översvämmas med samtal att bryta CSS layouter i IE8, här är det gamla arbetet kring / fixa med metataggar (meta http-motsv = "X-UA-Compatible") som du kan prova ...

Vilseledande beter IE8: CSS-layout brott (Inriktning en webbläsarversion med metataggar i IE8)


2009 12 Mar 2009

En bra UI Design måste vara standard kompatibel. eller bör det? My Top 10 UI Design Rules


Varken jag är mycket nytt för användargränssnitt (UI) utveckling eller är jag en veteran och som jag alltid sätter det, jag passar in i profilen för UI utvecklaren mer än en designer, utan ånger. Oh Well! Vad var det jag skrev om? ... För ett tag (måste vara i år inte mindre) nu då och då när jag kommer in lite UI Design (när professionell designer har gått på semester), jag har alltid cant stop fundera på om min design ska vara ordentligt Kompatibel eller inte (uppriktigt, inte att jag kunde achive 100% efterlevnad av standarder, om jag ville också). Då säger jag mig själv, vad skit! ... Designen ska vara enkel, trevlig och framför allt verkar användbart, inte bör göra besökarna springa iväg ... eller bounce (för att vara tekniska). Vad skulle en fin tableless CSS-layout är att besökaren, som är omedveten om alla smarta hypertext och Cascading Style Sheet under huden på din hemsida ... Zilch!
Det ska se trevligt och vara lätt att använda ... sedan kommer alla standarder saker.

Jag stumbbled tvärs detta blogginlägg av Jason Fried av 37 Signals (För dem som inte är medvetna 37 signaler är de onces som har skapat några väldigt fräcka webbprogram som Basecamp, Campfire etc) som skrev något liknande under 2004 och tro mig, nästan 5 år och inte mycket förändrats sedan dess ... Jag var glad att läsa sin post, som jag håller fullständigt med vad han har att säga, och också det faktum är att hon inte säker på vad som är att berätta om det bara hans magkänsla och så är min :)

Jason Fried: "Det finns alldeles för mycket om CSS och XHTML och standarder och tillgänglighet och inte tillräckligt prata om människor. CSS och standarder följs koden är bara verktyg - man måste veta vad man ska bygga med dessa verktyg. Bra, är jag glad din UI inte använder tabeller. Så vad? Vem bryr sig om det fortfarande inte låter människor att uppnå sina mål. Webbstandarder är bra, men människors egna normer inkludera få saker gjorda (och det är fortfarande för svårt att göra online).

UI designers gör samma gamla grundläggande "glömma människan på andra sidan" misstag - utom den här gången sin kod ser bättre. Människor - inte kod validerare - användarvänliga gränssnitt ".

Kassa Jason Fried: s hela artikeln

DISCALIMER: Detta betyder inte att vi inte ska bry sig om standarder alls. Standarder är bra att ha och hålla sig till dem så mycket som möjligt. Vi har bara förstå att bra UI design betyder inte alltid 100% Standards complience eller vice versa ....

Från min lista över mina lektioner lärt följer jag några UI Design och utveckling gyllene regler ... Heres TOP 10 ... inte att du måste följa dem också ... :)

1. Ta hand om dina användare. Användarna kan göra eller bryta din webbplats. Donot att användaren ser ut som en total idoit, helt oförmögna att använda din webbplats. Det är BAD!

2. Håll enkelhet och Använd dina primära guidelines. Alltför många saker på skärmen, desto högre är sannolikheten att en användare kommer att bli förvirrad eller distraherad från sin ursprungliga uppgift.

3. Var inom de gränser ... inte apparaten hänge in för mycket i användbarhet, tillgänglighet och standarder. Använda standarder på ett effektivt sätt och göra dem förstås laget. Detta kommer att säkerställa rätt konsistens i produkten

4. Prototyp kravet. Eftersom dessa dagar användarvänliga gränssnitt är rika, prototyper alltid är bättre än att bara göra enkla wireframes och den senare är ogiltig om anständiga interaktioner, skulle det inte ger kunden en tydlig bild av den slutliga produkten som är under utveckling. Alltid är det lättare att omvandla de prototyper till färdiga resultat. Också! med prototyper någon interaktion frågor kunde reda ut tidigare i utvecklingscykeln.

5. Konsekvens i din design och interaktion är mycket viktigt. Donot förvirra användaren med oförutsägbara interaktioner och Gizmos.

6. Förstå din "Statement Design Mission". Aways fokusera på den primära verkan av utformad sidan beign. Se också till en lista över dina seconday åtgärder på sidan och prioritera dem.

7. Ge rätt återkoppling till byggarbetsplatsen. Med de flesta av de webbplatser som är utformade i närheten av Ajax, ge visuella signaler till användaren om ändringar på sidan. Användaren måste ges ett erkännande av genomförandet av de arbetsuppgifter han utför. Donot göra användaren vänta och gissa, för t. ex. ger framsteg indikatorer för fil uplaods.

8. Använd kontrollerna på lämpligt sätt. För t.ex. användning Välj listrutan för små listor endast donot låter användaren välja ett av 200 städer med utvalda lådor. Förstå skillnaden mellan en knapp och en länk. En länk och knapp har olika syften, donot använda en för den andra. Ge rätt kontrollen att interagera med en sida lättare. Undvik att använda menyer, som är mer än två nivåer djupt. Uppfinn inte hjulet. Använd vanliga kontrollerna, anpassa dem endast om mycket nödvändigt. Definiera anpassade kontroller som krävs för din webbplats första hand, så att de kunde skapas och testas självständigt, redo för användning tvärs webbplats.

9. Inte apparaten ITERERA för mycket på design. Kom ihåg! Hela Produkten består mer än formgivning ensam. Bygga lämpliga tidsramar i ditt projektschemat för design iterationer och hålla fast vid det. Iteration hjälper oss att ta reda på vad som fungerar och inte, plocka ut de oroshärdar. Som ett bra gränssnitt tar tid, ge tid för iterationer i början av utvecklingscykeln, så att designförändringar direkt doesnot jämställas med omarbetningar. För mycket omarbetningar kunde jeopradize tidsfrister.

10. Luta dig tillbaka och tänka som en användare ibland.


2009 8 mars 2009

Global Translator Plugin för din WordPress blogg

Jag är så glad över det ökande antalet sidvisningar på min blogg, att jag kolla mina Google Analytics nästan varje dag. Jag märkte att min blogg är hänvisade till platser i många andra språk och av människor runt om i världen. So Nice!!
För att göra livet lite enklare för min icke-ENGELSK viewer fartyg, har jag lagt till en Google Widget / plugin som heter "Global Translator".

Den globala Översättare säger att det "automatiskt översätter en blogg på 41 olika språk genom att linda fyra olika online översättning motorer (skrevs Engine, Babelfish Translation Engine, FreeTranslations.com, Promt)" ... Om du vill lägga till den i din egen wordpress installation ... kolla in det här http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Inte säker, hur bra översättningen är, men jag hoppas att det hjälper några andra utvecklare där ute, som hamnar nå min blogg, bara att bli besviken, att det är på engelska ....

De översättare länkar är längst ner på Side Bar ....


2009 7 Mars 2009

Ringa flera Windows onload funktioner i JavaScript

Heres en annan liten lappa av Javascript knep som jag var tvungen att gräva runt eftersom situationen commaned det. I en av mina webbplatser, hade jag denna situation där jag var tvungen att genomföra "windows.onload" två gånger. Det första som skulle kom till en oerfaren sinne som mitt (Jag måste ärligt säga att eftersom jag har använt JavaScript-ramverk och bibliotek, har jag forgotton att göra enkla saker på egen hand ... sorgligt men sant), är följande metod ...

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

Ledsen att säga men, brukar detta arbete ... inte vill diskutera genomförandet vetenskapen av Javascript mycket ... men enligt min senaste erfarenhet, (onloadfn3) endast den sista funktionen faktiskt sjuk får avrättas.

I normala fall, till skillnad från min (som jag ska tala om lite senare) ... du kan göra något av följande för att utföra mutliple onload funktion ....

Eller nåt här

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

För min nuvarande situation, kan jag inte använda någon av ovanstående ...
Varför måste jag ringa windows.onload två gånger, snarare att ringa två funktioner i en enda onload funktion? Här är snabb titt på mitt problem uttalande ...

"Mina sajtens sidor är uppbyggda likt WordPress temat .... dvs det finns en gemensam header.php och footer.php som får ingå i alla webbplatsens sidor. Det finns en onload funktion implementering i footer.php att göra några vanliga onload funktioner. Och det finns få sidor som behöver något eget OnLoad, bortsett från dem som gjorts av vanliga onload funktion. Om jag tilldelar callback-funktion direkt till window.onload handler, kommer den att över-rider som tidigare tilldelats återbesök i footer.php "

.... Är mitt problem förstås :) ?

Tja! det finns få lösningar som jag hittade. De är alla mycket lika och i huvudsak implementions en lösning som ges av Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Lösning:

Helt enkelt lägga till den här JavaScript-kod till plats ...

 Funktionen addLoadEvent (FUNC) {
     var oldonload = window.onload;
     if (typeof window.onload! = 'funktion') {
        window.onload = funktion
     } Else {
        window.onload = function () {
            if (oldonload) {
                   oldonload ()
           }
           FUNC ()
        }
    }
 }

Och kallar det istället för den vanliga "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Mer kod körs när sidan laddas *
 }); 

Fördelar med detta kodsträng ...
1. I första hand låter den du har flera windows.onload händelser, anropas från separata delar av din kod, utan overridding den tidigare definitionen
2. Det är verkligen diskret. Den kan placeras i en fil med dina andra skript eller i en separat fil.
3. Det fungerar även om window.onload redan har ställts in.


NDK hem | Att uttrycka IT | uttrycka Palate | uttrycka Penmenship | uttrycka Awe | uttrycka mig