Väljendades IT

Minu piiratud oskuste komplekt vahendeid, nagu Photoshop ja Illustrator, võin ausalt tunnistama, et ma olen parem arendaja kui ma olen disainer. Aga minu taust core (serveripoolne) arengu Java / PHP / COBOL, on olnud väga positiivne mõju minu UI arendamise oskusi. Mida ma mõtlen on, luues samas minu designs, st kui ma ei projekteerimine, ma mõtlen, kuidas disaini saab kõige paremini ümber HTML-CSS ja tehes samal ajal HTML-CSS, ma annan mõelnud backend tehnoloogia ja teha mõistlikult kindel et HTML on võimalik kergesti üle võtta XSL silmuste või PHP pikad jne

Aastate jooksul olen visanud pea edasi disainilahendusi UI disainerite kes ilmselt donot aimugi mis HTML või CSS on. Kõik need aastad olen ma mõelnud, mida ma küsida liiga palju, kui ma lihtsalt oodata, disainer, kes üritab shov oma "võimatu koodi" disaini alla mu kõri, mõista natuke mida tema disain oleks ümber arvesse. Mis aitaks eks?

Siis ma leidsin selle postituse täna ... Web disainerid, kes ei saa koodi ... Tänan Lord! Ma olen lihtsalt üks paljudest, kes tunnevad sama ... eespool artitle on natuke pikk Hengästynyt .. kuid tasub lugeda, iga sõna sellest.

Tänu Elliot Jay Varud ... ma tunnen kergendust!

Siin on mõned väljavõtted elliots artikkel .

Vau, mida päev! See algas üks väike piiksuma ja lõppes aruteluga, mis tundus pühkima kogu web design kogukonnas. Selgub, et mõned väga tugevad arvamused peetud teemal, kas veebidisainerid peaks olema võimalik koodi.
...
Niisiis, enne kui me sinna, lubage mul kiiresti sulgege mida ma ütlesin täna hommikul puperdama:

Ausalt, ma olen šokeeritud, et aastal 2010 ma olen ikka tulevad üle "veebidisainerid", kes ei suuda kodeerida oma designs. Mingit vabandust.

... Ma olen olnud vähe täpsem minu piiksuma. Ma rääkisin disainerid, kes ei pea isegi kõige elementaarsem HTML ja CSS oskused omakorda korter disaini tegelik kohas. Pole inimesi, kes tahtlikult ei soovi kood; need, kes ei saa. Ja ma olen ka viidata üksnes esiotsa koodi siin, loomulikult on see naeruväärne mõelda, et disainerid peaksid olema hämmastav back-end programmeerijad ...

Me saame "web" kujunduse saata Illustrator, 300dpi, võimatu koodi, puudub järjekindlus / kasutatavust.
~ Amy Mahon

Läheb hilja ja mul wrap selle üles kuidagi. Ma tean, et seal on palju, kes ei nõustu minuga ja mu eesmärk on mitte solvata või häirida kedagi, kes ei saa koodi, kuid ma loodan, et mõned, mida ma olen öelnud peegeldab mõningaid punkte, mis alati tulla, kui delving arutelu.

Aasta lõpus päeval, ma ei kaota une üle, kes suudavad koodi ja kes ei saa. Ma olen lihtsalt tõeliselt üllatunud, et paljud disainerid, et puudub esiotsa oskusi, nagu ma arvasin, et see oli minevik.

Lugege ka kommentaare, seal oli umbes 320 kommentaari, nagu ma kirjutan ... nad on väärt lugeda.
Palun lugege elliots täis postitus siin .. Web disainerid, kes ei saa koodi

• Dokumendi liik Deklaratsioon peab olema kohal algusest dokument, mis kasutab HTML süntaksit. See võib soovi korral kasutada jooksul XHTML süntaks, kuid see ei ole vajalik. XHTML dokument ei pea sisaldama DOCTYPE sest XHTML dokumendid, mis on esitatud õigesti, kasutades XML MIME tüüp ja töötleb XML poolt brauserid on alati osutanud mingit quirks režiimis.

• XHTML, tag nimed on tõstutundlikud ja on tavaliselt määratletud kirjutatakse väiketähtedega. HTML siiski tag nimed on tõstutundetu ja võib kirjutada kõik suurtähed või segatüüpi juhul, kuigi kõige tavalisem konventsioon on jääda väiketähtedega. Kui algus-ja lõpp sildid ei pea olema sama, kuid on järjekindel ei tee koodi vaadata puhtamaks.

