2009 24 marts, 2009

Er deaktiveret = "true" og deaktiveret = "false" det samme?

Dette dem gamle skole, men som sædvanlig det er min hukommelse supplement ...
Så er deaktiveret = "true" og deaktiveret = "falsk" samme? Ja
... Tro ikke, vel! thats den måde er det ... her er nogle hurtig forklaring ...
"Deaktiveret" er en egenskab af enhver form element / feltet, og dermed kan acceptere nogen værdi af sin natur.

Så længe denne egenskab er til stede, vil elementet deaktiveres uafhængigt af dens værdi. til f.eks.
<input type="text" value="This er disabled" disabled>
<input type="text" value="This er disabled" disabled="disabled">
<input type="text" value="This er disabled" disabled="true">
<input type="text" value="This er disabled" disabled="false">

Alle ovenstående vil gøre denne formular feltet "deaktiveret".

Simpelthen ikke give attributten "Disabled" holder Field "ABLED" ... som nedenfor

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

Husk "Enhver værdi (eller ingen værdi overhovedet) af handicappede attribut, vil browseren gøre det deaktiveret". For at holde tingene klart i vores sind W3C anbefaler, at vi bruger deaktiveret = "handicappede" i disse situationer.

Dette er forskel men når vi bruger denne attribut javascript ...

document.form.element.disabled = true; / / det element vil blive deaktiveret
document.form.element.disabled = false; / / det element vil blive aktiveret

Ovenstående argumenter er også gælder for disse attributter og elementer:

  • kontrolleres (alternativknappen og afkrydsningsfelt)
  • valgt (option)
  • nowrap (td)

2009 22 mar 2009

SevenUp! Tilskyndelse til verden for at slippe af med IE6!

Google starter en bevægelse tilskynde folk til at dumpe IE6 ... Ved aflytning IE6-brugere med en POPUP på side belastning ... måske ikke en meget god ide ... men er en UI udvikler, jeg er nødt til at slutte dette band vogn ... en mindre browser for mig bekymre sig om ... Beklager egoistisk er det! men jeg har medtage denne javascript ... (TRY DENNE SIDE i IE6) ...
Hey! og på den lysere note ... Se det er en visning af POWER af JavaScript .... Det kan endda nedlægge en kæmpe (eller når det var)

SÅ ... Hjælp befri verden for IE6 med en linje af javascript!

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


2009 19 marts, 2009

Bring Down IE6, Dets på tide!


Med en anden browser til at tage sig fra i morgen! (IE8 kommer ud af sin Beta stat i morgen) ... Dens virkelig på høje tid, IE6 får sin længe på grund Mercy Død ... FN vi står for fald IE6

"IE6 er den nye Netscape 4. De hacks er nødvendige for at understøtte IE6 bliver i stigende grad betragtet som overskydende fragt. Ligesom Netscape 4 i 2000, IE6 opfattes til at holde tilbage på nettet. "

Jeff Zeldman, standarder guru

Og i mellemtiden for dem, der ligesom mig, der vil blive oversvømmet med opfordringer til at bryde CSS-layouts i IE8, er her den gamle arbejde omkring / løse ved hjælp af meta tags (meta http-ækvivalent = "X-UA-Compatible") kan du prøve ...

Vildledende opfører IE8: CSS layout brud (Målretning af en browser version ved at bruge meta-tags i IE8)


2009 12 marts 2009

En god UI Design skal være standarder kompatibel. eller skal den? Mine TOP 10 UI Design Regler


Hverken jeg er meget ny til User Interface (UI) udvikling eller er jeg en veteran, og som jeg altid sige det, jeg passer ind i profilen af ​​UI udvikler mere end en designer, med ikke fortrudt. Nå ja! Hvad var jeg skrive om? ... For et stykke tid (skal være i år ikke mindre) nu i ny og næ, når jeg kommer ind i en lidt UI Design (når professionel designer er gået på ferie), jeg altid kan ikke stoppe med at tænke, om mit design skal være korrekt complient eller ej (oprigtigt, ikke at jeg kunne arkiv 100% overholdelse af standarder, hvis jeg ville også). Så jeg siger til mig selv, hvad lort! ... Designet skal være enkel, pæn og først og fremmest synes anvendeligt, det skal ikke gøre besøgende løbe væk ... eller bounce (for at være teknisk). Hvad godt ville en dejlig tableless CSS layout være at den besøgende, der er uvidende om alle de smarte hypertekst og Cascading Style Sheet under huden på din webside ... Zilch!
Det skal se godt og være let at bruge ... så kommer alle standarder ting.

