Jesprimi IT

Bil limitat tiegħi ħila-sett ma 'strumenti bħal Photoshop u illustratur, nista' onestament nistqarr li jien iżviluppatur aħjar minn I am a disinjatur. Iżda l-isfond tiegħi bil-qalba (server sekondarji) l-iżvilupp ma Java / PHP / COBOL, kien influwenza pożittiva ħafna fuq il-ħiliet tiegħi żvilupp UI. What I medja hija, filwaqt li toħloq disinji tiegħi, jiġifieri kull meta nagħmel disinn, naħseb dwar kif id-disinn jista 'jkun aħjar kkonvertit HTML u CSS filwaqt li tagħmel l-HTML-CSS, I jagħti riflessjoni dwar it-teknoloġija backend u jagħmlu raġonevolment ċert li l-HTML tista 'tiġi faċilment implimentati fil XSL linji jew siltiet PHP eċċ

Matul is-snin, I ġew jintefa ras fuq disinji minn disinjaturi UI li probabbilment donot clue dak HTML jew CSS huwa. Dawn is-snin I ġew ħsieb li nixtieq titlob għall wisq, Jekk I biss jistennew li l-disinjatur, li qed tipprova Shov "impossibbli li kodiċi" tiegħu disinn fl-gerżuma tiegħi, li wieħed jifhem biss ftit liema disinn tiegħu tkun konvertita fis. LI jgħin id-dritt?

Imbagħad, I sab din il-kariga illum ... disinjaturi Web li ma jistgħux kodiċi ... Grazzi Mulej! Jien biss wieħed minn ħafna li jħossu l-istess ... Il-artitle hawn fuq huwa daqsxejn twil xejn b'xejn .. iżda jiswa l-jaqra, kull kelma ta 'dan.

Grazzi Elliot Ħażniet Jay ... I jħossu meħlus!

Hawn xi siltiet mill elliots artikolu .

Ara naqra, liema kuljum! Bdejna bil 1 tweet ftit u ntemmet bil-diskussjoni li dehret li jiknes madwar l-komunità tad-disinn kollu tal-web. Jidher li hemm xi opinjonijiet b'saħħithom ħafna fuq is-suġġett ta 'jekk web disinjaturi għandhom ikunu jistgħu kodiċi.
...
Għalhekk, qabel ma nikbru fil dan, ippermettuli malajr terġa dak li għidt fuq dalgħodu fuq Twitter:

Onestament, jien ixxukkjat li fl-2010 jien xorta ġejjin madwar "web disinjaturi 'li ma jistgħux kodiċi disinji tagħhom stess. Ebda skuża.

... I għandha ħadthom kien ftit aktar speċifiku fil tweet tiegħi. I kien jitkellem dwar disinjaturi li ma jkollhomx anki l-HTML aktar bażika u ħiliet CSS li jduru disinn fissa fis-sit attwali. Mhux in-nies li intenzjonalment jagħżlu li ma kodiċi; dawk li ma jistgħux. U jien ukoll jirreferu biss għall front-end kodiċi hawn; ta 'kors huwa redikoli biex jaħsbu li disinjaturi għandhom ukoll ikunu aqwa back-end programmaturi ...

Nikbru "web" disinji mibgħuta Illustrator, 300dpi, impossibbli għall-kodiċi, l-ebda konsistenza / użabilità.
~ Amy Mahon

Huwa jkollna tard, u stajt ltqajna biex nagħlaq dan up b'xi. Naf se jkun hemm ħafna li ma jaqblux miegħi, u l-intenzjoni tiegħi huwa li ma joffendu jew taqlib ħadd li ma jistgħux kodiċi, imma nispera li xi wħud dak li stajt qal tirrifletti xi punti li dejjem toħroġ delving fis meta dan id-dibattitu.

Fl-aħħar tal-ġurnata, jien ma jitlef l-ebda irqad fuq li jistgħu kodiċi u li ma jistgħux. Jien biss verament sorpriż li ssib disinjaturi tant li n-nuqqas front-end ħiliet, kif ħsibt li dan kien xi ħaġa tal-passat.

Aqra wkoll il-kummenti, kien hemm madwar 320 kumment, kif i jiktbu ... huma jiswew jinqara.
Jekk jogħġbok aqra elliots post sħiħa hawn .. Web disinjaturi li ma jistgħux kodiċi