Kasutamise eeliseid HTML

• Tahapoole ühilduvad olemasolevate brauserite
• Autorid on juba tuttav süntaks
• Leebe ja andestav süntaks tähendab ei toimu kasutaja vaenulik " Yellow Screen of Death ", kui viga kogemata libiseb läbi
• Mugav stenografisti süntaks, näiteks saavad autorid jätta mõned sildid ja atribuutide väärtuste

Kasutamise eeliseid XHTML

• Range XML süntaks julgustab autorit kirjutada trimmis märgistuskeel, mida mõned autorid võivad leida lihtsam säilitada
• Integreerib otseselt teiste XML sõnavara, nagu SVG ja MathML
• Võimaldab kasutada XML Processing, mida mõned autorid kasutavad osana nende toimetamine ja / või kirjastamine protsesside

Eile, pärast emissiooni Kohtasin koos CSS Taastab Google Chrome ... Ma mõtlesin kaevamine natuke sügavamale ala User Agent Style Sheets ...
Leidsin selle tabeli default väärtused CSS2.1 User Agent Style Sheets ... (neile teadmata milline "User Agent Style Sheets" on järgida Mis on User Agent Style Sheets (spetsifikatsioon) .

Täieliku nimekirja CSS 2,1 User Agent Style Sheets vaikimisi siit

Eile, nagu iga teine ​​"Ground Hog Day" Ma töötasin mõned CSS / tableless paigutusega. Kõik läks hästi IE 7, FF 3 ja Chrome, untill äkki nägin mõned un-Eiratavad marginaalid näha ainult Google Chrome. Kuigi väga kummaline ja worring, see oli mõned uued bug / küsimus, et mul oli kohanud, oli lõpuks mõned vürtsi minu Ilmalik töö. Kurb (aga kena) see sai kinnitatud mõne minuti jooksul proovivõtturi ...

Põhimõtteliselt, see nägi välja nagu Google Chrome ignoreerida minu CSS Taastab (margin: 0px). See tegelikult oli tingitud kasutaja agent stiil (-WebKit-padding-start: 40px). Nii et lahendus oli taastada seda stiili luues padding: 0 tööta elemente.
Hea viis vältida probleemi kordumist iga element on kasutada maailma CSS Rest järgmiselt

* {Margin: 0; padding: 0;}

Mis on User Agent Style Sheets (spetsifikatsioon)?
Järgmine katkend on võetud http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , järgige linki rohkem lugeda User Agent Style Sheets

CSS 1 tutvustab idee, märkides, et iga User Agent (UA, sageli "veebilehitseja" või "web klient") on default style sheet, mis esitab dokumendid mõistlik - kuid väidetavalt Ilmalik - viisil. CSS 2 ütleb, et vastava kasutaja agendid peavad kehtima default style sheet (või käituma kui nad tegid) ja et kasutaja agent vaikimisi stiili lehel peaks esitama elemendid dokument keeles viisil, mis täidavad üldist esitust ootused dokumendi keele CSS 3 tõenäoliselt sama meelt.

Kuna CSS spetsifikatsioonid jätta kuni rakendusi, kas kasutada "päris" stiil lehte kuvar vaikimisi või mitte, see ei ole üllatav, et sa ei leia default style sheet iga brauseri installi kausta. Erinevalt Microsofti Internet Explorer ja Opera, näiteks (ja niipalju kui ma tean), Gecko brauserid nagu Firefox ja Netscape Navigator (otsi "html.css"), vaid ka Konqueror oleks üsna lihtne mõista nende vaikimisi stiili.

Teine vana kooli mälu täiendava ...

Miks me võimaldada windos.status?
Javascripts võib olla õudusunenägu kui sul on midagi siluda. Firefox ei ole paar mugav lisad, nagu Firebug thats muudab meie elu lihtsaks ja ka hääl kõige populaarsem silumise tehnikat Javascript peab minema "teade ()". Anywaz! On vähe juhtumeid, lisades ALERT ei siluda oma pahatahtliku käitumisega Javascript on lihtsalt ei ole hea idee. Näiteks! teil on dragble kirje kelle positsioon tuleb hoiatada .... EI EI! Ära tee seda! ... Siis lihtsalt saada lõpmatu teateid või sa harjumus saa tegelikult drap oma dragable. Hästi! Seal on rohkem häid olukordi, kus te võite kirjalikult esitatud silumise tekste olekuribal palju usful ... Uskuge mind! Oma kogemusi!

IE vaikimisi vasakul kirjutad brauseri olekuribal kasutades süntaksit "window.status = 'midagi siluda'", kuid Firefox ei. Nii et võimaldada aknad staatus muutus, mida saate teha ühte järgmistest.

Avatud about: config brauser (type "about: config" see brauseri aadressiribale) ja otsida
dom. disable_window_status_change. Muuda see vale ... kliki kanne lülitab oma riik.

Või alternatiivina

"Tools → Valikud → Content → Enable JavaScript / Advanced → Change status bar text"

Ja ka märkida, et ... kirjutada olekuribal oma Javascript, IE on lihtsalt ok, kui te kasutate lühike süntaks ehk status = "mõned silumise tekst", kuid Firefox, sa pead kasutama täielikult süntaks ehk window.status = ' midagi siluda "

Google hakkab liikumine kiire inimesed prügila IE6 ... By pealtkuulamise IE6 kasutajatele POPUP lehe laadimist ... võib olla ei ole väga hea mõte ... aga on UI arendaja, mul on liituda selle bändi vaguni ... 1 vähem brauseri mind muretsema ... Sorry isekas see on! kuid mul on lisada see javascript ... (TRY Selle lehe IE6) ...
Hei! ja helgema tähele ... Vaata see on jõu näitamine JavaScripti .... see võib isegi vähendada hiiglane (või kui see oli)

Nii ... Aidake vabastada maailma IE6 üks rida javascript!

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

Ma olen nii põnevil üha rohkem kuvamiskorra oma blogis, et ma saan vaadata Google Analytics peaaegu iga päev. Ma märkasin, et mu blogi on viidatud saidid paljude teiste keelte ja inimeste poolt üle maailma. Nii kena!!
Et elu natuke lihtsamaks mu mitte-inglise vaataja laeva, olen lisanud Google Widget / plugin nimega "Global Translator".

Global Translator ütleb, et see "automaatselt tõlgib blogi 41 erinevas keeles pakkimine 4 erinevat online tõlkemootoreid (Google Tõlge Mootorid, Babelfish Translation Engine, FreeTranslations.com, promt)" ... Kui soovite, et lisada see oma WordPress paigaldus ... check it out here http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Ei ole kindel, kui hea tõlge on aga ma loodan siiralt, et see aitab mõne mehe arendajad seal, kes lõpuks jõuda minu blogi, ainult et olla pettunud, et see on inglise keeles ....

Tõlkija lingid allosas Side Bar ....

Heres teise vähe tükk Javascript petmine et ma pidin kaevama ümber sest olukord commaned ta. Ühes oma veebilehti, mul oli see olukorras, kus ma pidin rakendama "windows.onload" kaks korda. Esimene asi, mis tuli kogenematu meeles nagu minul (ma pean ausalt ütlema, et kuna ma olen kasutanud javascript raamistike ja raamatukogud, olen forgotton teha lihtsaid asju minu enda ... kurb aga tõsi), on järgmine meetod ...

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

Vabandame öelda, kuid see harjumus tööd ... ei taha, et arutada täitmise teadus Javascript palju ... kuid vastavalt minu hiljutine kogemus, ainult viimane ülesanne (onloadfn3) on haige tegelikult saavad täidetud.

Tavaolukordades, erinevalt minu (kes ma rääkida veidi hiljem) ... mida võiks teha üks järgmistest täita mutliple allalaadimine toimib ....

Või midagi sellist

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

Minu praegune olukord, ma ei saa kasutada kas eespool ...
Miks mul on vaja helistada windows.onload kaks korda, pigem seda, et helistaja 2 funktsioonid ühes allalaadimine funktsioon? Siin on kiire pilk minu probleem avaldus ...

"Mu saiti on struktureeritud nagu WordPress teema .... st on olemas ühine header.php ja footer.php mis saab kaasata kõik saiti. On allalaadimine funktsioon Toetuslepingu sisse footer.php teha mõned ühised allalaadimine ülesandeid. Ja seal on mõned leheküljed, mis vajavad midagi oma OnLoad, välja arvatud teha ühise allalaadimine funktsioon. Kui ma anda tagasikutse funktsiooni otse window.onload handler, siis üle sõita varem omistatud kutse in footer.php "

.... On minu probleem aru ?

Hästi! on vähe lahendusi, et ma ei leia. Nad kõik on väga sarnased ning peamiselt implementions lahenduse antud Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Lahendus:

Lihtsalt lisage see javascripti kood saidi ...

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

Ja nimetavad seda mitte tavaline "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Rohkem koodi käivitumise leheküljel koormus *
 }); 

