Išreikšdami IT

Mano riboto įgūdžių rinkinį su įrankiais kaip Photoshop ir Illustrator, aš galiu nuoširdžiai prisipažinti, kad esu geriau vystytoją, kaip aš esu dizaineris. Bet mano fonas su pagrindinio (serverio pusėje) su Java / PHP / Cobol, buvo labai teigiamos įtakos mano UI plėtros įgūdžių. Ką reiškia, kuriant savo dizainą, ty, kai aš padaryti dizainą, manau, apie tai, kaip dizainas gali būti geriausiai konvertuojami į HTML CSS ir tuo pat metu daro HTML CSS, aš turiu duoti mintį apie posistemės technologija ir pagrįstai tikrai kad HTML gali būti lengvai perkelta į XSL kilpomis arba PHP ištraukos ir kt.

Per metus, aš įmestų galvą į dizaino UI dizaineriai, kurie tikriausiai donot turėti clue, kas HTML ar CSS. Visus šiuos metus aš galvoju, kad man būtų per daug prašo, Jei aš tiesiog tikėtis, kad dizaineris, kuris ir bando shov jo "neįmanoma kodo" dizaino žemyn mano gerklės, suprasti, tik šiek tiek jo dizainas bus konvertuoti į. , Kad padėtų teisę?

Tada, aš atėjau visoje šio posto, šiandien ... Web dizaineriai, kurie negali kodas ... Ačiū Viešpatie! Aš esu tik vienas iš daugelio, kurie jaučia tą patį ..., virš artitle yra šiek tiek ilgai kalbantis .. bet verta skaityti, kiekvieną jos žodį.

Ačiū Elliot Jay Atsargos ... Jaučiuosi atleisti!

Štai kai kurios ištraukos iš Elliots straipsnyje .

Oho, kas dieną! Viskas prasidėjo vieną mažą Čivināšana ir baigėsi su diskusijų, kurios atrodė Valyti visoje interneto dizaino bendruomenę. Atrodo, yra keletas labai stiprių nuomonės, ar interneto dizaineriai turėtų sugebėti kodo tema.
...
Taigi, prieš mes į tai, leiskite man greitai Priminti ką pasakiau šį rytą dėl Twitter:

Sąžiningai, aš esu šokiruotas, kad 2010 m. Aš vis dar ateina per "interneto dizaineriai", kurie negali kodą savo dizainą. Nėra pasiteisinimas.

... Aš buvau šiek tiek labiau specifinis mano Čivināšana. Aš kalbu apie dizainerių, kurie neturi net paprasto HTML ir CSS įgūdžius paversti plokščią dizainą į faktinį svetainėje. Ne žmonės, kurie sąmoningai renkasi ne į kodą, tiems, kurie negali. Ir aš tik front-end kodas čia, žinoma, tai juokinga manyti, kad dizaineriai taip pat turėtų būti nuostabi back-end programuotojai ...

Mes gauti dizaino 'web' Illustrator, 300dpi išsiųsti neįmanoma kodą, jokio nuoseklumo / praktiškumo.
~~ Amy Mahon

Jis darosi vėlu, ir aš turiu tai padaryti kažkaip wrap. Žinau, ten bus daug, kurie nesutinka su manimi, ir mano tikslas nėra įžeisti arba sutrikdyti bet kam, kas negali kodas, bet aš tikiuosi, kad kai ką sakiau atspindi kai kuriuos jos punktus, kad visada ateina, kai pasinėrė į ši diskusija.

Tuo dienos pabaigos, aš ne prarasti bet virš kurie gali koduoti ir kurie negali miegoti. Tiesiog esu tikrai nustebęs, kad atrasti tiek daug dizainerių, kad trūksta front-end įgūdžių, kaip aš maniau, tai buvo praeityje.

Taip pat perskaitykite pastabas, buvo apie 320 komentarai, kaip aš rašau ... jie verta perskaityti.
Prašome skaityti Elliots visą pranešimą čia ... Web dizaineriai, kurie gali ne kodas