• Id-Dikjarazzjoni Tip ta 'Dokument jeħtieġ li jkun preżenti fil-bidu ta' dokument li juża s-sintassi HTML. Jista b'għażla jintużaw fil-sintassi XHTML, iżda mhix meħtieġa. Id-dokument XHTML ma bżonn li jinkludi l Tags għaliex dokumenti XHTML li huma mogħtija b'mod korrett użu ta 'XML tip ta' MIME u jiġu pproċessati bħala XML mill-browsers, huma dejjem mogħtija fl-ebda mod quirks.

• Fil XHTML, ismijiet tag huma sensittivi każ u huma ġeneralment definiti li tkun miktuba fil-zghar. Fil HTML, madankollu, l-ismijiet tag huma każ insensittiva u jistgħu jinkitbu kull każ uppercase jew imħallta, għalkemm il-konvenzjoni l-aktar komuni hu li nibqgħu ma zghar. Il-każ tal-lametti tal-bidu u tmiem ma għandhom ikunu l-istess, iżda li jkun konsistenti ma tagħmel l-aktar nodfa ħarsa kodiċi.

BENEFIĊĊJI TAL JUŻA HTML

• B'lura kompatibbli ma 'browsers eżistenti
• Awturi diġà huma familjari mal-sintassi
• Is-sintassi wisq klementi u klementi ifisser se jkun hemm ebda utent ostili " Screen ta 'Mewt Yellow "jekk żball aċċidentalment slips permezz
• Sintassi shorthand konvenjenti, awturi eż. jistgħu iħallu barra xi tags u l-valuri attribut

BENEFIĊĊJI TAL JUŻA XHTML

• Stretta sintassi XML jinkoraġġixxi awturi li jiktbu awment iffurmata tajjeb, li xi awturi jistgħu jsibu aktar faċli biex jinżamm
• Tintegra direttament ma vokabolarji ta 'XML oħra, bħall-format SVG u MathML
• Jippermetti l-użu ta 'XML ipproċessar, li xi awturi użu bħala parti mill-editjar u / jew proċessi pubblikazzjoni

Ilbieraħ, wara l-ħruġ I jiltaqgħu ma 'l-jreġġa CSS fil-Google Chrome ... ħsibt ta' tħaffir daqsxejn aktar profonda fil-qasam tal Sheets Utenti Style aġent ...
Misjuba din it-tabella fuq valuri awtomatiċi ta 'CSS2.1 Sheets Utent Style aġent ... (għal dawk konxji ta' liema "Folji User Style aġent" hu li ssegwi X'inhu Folji User aġent Style (speċifikazzjoni) .

Għal-lista kompleta ta 'CSS nuqqasijiet Utent 2.1 aġent Folji Style ikklikkja hawn

Ilbieraħ, bħal kull oħra "Jum Hog Ground", I kien qed jaħdem fuq xi taqsim CSS / tableless. Kollha kienet tmur ferm fl-IE 7, FF 3 u Chrome, untill f'daqqa waħda, Rajt xi marġini un ignorable dehru biss fil-Google Chrome. Għalkemm ħafna stramba u worring, Kien xi kwistjoni ġdida bug / I li kienet waslet madwar in, kien hemm finalment xi ħwawar fil-ħidma mundane tiegħi. Sad (iżda sympathique) li ltqajna ffissat fi ftit minuti ta 'l-sonda ...

Bażikament, Li dehru qishom Google Chrome injorati jreġġa CSS tiegħi (marġni: 0px). Hija fil-fatt kien ikkawżat mill-stylesheet aġent utent (-WebKit-ikkuttunar-bidu: 40px). Allura s-soluzzjoni kienet li reset dan l-istil billi ikkuttunar: 0-elementi misbehaving.
Mod tajjeb biex jipprevjenu din il-problema iseħħ għal kwalunkwe element huwa użu Bqija CSS globali kif ġej

* {Marġini: 0; ikkuttunar: 0;}

X'inhu Folji User aġent Style (speċifikazzjoni)?
Il-silta li ġejja hija meħuda mill http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , rabta segwitu biex taqra aktar dwar Folji User Style aġent

CSS 1 jintroduċi l-idea billi tiddikjara li kull aġent Utenti (UA, spiss "web browser" jew "klijent web") se jkollhom stil sheet nuqqas li jippreżenta dokumenti raġonevoli - iżda forsi mundane - mod. CSS 2 jgħid li l-aġenti ta 'utenti li jikkonformaw għandu japplika folja stil default (jew jaġixxu bħala jekk dawn ma) u li folja aġent utent stil default għandu jippreżenta l-elementi tal-lingwa dokument b'modi li jissodisfaw l-aspettattivi preżentazzjoni ġenerali għall-lingwa dokument; CSS 3 x'aktarx li jkun tal-moħħ istess.

