Ki ga izraža

Z mojo omejeno sposobnostjo dvojice z orodji, kot so Photoshop in Illustrator, lahko iskreno priznam, da sem boljši od mene razvijalec oblikovalec. Vendar pa je moj ozadje z jedrom (Strežnik stran) razvoj z Java / php / COBOL, je bil zelo pozitiven vpliv na moje uporabniškega vmesnika razvojne sposobnosti. Mislim, medtem ko ustvarjanje svoje modele, in sicer, ko sem narediti načrt, mislim, da o tem, kako je mogoče najbolje oblikovanje pretvori v HTML-SPD, medtem ko delaš HTML, CSS, sem dal misel o backend tehnologijo in se prepričajte razumno da je mogoče zlahka prenesti v HTML XSL zank ali PHP itd izrezkov

Več let, so me vrgli na glavo, da modeli, ki jih oblikovalci uporabniškega vmesnika, ki verjetno donot imela pojma, kaj HTML ali CSS je. Vsa ta leta sem mislil, da bom zahtevala preveč, če sem pričakujem oblikovalec, ki poskuša shov svoje "nemogoče" kode oblikovanja grlu, razumeti le malo, kaj bi se pretvori njegova zasnova v. To bi prav pomoč?

Potem sem prišel čez to delovno mesto ... danes spletnih oblikovalcev, ki ne morejo številka ... Hvala Gospod! Jaz sem samo ena izmed mnogih, ki menijo enako ... zgoraj artitle je malo dolgo daha .. ampak vredno branje, vsaka beseda za to.

Hvala Elliot Jay zaloge ... Počutim se odleglo!

Tukaj je nekaj odlomkov iz članka Elliots .

Wow, kaj dan! Začelo se je z eno malo Cvrkutati in se je končal z razpravo, ki je zdelo, da pomete po vsej Skupnosti web design. Zdi se, da je nekaj zelo močnih mnenj potekala na temo, ali naj oblikovalci spletnih strani lahko kodo.
...
Torej, preden smo prišli v to, mi dovolite, da hitro povzamem, kaj sem rekel o tem zjutraj na Twitterju:

Iskreno, sem šokirana, da je v letu 2010 sem še vedno prihaja prek njihove spletne oblikovalcev ', ki ne morejo kode svoje modele. Ni izgovor.

... Sem morala sem bil malo bolj natančen v moji Cvrkutati. Govoril sem o tem oblikovalcev, ki nimajo niti najbolj osnovne HTML in CSS sposobnosti vrteti ravno dizajn v dejanskem mestu. Ne ljudje, ki namerno ne odločijo za kodo, tisti, ki ne morejo. In jaz sem prav tako nanaša le na kode čelni tukaj, seveda to je smešno, da razmišljajo, da oblikovalci morajo biti tudi neverjetno back-end programerje ...

Dobimo 'mreža' modele poslana v Illustrator, 300 dpi, nemogoče, da kodo, ki niso dosledni / uporabnost.
~ Amy Mahon

To je pridobivanje pozno in moram zaviti to gor nekako. Vem, da bodo mnogi, ki ne strinjate z mano, in moj namen ni žaliti ali razburjena nikogar, ki ne morejo kodo, vendar upam, da nekaj, kar sem dejal, odraža nekaj točk, ki vedno pridejo, ko delving ta razprava.

Ob koncu dneva, ne izgubijo nobenega spanja več, ki lahko kodo in kdo ne. Jaz sem samo resnično presenečeni ugotovili, da veliko oblikovalcev, ki nimajo front-end spretnosti, kot sem mislil, to je stvar preteklosti.

Preberite tudi pripombe, je bilo okoli 320 pripomb, kot sem napisal ... ti je vredno prebrati.
Prosimo, preberite celotno Elliots komentar tukaj .. Spletni oblikovalci, ki ne morejo koda

• Vrsta dokumenta Izjava mora biti prisoten na začetku dokumenta, ki uporablja HTML sintakso. To se lahko po želji uporabljajo v skladnji XHTML, vendar se ne zahteva. Dokument XHTML ni treba vključiti, ker DOCTYPE XHTML dokumente, ki so dostavljene pravilno uporabo XML MIME tip in se obdelujejo kot je XML, ki jih brskalniki, so vedno opravljene v nobenem načinu quirks.

• V XHTML, tag imena so velike in male črke, in so običajno opredeljeni biti napisani z malimi črkami. V HTML, vendar tag imena občutljivo na velikost črk in se lahko napisana v vseh velike črke ali mešani primeru, čeprav najpogostejši konvencije je, da se držijo z malimi črkami. Primer oznak začetni in končni ni treba biti isti, vendar pa v skladu ne bi čistilo kodo videz.