Eeliseid selle koodijupi ...
1. Peamiselt See võimaldab teil on mitu windows.onload sündmused, helistas Eralda osa oma koodi, ilma overridding eelmise määratlus
2. See on tõesti märkamatu. Seda saab panna pilti oma teiste skripte või eraldi failis.
3. See toimib isegi siis, kui window.onload on juba määratud.

Ma arvasin, et see on tobu leida google, kui palju sa meid UI ja stsenaristid oleks vaja teha seda igapäevaselt, et on lisada natuke tükk PHP koodijupi (. Php) arvesse Smarty mall (. liikluskindlustus). Sain aru, et lihtsam / populaarne päringu, isegi raskem leida täpset vastust ... miljonit otsingutulemuste kuid enamik neist puuks "file" hõlmab Smarty ... kes on järgmine süntaks

{Hulka file = "sisaldab / header.php"}

See tegelikult kuulumise fail trahvi, kuid kui teksti, mida ma tahtsin oli tingitud lisatud faili. (Märkus eespool kasutatakse lisada malli sees template fail). Lõpuks on natuke persiverance .... Ma komistas kogu vähest muutmine süntaks, mis oli vastus minu nõue ... nii et siin see on ... kui sa havn't leidsin ühe juba

{Include_php file = "sisaldab / header.php"}