Ladarba l-ispeċifikazzjonijiet CSS tħalli f'idejn l-implimentazzjonijiet jekk jużawx "reali" stil folja għall-wiri nuqqas jew le, mhuwiex sorprendenti li inti ma ssibx folja stil default fil-folder installazzjoni f'kull browser. B'differenza Microsoft Internet Explorer kif ukoll Opera, per eżempju (u safejn naf), browsers Gecko bħal Firefox u Netscape Navigator (tfittex għal "html.css") iżda wkoll Konqueror jagħmilha pjuttost sempliċi li tifhem grafika nuqqas tagħhom.

Ieħor supplimentari qodma memorja iskola ...

Għalfejn nagħmlu biex windos.status?
Javascripts jistgħu jkunu ħmarillejl meta jkollok xi ħaġa biex debug. Firefox ma jkollhom addons handy ftit, bħal thats Firebug jagħmel il-ħajja tagħna faċli u Ukoll, il-vot għall-teknika debug aktar popolari fl Javascript għandu mur "ALLERT ()". Anywaz! Hemm ftit każijiet meta jingħadd ALERT ma debug ħażin-iġib ruħu Javascript tiegħek hija biss idea tajba mhix. Per eżempju! ikollok partita dragble li l-pożizzjoni jeħtieġ li jiġu mgħarrfa .... LE LE! Dont tagħmel dan! ... Inti se tikseb biss allerti infinita jew inti wont tkun tista 'attwalment drap dragable tiegħek. Ukoll! Hemm sitwazzjonijiet aktar tajba, fejn inti tista 'tikteb l testi debug għall-istatus bar, ħafna aktar usful ... Believe me! L-esperjenza tiegħu!

IE kontumaċja xellug inti tikteb lill-istatus bar browser tuża l-sintassi "" xi ħaġa li debug "window.status =", iżda Firefox ma. Allura biex jippermettu bidla istatus twieqi, inti tista 'tagħmel kwalunkwe wieħed minn dawn.

Iftaħ dwar: konfigurazzjoni fil-browser (tip "dwar: konfigurazzjoni" dan fl-address bar) u tfittxija għal
dom. disable_window_status_change. Bidla li falz ... kemm tikklikkja fuq id-dħul li toggle istat tagħha.

JEW Alternattivament

"Għodda → → Għażliet Kontenut → Enable javascript / Avvanzata → test Bidla istatus bar"

U jinnotaw ukoll li ... li tikteb l-istatus bar fil Javascript tiegħek, IE huwa biss ok jekk inti tuża qasir sintassi jiġifieri status = "xi test debug" iżda fil Firefox, inti għandek tuża b'mod sħiħ sintassi jiġifieri window.status = " xi ħaġa li debug "

Google jibda nies moviment fil-pront li jifqgħu IE6 ... Permezz utenti bugging IE6 bil popup fuq tagħbija paġna ... jista 'jkun ma tkunx idea tajba ħafna ... imma li l-iżviluppatur UI, I għandhom jingħaqdu ma' dan vagun band ... 1 browser inqas għalija għalfejn tinkwieta dwar Jiddispjacini ... egoist hu! imma jien jinkludu dan javascript ... (TRY DAN PAGE FIL IE6) ...
Hey! u fuq in-nota isbaħ ... Ara dan hija wirja ta 'l-POWER ta' JavaScript .... tista 'anki tnaqqas il ġgant (jew darba kien)

DO ... Help rid-dinja ta 'IE6 ma' linja ta 'javascript!

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

Jien hekk eċċitati dwar in-numru dejjem jikber ta 'fehmiet paġna fuq blog tiegħi, li jien check Google Analytics tiegħi kważi kuljum. I ndunat li l-blog tiegħi qed tissemma minn siti f'lingwi oħra ħafna u minn nies madwar id-dinja. DO Nizza!!
Biex jagħmlu l-ħajja daqsxejn aktar faċli għall-vapur tiegħi telespettatur MHUX INGLIŻ, I żiedu widget Google / Plugin imsejħa "Translator Globali".