• Dokumento tipas deklaracija turi būti pateikti dokumente, kuris naudoja HTML sintaksę pradžioje. Pasirinktinai gali būti naudojama per XHTML sintaksė, bet ji neprivalo. XHTML dokumentas nereikia įtraukti į DOCTYPE nes XHTML dokumentai, kad būtų pateikta teisingai naudojant XML MIME tipą ir tvarkomi kaip XML naršyklėse, visuomet teikiamos be Photoshop režimu.

• XHTML tegus pavadinimai yra didžiosios ir mažosios raidės ir paprastai yra apibrėžta, turi būti parašytas mažosiomis raidėmis. HTML tegus vardai didžiąsias ir mažąsias raides ir galima rašyti visas didžiąsias arba mišri atveju, nors labiausiai paplitęs konvencija yra klijuoti su mažosiomis raidėmis. Pradžios ir pabaigos žymes atveju neturi būti tokia pati, bet nuosekliai, kad kodas atrodo švaresnis.

NAUDA naudojant HTML

• Atgaliniai suderinama su esamų naršyklių
• Autoriai jau yra susipažinę su sintaksę
• Atlaidus ir atlaidus sintaksė reiškia, kad nebus naudoti priešiškas " Geltona Screen of Death ", jei klaida atsitiktinai slysta per
• Patogus sutrumpinimas sintaksė, pvz. Autoriai gali praleisti kai kuriuos žodžius ir atributų reikšmių

Privalumai XHTML

• Griežtai XML sintaksė skatina autorius rašyti gerai suformuotą žymėjimą, kai kurie autoriai gali rasti lengviau išlaikyti
• Tiesiogiai integruojasi su kitomis XML žodynų, pavyzdžiui, SVG ir MathML
• Leidžia naudoti XML apdorojimo, kurią kai kurie autoriai naudoja kaip dalį jų redagavimo ir (arba) leidybos procesų

Vakar, po klausimu aš susidūrė su CSS "Google Chrome" iš naujo ... Aš maniau, kasti truputį giliau į User Agent Style Sheets srityje ...
Rasta šią lentelę CSS2.1 User Agent Style Sheets ... (tie, kurie nežino, kas yra "User Agent Style Sheets", vykdykite Kas User Agent Style Sheets (specifikaciją) numatytąsias vertes .

Išsamų visų CSS 2.1 User Agent stilius numatytuosius spauskite čia

Vakar, kaip ir kiekvienas kitas "Ground Hog diena", aš dirbau dėl kai kurių CSS / Tableless maketus. Viskas buvo gerai IE 7, FF 3 ir Chrome, kol staiga aš pamačiau, kai JT ignorable maržas, kurios matomos tik Google Chrome ". Nors labai keista worring, Jis buvo kažkoks naujas klaidą / klausimas, kad aš ateiti šakų visame, pagaliau kai mano kasdienė darbo prieskonis. Liūdna (bet gražus), kad ji gavo nustatyta per keletą minučių zondo ...

Iš esmės, ji atrodė kaip "Google Chrome" ignoravo mano CSS naujo (marža: 0px). Jis tikrai sukėlė vartotojo agentas stilių, WebKit-padding-pradžia: 40px). Taigi sprendimas buvo iš naujo šį stilių nustatant padding: 0 netinkamas elgesys elementai.
Geras būdas išvengti šios problemos vyksta bet kurio elemento naudoti pasaulio CSS Rest, taip

* {Margin: 0; padding: 0;}

Kas yra User Agent Style Sheets (specifikaciją)?
Ši ištrauka yra paimta iš http://meiert.com/en/blog/20070922/user-agent-style-sheets/~~HEAD=pobj , sekite nuorodą skaityti daugiau User Agent Style Sheets