Prednosti uporabe HTML

• Nazaj združljiv z obstoječimi brskalniki
• Avtorji so že seznanjeni s sintakso
• Mile in tolerantna sintaksa pomeni, da ne bo uporabniku sovražno " Rumena zaslon smrti ", če napaka slučajno zdrsne skozi
• Priročna okrajšava sintaksa, lahko na primer avtorji izpustiti nekatere oznake in vrednosti atributov

Prednosti uporabe XHTML

• Stroga XML sintaksa spodbuja avtorje, da pišejo dobro oblikovana oznake, ki jih lahko najdejo nekateri avtorji lažje vzdrževati
• Integrira neposredno z drugimi XML besednjakov, kot sta SVG in MathML
• Omogoča uporabo XML obdelavo, kar nekateri avtorji uporabljajo kot del njihovega urejanja oziroma objavljanje procesov

Včeraj, po izdaji sem naletel s ponastavi CSS v brskalniku Google Chrome ... sem mislil kopati malo globlje v območju User Agent Style Sheets ...
Našel to tabelo na privzete vrednosti CSS2.1 User Agent Style Sheets ... (za tiste, ki ne zaveda, kaj "User Agent" Style Sheets je slediti Kaj je Style Sheets uporabnika Agent (specifikacija) .

Za celoten seznam CSS 2.1 User Agent Style Sheets nastavitve kliknite tukaj

Včeraj, tako kot vsak drug "Ground Hog Day", sem delal na nekaterih postavitvah CSS / tableless. Vse je bilo dobro gredo v IE 7, FF 3 in Chrome, do leta naenkrat, sem videl nekaj un-ignorable marže viden le v brskalniku Google Chrome. Čeprav je zelo nenavadno in worring, je bilo nekaj novega napako / problem, da sem prišel naletela, je bilo končno nekaj začimb v moji mukotrpnega dela. Sad (vendar lepo), dobil je določena v nekaj minutah po sondi ...

V bistvu, je videti, kot Google Chrome ne upošteva moje Resetira CSS (margin: 0px). To je bila dejansko posledica slogovne uporabniškega agenta (-WebKit-padding-start: 40px). Tako rešitev je, da ponastavite ta slog z določanjem padding: 0 povzročal težave elemente.
Dober način za preprečevanje tega problema ne bi zgodilo, da je vsak element uporabljati globalno dlani CSS takole

* {Margin: 0; padding: 0;}

Kaj je User Agent Style Sheets (specifikacija)?
Naslednji odlomek je vzet iz http://meiert.com/en/blog/20070922/user-agent-style-sheets/~~HEAD=pobj , sledite povezavo in preberite več o uporabniških Style Sheets Agent

CSS 1 uvaja idejo, z navedbo, da bo vsak Uporabniški vmesnik (UA, pogosto "Spletni brskalnik" ali "spletni stranka"), imajo list privzeti slog, ki predstavlja dokumente v razumno - pa verjetno vsakdanjega - način. CSS 2 pravi, da ustrezajo agentom za uporabo mora uporabiti list privzeti slog (ali se obnašajo kot da so to storili) in da bi uporabniškega agenta privzeti slog stanja predstaviti elemente iz dokumenta o jeziku na način, ki izpolnjujejo splošne pričakovanja za predstavitev dokumentov jeziku; CSS 3 je verjetno, da bo istega uma.

Ker CSS specifikacije pustite do izvedbe, ali želite uporabljati "prave" slog stanja za prikaz privzeto ali ne, to ni presenetljivo, da ne boste našli list privzeti slog v namestitev vsakega brskalnika mapo. Za razliko od Internet Explorerja, Microsoft, kot tudi opere, na primer (in kolikor vem), Gecko brskalniki, kot so Firefox in Netscape Navigator (poglej za "html.css"), ampak tudi Konqueror bi bilo bolj enostavno, da bi razumeli njihov privzeti stil.

Še ena stara šola spomin dodatni ...

Zakaj omogočiti windos.status?
Javascripts bi biti prava nočna mora, če imate kaj za odpravljanje napak. Firefox ima nekaj priročnih addons, kot Firebug thats naredi naše življenje enostavno in mora tudi glasovanje za najbolj priljubljeno tehniko v debug JavaScript pojdite na "alarmni ()". Anywaz! Obstaja nekaj primerov, ko se sešteva ALERT ne debug vaš mis-obnaša JavaScript je samo isn'ta dobra ideja. Na primer! imate dragble, katerega položaj je treba opozoriti .... NE NE! Ne to! ... Boste dobili samo neskončno opozorila ali pa navada lahko dejansko drap vaš dragable. No! Obstaja več dobrih situacije, kjer bi vam pisanje besedil iz odpravljanju napak v vrstici stanja in še mnogo več usful ... Verjemi mi! Njena izkušnja!

IE privzeto levo pišete v vrstico brskalnik, ki uporablja sintakso '"nekaj debug To window.status =", toda FireFox ne. Torej, da bi okna o stanju sprememb, lahko to storite eno od naslednjega.

Odprite about: config v brskalniku (tip "about: config" to v naslovno vrstico) in iskanje
dom disable_window_status_change.. Spremenite lažne ... samo kliknite na začetku preklop svojo državo.

ALI Druga možnost

"Orodja → Možnosti → → Vsebina Omogoči Javascript / Napredno → Spremeni vrstica stanja besedilo"

In tudi, da ... pisati v vrstici stanja v vašem Javascript, je torej samo ok, če ste uporabili kratek statusa sintakse tj = 'nekaj debug besedilo ", ampak v Firefox, boste morali uporabiti v celoti, tj sintakso window.status =' nekaj debug "

Google se začne gibanju takojšnje ljudi, da smetišče IE6 ... Z bugging IE6 uporabnike POPUP od obremenitve strani ... naj ne bo lahko zelo dobra ideja ... ampak da razvijalec UI, moram pridružiti tej pasu vagon ... eno manj brskalnik zame skrbeti Žal mi je ... sebično je! vendar sem se vključi ta javascript ... (poskusite to stran v IE6) ...
Hej! in na svetlejšo noto ... Glej, da je prikaz moči JavaScript .... da lahko celo znižajo velikana (ali ko je bilo)

Torej ... Pomoč osvoboditi svet IE6 z eno vrstico javascript!

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

Jaz sem tako navdušen nad naraščajočim številom ogledov strani na mojem blogu, da preverim moje Google Analytics skoraj vsak dan. Opazil sem, da je moj blog, ki se sklicuje lokacijah v mnogih drugih jezikih, ki jih ljudje po vsem svetu. Lepo!!
Da bo življenje malo lažje za moj neangleški ladje gledalca, sem dodal Widget Google / plugin imenovan "Globalna Translator".

Globalna Translator pravi, da je "Samodejno prevede blog v 41 različnih jezikih z ovojem štiri različne Online Prevod motorjev (Google Translation Motor, Babelfish Translation Motor, FreeTranslations.com, Promt)" ... če hočeš, da ga dodate na svoj ​​namestitev WordPress ... preverite tukaj http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Ne veste, kako dober prevod, vendar iskreno upam, da pomaga nekaj kolegi razvijalci tam zunaj, ki je na koncu dosegel svoj blog, se le razočaran, da je v angleščini ....

V prevajalec povezave so na dnu vrstice Side ....

Tukaj še malo peice of zvijače Javascript, da sem moral kopati okoli, ker razmere to commaned. V eni od mojih spletnih strani, sem imel ta položaj, kjer sem moral izvajati "windows.onload" dvakrat. Prva stvar, ki bi prišel do neizkušenega mislih, kot je moja (moram iskreno reči, da zato, ker sem bil z uporabo javascript okvire in knjižnice, sem forgotton narediti preproste stvari na moje ... žalostno, ampak resnično), je naslednja metoda ...

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

Žal mi je povedati, vendar to navada delo ... dont želite, da bi razpravljali izvršitve znanost Javascript veliko ... ampak glede na moje zadnje izkušnje, le zadnja funkcija (onloadfn3) slabo dejansko dobili usmrčen.

V normalnih razmerah, za razliko od moje (kar bom govoril o malo kasneje) ..., da bi lahko naredite nekaj od tega za izvajanje funkcij mutliple onload ....

Ali kaj takega

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

Za moje trenutno stanje, ne morem niti uporaba zgoraj ...
Zakaj moram poklicati windows.onload dvakrat, ne pa da kliče dve funkciji v eni sami funkciji onload? Tukaj je hiter pogled na moj problem izjavo ...

»Moja mesta strani strukturirana podobno temo WordPress .... torej obstaja skupna Header.php in Footer.php, da postane vključeni v vse strani strani. Obstaja onload funkcijo, izvajajo v Footer.php narediti nekaj skupnih funkcij onload. In obstaja nekaj strani, ki jih je nekaj lastnega ONLOAD, razen tistih, ki ga je opravila skupno funkcijo onload. Če sem dodelite funkcijo povratni klic neposredno na window.onload trener, bo preveč vozi že dodeljene callbacks v Footer.php "

.... Je moj problem razumeti ?

No! obstaja nekaj rešitev, da sem našel. Vsi so si zelo podobne in predvsem implementions z rešitvijo, ki jo je Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Rešitev:

Preprosto dodajte to kodo javascript na spletni strani ...

 Funkcija addLoadEvent (funkcije) {
     var oldonload = window.onload;
     if (vrste uporabljene window.onload! = 'funkcija') {
        window.onload = funkcije
     } Else {
        window.onload = funkcija () {
            if (oldonload) {
                   oldonload ()
           }
           funkcije ()
        }
    }
 }

In rečejo namesto običajnega "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (funkcija () {
 / * Več kode na strani obremenitve *
 }); 