Jeg stumbbled accross dette blogindlæg af Jason Fried af 37 Signals (For dem der ikke er klar 37-signaler er onces, der har skabt nogle fantastiske web-apps som Basecamp, Campfire osv.), der skrev noget lignende i 2004, og tro mig, næsten 5 år og ikke meget har ændret sig siden, at ... jeg var glad for at læse sin post, da jeg er helt enig i, hvad han har at sige og også det faktum, hendes er ikke sikker på, hvad der fortæller om sin netop sin mavefornemmelse, og så er mit :)

Jason Fried: "Der er alt for megen snak om CSS og XHTML og standarder og tilgængelighed og ikke nok tale om mennesker. CSS og standarder i overensstemmelse kode er blot værktøjer - du skal vide hvad man skal bygge med disse værktøjer. Fantastisk, jeg er glad for jeres UI ikke bruge tabeller. Så hvad? Hvem bekymrer sig om det stadig ikke lade folk nå deres mål. Web standarder er store, men folks egne standarder omfatter at få tingene gjort (og det er stadig for svært at gøre online).

UI designere gør det samme gamle grundlæggende "at glemme menneske på den anden side" fejl - undtagen denne gang deres kode ser bedre ud. Mennesker - ikke kode validatorer - brug grænseflader ".

Kassen Jason Fried fulde artiklen

DISCALIMER: Det betyder ikke, at vi ikke skal bekymre os om standarder på alle. Standarder er godt at have og holde sig til dem så meget som muligt. Vi behøver blot at forstå, at godt UI design betyder ikke altid 100% standarder skal leve eller omvendt ....

Fra min liste af min indhøstede erfaringer, følger jeg et par UI design og udvikling gyldne regler ... Heres TOP 10 ... ikke, at du har følger dem også ... :)

1. Pas på dine brugere. Brugerne kan gøre eller bryde dit websted. Donot gøre brugeren at ligne en total idoit, aldeles ude af stand til ved hjælp af din hjemmeside. Det er BAD!

2. Hold enkelhed og brugervenlighed Brug dine primære retningslinier. Alt for mange ting på skærmen, jo højere sandsynlighed for, at en bruger vil blive forvirret eller distraheret fra deres oprindelige opgave.

3. Være inden for de grænser ... donot forkæl dig selv for meget i brugervenlighed, tilgængelighed og standarder. Brug standarder effektivt og gøre dem forstået til holdet. Dette vil sikre rette konsistens i produktet

4. Prototype krav. Da disse dage brugervenlige grænseflader er rige, og prototypefremstilling, altid er bedre end bare at gøre simple wireframes, og sidstnævnte er ugyldig af anstændige interaktioner, ville det ikke give kunden et klart billede af det endelige produkt, der er under udvikling. Altid, Det er lettere at konvertere de prototyper til færdige leverancer. Også! med prototyping enhver interaktion spørgsmål kan glattes ud tidligere i udviklingen cyklus.

5. Sammenhæng i dit design og interaktion er meget vigtigt. Donot forveksle din bruger med uforudsigelige interaktioner og dimser.

6. Forstå din "Design Mission Statement". Aways fokusere på den primære virkning af den side udformet beign. Også lave en liste over dine seconday handlinger på siden, og prioritere dem.

7. Give ordentlig feedback til de webstedets brugere. Med de fleste af de hjemmesider designet omkring AJAX, giver visuelle signaler til brugeren om ændringer til side. Brugeren skal gives en anerkendelse af afslutningen af ​​enhver opgave han udfører. Donot gøre brugeren vente og gætte, for f.eks. sikre fremskridt indikatorer for fil uplaods.

8. Brug kontroller passende. For eksempel brug Vælg drop down listen for små lister kun donot lade brugeren vælge en af ​​200 byer ved hjælp af udvalgte felter. Forstå forskellen mellem en knap og et link. Et link og knap har forskellige formål, donot bruge en til den anden. Give den rigtige kontrol til at interagere med en side lettere. Undgå at bruge menuer, der er mere end to niveauer dybt. Må ikke genopfinde hjulet. Brug standard kontroller, tilpasse dem kun hvis meget nødvendigt. Definer brugerdefinerede kontrolelementer, der er nødvendige for dit websted første hånd, så de kunne skabes og testes uafhængigt, klar til brug accross site.