1 CSS pristato idėją, teigdamas, kad kiekviena User Agent (UA, dažnai "interneto naršyklė" arba "interneto klientas"), turės numatytąjį stiliaus lapą, pateikiantis dokumentus protingas - bet tikriausiai kasdieniškas - būdas. CSS 2 sako, kad, atitinkančios naudotojo agentai turi taikyti tam numatytojo stiliaus lapą (arba elgiasi taip, tarsi jie padarė) ir kad dėl vartotojo agento "numatytasis stilius lapas turėtų pateikti dėl dokumento kalbos elementus taip, kad atitinka bendruosius pristatymo lūkesčius dokumento kalbą; CSS 3 - gali būti tos pačios nuomonės.

Kadangi CSS specifikacijos palikti diegimas, ar naudoti "Real" stiliaus lapą už numatytąjį ekrane ar ne, tai nenuostabu, kad jūs neturite rasti numatytojo stiliaus lapą kiekvieno naršyklės diegimo aplanke. Skirtingai nei Microsoft Internet Explorer ir Opera, pavyzdžiui (ir kiek aš žinau), Gecko naršyklės kaip Firefox ir Netscape Navigator (ieškoti "html.css"), bet ir Konqueror, kad tai gana paprasta suvokti savo numatytąjį stilių.

Kitas senosios mokyklos papildoma atminties ...

Kodėl mes, kad windos.status?
JavaScripts gali būti košmaras, kai turite ką nors derinti. "Firefox" turi keletą patogus priedai, pavyzdžiui, Firebug Thats daro mūsų gyvenimą lengvai ir, populiariausių debug techniką Javascript balsavimas turi vykti "alert ()". Anywaz! Yra keletas atvejų, kai pridedate, ĮSPĖJAMOJI nereikia derinti savo netinkamo elgiasi veikiancio Javascript, tiesiog vartotojas nėra gera idėja. Pavyzdžiui! turite dragble elementą, kurio pozicija turi būti įspėtas .... NE NE! Dont do it! ... Jūs tiesiog gauti begalinį įspėjimus arba jūs įpratęs būti suteikta galimybė realiai Dra savo dragable. Gerai! Yra gerų situacijų, kur galite rašymo debug tekstus būsenos juostoje, daug daugiau usful, ... Patikėkite! Savo patirtimi!

Ty pagal nutylėjimą paliko rašote naršyklės būsenos juostoje, naudojant sintaksę "window.status = 'kažką derinti" ", bet Firefox nėra. Taigi, kad Windows statuso pasikeitimas, jūs galite padaryti, bet kuri iš toliau.

Atidarykite about: config naršyklę (Įveskite "about: config" į adreso juostą) ir ieškoti
Namas. disable_window_status_change Keisti jį false ... tiesiog paspauskite ant įrašo Išskleisti savo valstybę.

Arba alternatyviai

"Priemonės → Funkcijos → turinys → Įjungti JavaScript / Advanced → Pakeisti būsenos juosta tekstas"

Ir taip pat pažymėti, kad ... rašyti savo Javascript būsenos juostoje, IE yra tik ok, jei jūs naudojate trumpą sintaksės ty statusą = 'kai derinimo tekstas ", o" Firefox ", turite naudoti visą sintaksę, ty window.status =" ką derinti "

"Google" pradeda judėjimo eilutę žmonės iškelties IE6 ... Iki bugging IE6 vartotojams su popup puslapyje apkrovos ... gali būti ne labai gera idėja ... bet UI "kūrėjas, aš turiu prisijungti prie šios juostos vagoną ... vienu mažiau naršyklė man nerimauti ... Atsiprašome savanaudis jis yra! bet aš šį javascript ... (TRY šį puslapį IE6) ...
Sveiki! ir šviesesnę pastabos ... Žiūrėti JAVASCRIPT POWER kalbomis .... ji netgi gali sumažinti milžinas (arba kai ji buvo)

PK ... Pagalba atsikratyti IE6 pasaulį, su vienoje eilutėje JavaScript!

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