Prednosti tega Emacsa ...
1. V prvi vrsti, je vam omogoča, da imate več dogodkov windows.onload, ki se imenuje iz ločenih delov kodo, ne da bi overridding prejšnji definiciji
2. To je res nevsiljiv. Lahko se namesti v datoteko z drugimi skripte ali v posebni datoteki.
3. Deluje tudi če je window.onload že določena.

Mislil sem, tale bo Doodle najti na google, kot mnogi, ki bi nas UI in scenaristov morali to storiti na vsakodnevno, da so malo peice iz Emacsa PHP (. Php) v Smarty Template (. TPL). Spoznal sem, da lažje / popularne vaše vprašanje, še težje našli točno odgovoriti ... milijon iskanje rezultati, vendar je večina od njih je govor "File" vključuje Smarty ... ki ima naslednjo sintakso

{Vključujejo FILE = "include / header.php"}

To dejansko inlcuded datoteko redu, ampak kot besedilo, kar sem hotel je bil rezultat vključene datoteke. (Opomba zgoraj se uporablja vključujejo predloge notranjosti datoteko s predlogo). Na koncu z malo persiverance .... Naletela sem na na slighty spremenjene sintakso, ki je bil odgovor na mojo zahtevo, ... tako da tukaj je ... če havn't našel že