9. Donot gentage alt for meget på design. Husk! Hele Produktet består mere end design alene. Byg passende tidslinjer ind i dit projekt tidsplan for design iterationer, og holde sig til det. Iteration hjælper os med at finde ud af, hvad der virker og hvad der ikke, udvælge de brændpunkter. Som en god brugerflade tager tid, give tid til gentagelser i begyndelsen af ​​denne udvikling cyklus, så designgentagelser doesnot direkte svare til Rework. For meget omarbejde kunne jeopradize frister.

10. Læn dig tilbage og tænke som en bruger tider.


2009 8 marts 2009

Global Translator Plugin til din WordPress-blog

Jeg er så begejstret for det stigende antal sidevisninger på min blog, som jeg tjekke mine Google Analytics næsten hver dag. Jeg lagde mærke til at min blog bliver nævnt af sites i mange andre sprog og af folk rundt om i verden. SÅ Nice!!
For at gøre livet lidt lettere for min ikke-engelsk fremviser skib, har jeg tilføjet en Google Widget / Plugin kaldet "Global Translator".

Global Translator siger, at det "automatisk oversætter en blog på 41 forskellige sprog ved at pakke fire forskellige online oversættelse motorer (Google Oversæt Engine, Babelfish Translation Engine, FreeTranslations.com, Promt)" ... Hvis du ønsker at tilføje det til din egen wordpress installation ... tjek det ud her http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Ikke sikker på, hvor god oversættelsen er, men jeg håber inderligt, at det hjælper nogle andre udviklere derude, der ender med at nå min blog, kun for at blive skuffet, at det er på engelsk ....

De oversætter links er nederst i Side Bar ....


2009 7 marts 2009

Opkald til flere Windows-onload funktioner i Javascript

Heres en anden lille peice af Javascript fup, at jeg var nødt til at grave rundt, fordi situationen commaned det. I en af ​​mine hjemmesider, havde jeg denne situation, hvor jeg var nødt til at gennemføre "windows.onload" to gange. Den første ting, der ville kom til en uerfaren sind som mit (jeg må ærligt sige, at siden jeg har brugt javascript rammer og biblioteker, har jeg forgotton til at gøre simple ting på min egen ... trist, men sandt), er følgende metode ...

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

Ked af at sige, men plejer dette arbejde ... ikke ønsker at diskutere udførelsen videnskab Javascript meget ... men efter min seneste erfaringer, (onloadfn3) kun den sidste funktion vil syge rent faktisk bliver udført.

I normale situationer ... i modsætning til mine (som jeg vil tale om lidt senere) kan du gøre et af følgende for at udføre mutliple onload funktioner ....

Eller noget som dette

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

For min nuværende situation, kan jeg ikke bruge nogen af ​​ovenstående ...
Hvorfor skal jeg kalde windows.onload to gange, i stedet at kalde to funktioner inden for en enkelt onload funktion? Her er hurtigt kig på min problemformulering ...

"Mit websted sider er opbygget som WordPress tema .... dvs der er en fælles header.php og Footer.php der bliver inkluderet i alle de websider. Der er en onload funktion gennemfoerelse sted i Footer.php til at gøre nogle almindelige onload funktioner. Og der er få sider, der skal noget af deres egen OnLoad, bortset fra dem, udført af den fælles onload funktion. Hvis jeg tildeler callback funktion direkte til window.onload handleren, vil det over-rider tidligere tildelt tilbagekald i Footer.php "

.... Er mit problem forstået :) ?

Nå! der er få løsninger, som jeg fandt. De er alle meget ens og hovedsagelig implementions en løsning givet ved Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Opløsning:

Du skal blot tilføje denne javascript kode til websted ...

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

Og kalder det i stedet for den sædvanlige "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Mere kode til at køre på side belastning *
 }); 

Fordele ved dette kodestykke ...
1. Primært, det kan du have flere windows.onload begivenheder, kaldes fra separate dele af din kode, uden at overridding den tidligere definition
2. Det er virkelig diskret. Det kan placeres i en fil med dine andre scripts eller i en separat fil.
3. Det virker selvom window.onload allerede er blevet indstillet.


NDK hjem | Udtrykke IT | udtrykke Smag | udtrykke Penmenship | udtrykke Awe | udtrykke mig