Aš taip susijaudinęs apie vis daugiau puslapių apie mano dienoraštį, kad aš patikrinti mano "Google Analytics" beveik kasdien. Aš pastebėjau, kad mano dienoraštis yra nurodytas vietų daugelyje kitų kalbų ir žmonių visame pasaulyje. So nice!!
Norėdami padaryti gyvenimą šiek tiek lengviau, mano ne angliškai žiūrovo laivo, Aš pridėjo Google widget / Įskiepis vadinamą "Global Translator".

Visuotinis Vertėjas sako, kad ji "automatiškai perkoduoja dienoraštį į 41 skirtingų kalbų, vyniojimo keturis skirtingus internetinius vertimo variklius" Google "vertimo Variklis, BabelFish Vertimas Variklis, FreeTranslations.com, PROMT)" ... Jei norite, kad įtrauktumėte jį į savo WordPress diegimo ... Check it out čia http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Nežinote, kaip geras vertimas, bet aš nuoširdžiai tikiuosi, kad jis padeda kelis kolegoms kūrėjams ten, kuris galų gale pasiekė savo dienoraštį, tik nusivylęs, kad ji yra anglų kalba ....

Vertėjo nuorodos Side Bar apačioje ....

Heres kitą mažai peice Javascript gudrybės, kad aš turėjo kasti aplink, nes situacija commaned. Viename iš mano interneto svetainėse, turėjau šią situaciją, kai aš turėjo, įgyvendinti windows.onload "du kartus. Pirmas dalykas, kuris atėjo, pavyzdžiui, mano nepatyrusio proto Turiu nuoširdžiai pasakyti, kad, nes aš naudoju javascript struktūras ir bibliotekas, aš forgotton, daryti paprastų dalykų mano ... liūdna, bet tiesa), šis metodas ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 ir tt ..

Atsiprašome pasakyti, bet, tai įpratęs dirbti ... dont wanna aptarti vykdymo mokslo veikiancio Javascript, daug ... bet pagal mano pastarojo laikotarpio patirtį, tik paskutinis funkcija (onloadfn3) bus blogai faktiškai gauti įvykdytas.

Normaliomis aplinkybėmis, priešingai nei mano straipsnio, kurį aš kalbėti apie šiek tiek vėliau) ... galite atlikti vieną iš šių veiksmų atlikti mutliple onload funkcijas ....

Arba kažkas panašaus į tai

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

Mano dabartinės padėties, aš negali naudoti arba iš aukščiau ...
Kodėl aš turiu skambinti windows.onload du kartus, o kad paskambinus dvi funkcijas vienoje onload funkcijos? Štai greitas pažvelgti į savo problemą pareiškimą ...

"Mano svetainės puslapius struktūra kaip WordPress tema .... ty yra bendro Header.php ir footer.php, kad bus įtraukti į visus svetainės puslapius. Yra, onload funkcija implementaion, footer.php padaryti keletą bendrų onload funkcijas. IR yra keletas puslapių, kad reikia į kažką savo onload, išskyrus tuos, kurie padaryti bendros onload funkcijos. Jei aš priskirti atgalinio ryšio funkciją tiesiogiai window.onload prižiūrėtojas, jis bus per daug važinėti anksčiau pavestas iššūkius, footer.php "

.... Ar mano problema suprantama ?

Gerai! yra keletas sprendimų, kad aš rasti. Jie visi yra labai panašūs ir daugiausia implementions tirpalo,, pateiktą. Simon Willison http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Sprendimas:

Tiesiog pridėkite šį javascript kodą į svetainę ...

 . funkcija addLoadEvent (funkcijas) {
     var oldonload = window.onload;
     jei (typeof window.onload = "funkcija") {
        window.onload = funkcijas
     } Else {
        window.onload = function () {
            jei (oldonload) {
                   oldonload ()
           }
           funkcijas ()
        }
    }
 }

Ir vadina jį vietoj įprasto "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Daugiau kodui veikti puslapio įkelties *
 }); 