{Include_php FILE = "include / header.php"}

To vprašanje prečkala mojih mislih nekajkrat prej, ko sem delal na mestih že preveč, kar se uporablja WordPress pokazati, bloge ali nova vrsta vsebine na del zgornje strani / portal.Being novinec v PHP in okoli WordPress, sem kar naprej ga procastinating, misleč, "to ni moja peice pogače". Končno! ta zahteva prišla stanuje nos, ko je začel diggin malo naokoli za raztopino.
Bil sem presenečen ugotovil, da je res lažje, kot sem dejansko mislil, da je, da se prikaže seznam naslovov oziroma zadnje objave na kateri koli drugi strani izven WordPress pogon delu, samo z malo PHP in WordPress API .

Tukaj je, kaj storiti: -
Zaradi razlage, predpostavimo, da je vaša stran http://www.inchembur.com/ in imate novice oddelek za to spletno stran na http://news.inchembur.com/~~pobj (ki teče WordPress). Zdaj zahteva je, da kažejo zadnji komentar od http://news.inchembur.com/~~pobj na domači strani glavnega mesta, tj http://www.inchembur.com/index.php

1. korak: V vašem index.php dodajte naslednjo peice kode, vključujejo WordPress API datoteko. Dodate lahko ta na vrhu strani, ki jo želite vaše sporočilo, da se pojavi na.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES ", false); / / Disbable uporabo WordPress Theme
zahtevajo ('/ var / news.inchembur.com / wp-blog-header.php "); / / Vključi WordPress API
; // Get Latest Post query_posts (v nadaljevanju: showposts = 1 '); / / Get Zadnje sporočilo
>

V zgornjem peice na Vključi, smo dobili le eno zadnjo post. če želite, da bi poskušali več različic vas prosimo, da kopati v, query_posts() dokumentacije .

2. korak: Zdaj, v delu Kazalo / Home strani, kjer želite prikazati zadnji komentar WordPress iz http://news.inchembur.com , uporabite naslednjo kodo. Ni treba posebej poudarjati, vas prosimo, da vaš oglas styling delitve v premeru in razrede, kot na vaše potrebe oblikovanja.

3. korak: Ni Korak 3 ... to to ... ste končali!

Kako pokazati določeno delovno mesto / stran, za razliko od zadnje objave: -
To lahko brez težav dosegli, s spremembo argumentov, da query_posts() , da se vključi stran ali stran ID Slug

) ; query_posts ("page_id = 7 ');
) ; query_posts ("pagename = o ');

ali lahko upravljate, število delovnih mest:
) ; query_posts (showposts = 3);