Il-Translator Globali jgħid li "Awtomatikament jittraduċi blog f'41 lingwi differenti mill tgeżwir erba 'magni differenti online traduzzjonijiet reċiproċi (traduzzjoni Google magna, magna tat-Traduzzjoni Babelfish, FreeTranslations.com, Promt)" ... jekk inti tixtieq li jżidu mal-installazzjoni wordpress tiegħek stess ... check out hawn http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Mhux żgur, kif tajba it-traduzzjoni hi imma nispera sinċerament li jgħin ftit iżviluppaturi sħabi ftit hemmhekk, li jispiċċaw jilħqu blog tiegħi, biss ikunu diżappuntat, li huwa bl-Ingliż ....

Ir-rabtiet traduttur huma fil-qiegħ ta 'Bar Side ....

Heres ieħor peice ftit trickery Javascript li kelli biex ħaffer madwar għaliex is-sitwazzjoni commaned dan. Fil waħda ta 'siti web tiegħi, kelli din is-sitwazzjoni fejn I kellhom jimplimentaw "windows.onload" darbtejn. L-ewwel ħaġa li daħal b'moħħ esperjenza bħall-mini (jien onestament ngħid li, peress I bdew jużaw Oqfsa javascript u l-libreriji, I forgotton biex tagħmel affarijiet sempliċi fuq stess ... tiegħi imdejjaq imma veru), huwa l-metodu li ġej ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 eċċ ..

Sorry to say imma, dan wont xogħol ... dont jridu jiddiskutu l-xjenza eżekuzzjoni ta 'Javascript ħafna ... iżda skont esperjenza reċenti tiegħi, biss il-funzjoni aħħar (onloadfn3) se morda fil-fatt tikseb esegwiti.

F'sitwazzjonijiet normali, b'differenza mini (li jien ser nitkellmu dwar ftit aktar tard) ... inti tista 'tagħmel waħda minn dawn li jesegwixxu l-funzjonijiet onload mutliple ....

JEW xi ħaġa bħal din

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

Għal sitwazzjoni attwali tiegħi, jien ma tistax tuża jew ta 'hawn fuq ...
Għaliex ma I bżonn tirrikorri windows.onload darbtejn, pjuttost li ssejjaħ żewġ funzjonijiet fi ħdan funzjoni onload waħda? Hawnhekk huwa ħarsa lejn dikjarazzjoni problema tiegħi ...

"Paġni tas-sit tiegħi huma strutturati bħall-tema WordPress .... jiġifieri hemm ftit Header.php komuni u Footer.php li gets inklużi fil-paġni kollha sit. Hemm implementaion funzjoni onload fl-Footer.php tagħmel xi funzjonijiet onload komuni. U hemm ftit paġni li għandhom bżonn xi ħaġa ta ONLOAD tagħhom stess, barra minn dawk magħmula mill-funzjoni onload komuni. Jekk I tassenja funzjoni callback direttament lill-persuna li tieħu ħsieb window.onload, se over-ride callbacks qabel assenjati fil-Footer.php "

.... Huwa mifhum problema tiegħi ?

Ukoll! hemm soluzzjonijiet ftit li jien ssib. Dawn kollha huma simili ħafna u prinċipalment implementions ta 'soluzzjoni mogħtija minn Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Soluzzjoni:

Simply żid dan il-kodiċi javascript biex is-sit ...

 funzjoni addLoadEvent (funzjonijiet) {
     var = oldonload window.onload;
     jekk (typeof window.onload! = "funzjoni") {
        window.onload = funzjonijiet
     } Inkella {
        window.onload = funzjoni () {
            jekk (oldonload) {
                   oldonload ()
           }
           funzjonijiet ()
        }
    }
 }

U sejħa hija minflok il-soltu "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (funzjoni () {
 / * Kodiċi aktar li jimxu fuq * tagħbija paġna
 }); 

Vantaġġi ta 'dan snippet kodiċi ...
1. Prinċipalment, Hija ihallik jkollhom avvenimenti windows.onload multipli, imsejħa minn partijiet separati tal-kodiċi tiegħek, mingħajr overridding-definizzjoni ta 'qabel
2. Huwa verament jagħtux fil-għajn. Ikun jista 'jitqiegħed fil-fajl ma' skripts oħra tiegħek jew fil-fajl separat.
3. Hija taħdem ukoll jekk window.onload diġà ġie stabbilit.