See küsimus ületanud minu arvates paar korda enne, kui ma töötasin saitidel varem ka, mida kasutatakse WordPress näidata blogisid või uut tüüpi sisu teatud osa site / portal.Being algaja PHP ja ümber WordPress, hoidsin procastinating see, mõeldes: "See ei ole minu tükk kooki". Lõpuks! see nõue tuli upto minu nina, kui hakkas diggin ümber natuke lahus.
Ma olin üllatunud, et see oli tõesti lihtsam, kui ma tegelikult arvasin, et see, et kuvada nimekiri pealkirju või viimast postitust muu lehele väljaspool WordPress töötav osa, lihtsalt kasutades natuke PHP ja WordPress API .

Siin on, mida teha: -
Tõttu selgitada, eeldame, et teie sait on http://www.inchembur.com/ ja sul on uudiseid selle saidi http://news.inchembur.com/ (mis töötab WordPress). Nüüd on nõue, et näidata viimast postitust alates http://news.inchembur.com/ kodulehekülg peamine saidi, st http://www.inchembur.com/index.php

1. etapp: Oma index.php lisada järgmine tükk kood, Kaasa WordPress API faili. Võite lisada selle lehe soovite oma postituse ilmuma.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES ", false); / / Disbable kasutamine WordPress Theme
nõuda ("/ var / news.inchembur.com / wp-blog-header.php '); / / Kaasa WordPress API
; // Get Latest Post query_posts (showposts = 1 '); / / Siia Latest Post
?>

Eespool tükk hulka, me oleme ainult ühe Viimane postitus. kui sa tahad proovida rohkem variante julgelt kaevama, query_posts() dokumentatsiooni .

Samm 2: Nüüd, osa Index / kodulehekülg, kus soovite näidata viimast WordPress ametikoha http://news.inchembur.com , kasuta järgmist koodi. Ütlematagi selge, et vabalt reklaami oma stiil jaotumise, kestab ja klasside kohta oma disaini vajadustele.

Step3: Ei ole Step 3 ... thats it ... olete teinud!

Kuidas näidata konkreetse ametikoha / leht, mitte viimast postitust: -
See võib kergesti achived muutes argumendid query_posts() , et kaasata lehe ID või lehekülje limukas

) ; query_posts (page_id = 7 ');
) ; query_posts (pagename = umbes ');

või saab juhtida Postituste arv:
) ; query_posts (showposts = 3);