Privalumai Šio kodo fragmentą ...
1. Pirmiausia, ji leidžia turėti keletą windows.onload įvykius, paragino savo kodą iš atskirų dalių, be overridding ankstesnį apibrėžimą
2. Tai tikrai nekrenta į akis. Jis gali būti tiekiami su kitų jūsų scenarijų failą arba atskirame faile.
3. Jis veikia, net jei window.onload jau nustatyti.

Maniau, tai vienas bus doodle rasti google, kaip daug jūs mums UI ir scenarijų rašytojai reikės tai padaryti per dieną iš dienos, tai yra įtraukti peice šiek tiek PHP kodo fragmentą. Php) į Smarty Šablonas (TPL). Aš supratau, kad lengviau / populiarus užklausą, dar sunkiau rasti tikslaus atsakymo ... milijono paieškos rezultatų, tačiau dauguma jų Italai į "failą" Smarty ..., kuris turi tokią sintaksę

{File = "include / header.php"}

Tai iš tiesų inlcuded failą gerai, bet kaip tekstas, Ką aš norėjau buvo pridedamas failas. (Pastaba: tai, kas išdėstyta pirmiau, yra naudojamas viduje šablono failo šabloną). Galiausiai su bitų persiverance .... Aš szarpnęły visoje modifikuoto slighty sintaksė, kuris buvo atsakymas į mano reikalavimas ... kad čia yra ... jei jūs havn't, rasti vieną jau

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

Šis klausimas kelis kartus, kol kirto mano protas, kai aš dirbau, svetainėse anksčiau per, kuri naudojama WordPress parodyti dienoraščiai arba naujo tipo turinį, nors svetainė / portal.Being PHP ir aplink WordPress naujokas, aš nuolat procastinating jį, galvoju: "tai ne mano peice vieni". Pagaliau! šis reikalavimas buvo net iki mano nosies, kai pradėjo Diggin aplink šiek tiek tirpalo.
Aš buvau nustebintas, kad ji tikrai buvo lengviau nei aš maniau jis buvo, rodyti antraštes sąrašą ar naujausius pranešimus kitą puslapį už WordPress varomą skyriuje, tiesiog naudodami šiek tiek PHP ir WordPress API .

Štai ką reikia daryti:
Paaiškinimo priežasčių manyti, kad Jūsų svetainė yra http://www.inchembur.com/ ir jūs turite šios svetainės naujienų skyriuje, apie http://news.inchembur.com/~~pobj kuris veikia WordPress). Dabar reikalavimas parodyti naujausius pranešimus nuo http://news.inchembur.com/~~pobj pagrindinės svetainės pagrindiniame puslapyje, ty http://www.inchembur.com/index.php

1 žingsnis: savo index.php pridėti šį peice,, kodas, įtraukti WordPress API failą. Galite įdėti šią nuorodą į puslapį, kurį norite Jūsų skelbiamas pranešimas pasirodys viršuje.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES "," false "); / / Disbable naudojimas WordPress temos
reikalauja ('/ var / news.inchembur.com / wp-blog-header.php "); / / Įtraukti WordPress API
; // Get Latest Post query_posts "showposts = 1") / / Gauti citata
?>

Be pirmiau peice yra, mes gauname tik vieną naujausią pranešimus. jei norite pabandyti daugiau variantų nedvejodami kasti į query_posts() dokumentacijos .

2 žingsnis: Dabar, į Indekso / Namų puslapio, kuriame norite rodyti naujausią WordPress pranešimus iš dalies http://news.inchembur.com , naudoti šį kodą. Nereikia nė sakyti, nedvejodami reklamos savo stiliaus skaidymui, tęsiasi ir klases, kaip už savo dizaino poreikius.

Step3: Nėra Žingsnis 3 ... Thats ... baigsite!

Kaip rodo tam tikrą, o ne po / psl naujausius pranešimus:
Šis gali lengvai achived, pakeičiant argumentus query_posts() puslapio ID arba puslapio šliužas

) ; query_posts "page_id = 7");
) ; query_posts "sugalvotas pavadinimas = apie");

ar galite valdyti pareigybių skaičių:
) ; query_posts straipsnio showposts = 3);