Ħsibt li dan wieħed se jkun Doodle li ssib fil google, minħabba li ħafna inti magħna kittieba UI u b'kitba bżonn tagħmel dan fuq bażi ta 'kuljum, jiġifieri jinkludu daqsxejn ta peice ta snippet kodiċi PHP (. PHP) fi Template Smarty (. TPL). Indunajt li faċli / popolari mistoqsija tiegħek, saħansitra aktar diffiċli biex issib it-tweġiba eżatta ... rizultati miljun iżda ħafna minnhom li hemm riferenza għaliha "fajl" tinkludi b'mod Smarty ... li għandha l-sintassi li ġej

{Jinkludu = l-fajl "jinkludu / header.php"}

Dan fil-fatt inlcuded-fajl multa iżda bħala test, Dak li ridt kien ir-riżultat tal-fajl inklużi. (Innota l-hawn fuq ikun użat jinkludu template ġewwa fajl template). Fl-aħħarnett ma 'persiverance ftit .... I stumbled madwar sintassi slighty modifikati, li kienet ir-risposta għall-ħtieġa tiegħi ... huwa hawn hekk ... jekk inti havn't misjuba wieħed diġà

{Include_php fajl = "jinkludu / header.php"}

Din il-kwistjoni qasmu f'moħħi ftit drabi qabel, meta kont qed naħdem fuq is-siti qabel wisq, li jintuża WordPress biex juru blogs jew tip ġdid ta 'kontenut f'xi parti tas-sit / portal.Being novizzi fil-PHP u madwar WordPress, I tinżamm procastinating dan, ħsieb "dan mhux peice tiegħi kejk". Fl-aħħarnett! dan ir-rekwiżit daħal upto imnieħer tiegħi, meta beda diggin madwar daqsxejn għal soluzzjoni.
I kien sorpriż li ssib li verament kien aktar faċli milli I attwalment ħsibt li kien, li jintwerew lista ta 'aħbarijiet jew l-aħħar post fuq kull paġna oħra barra tas-sezzjoni WordPress li jaħdmu, biss bl-użu xi ftit ta' PHP u l-API WordPress .

Hawnhekk huwa dak li tagħmel: -
Għal raġunijiet ta 'spjegazzjoni, jassumi li sit tiegħek hija http://www.inchembur.com/ u inti għandek l-sezzjoni bl-aħbarijiet ta 'dan is-sit fuq http://news.inchembur.com/ (li qed taħdem WordPress). Issa l-ħtieġa hija li juru l-post mhux aktar tard mill http://news.inchembur.com/ fuq il-home page tas-sit prinċipali, jiġifieri http://www.inchembur.com/index.php

STEP1: Fil index.php tiegħek żid il-peice li ġejja ta 'kodiċi, Inkludi l-fajl API WordPress. Inti tista 'żżid dan l-quċċata tal-paġna trid tiegħek post li jidhru fuq.

<? PHP
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme jiddefinixxu ("WP_USE_THEMES", falz); użu / / Disbable tal Tema Wordpress
jeħtieġu ("/ var / news.inchembur.com / WP-blog-header.php"); / / Inkludi WordPress API
; // Get Latest Post query_posts ("showposts = 1"); / / Niżżel Post aħħar
?>

Fil-peice hawn fuq ta 'jinkludu, aħna jkollna biss il-post uniku aktar reċenti. jekk inti tixtieq li jippruvaw varjazzjonijiet aktar tħossok liberu li ħaffer, query_posts() dokumentazzjoni .

Pass 2: Issa, Fil-parti tal-paġna Indiċi / Home fejn inti tixtieq li juru l-post WordPress mhux aktar tard mill http://news.inchembur.com , uża l-kodiċi li ġej. M'hemmx għalfejn ngħidu, tħossok liberu li ad diviżjonijiet grafika tiegħek, tifrex u l-klassijiet kif kull ħtiġijiet tad-disinn tiegħek.

Step3: M'hemm l-ebda Stadju 3 ... Thats dan ... inti qed isir!

Kif juru paġna speċifiċi wara / kif oppost għad-post aħħar: -
Dan jista 'faċilment NTLAħAQ billi jbiddlu l-argumenti li query_posts() li jinkludu l-ID paġna jew paġna bugħarwien

) ; query_posts ("page_id = 7");
) ; query_posts ("pagename = dwar");

jew Inti tista 'tikkontrolla l-għadd ta' postijiet:
) ; query_posts (showposts = 3);