Išreikšdami IT

Su mano riboto įgūdžių rinkinys su įrankių, pavyzdžiui, Photoshop, Illustrator, galiu sąžiningai prisipažinti, kad aš geriau kūrėjas, nei aš esu dizaineris. Bet mano fone su šerdies naudojimas (serverio pusėje) plėtra su Java / PHP / Cobol, buvo labai teigiama įtaka mano UI kūrimo įgūdžių. Ką reiškia, kuriant savo dizainą, ty, kai aš dizainas, manau, apie tai, kaip dizainas gali būti geriausiai konvertuoti į HTML CSS ir darydamas HTML CSS, duosiu apie posistemės technologija mintis ir padaryti pagrįstai įsitikinti, kad HTML gali būti lengvai perkelta į XSL kilpų ar PHP fragmentus ir tt

Per metus, aš buvo mesti galvą į dizainą UI dizaineriai, kurie tikriausiai donot turėti clue, ką HTML arba CSS. Visus šiuos metus aš galvoju, kad norėčiau prašo per daug, jei aš tiesiog tikėtis, dizaineris, kuris bando shov jo "neįmanoma kodas" dizaino žemyn mano gerklės, suprasti tik šiek tiek, koks yra jo dizainas bus konvertuoti į. Tai padėtų tiesa?

Tada aš atėjau per šį postą šiandien ... Web dizaineriai, kurie negali kodas ... Ačiū Viešpatie! Aš tik vienas iš daugelio, kurie jaučia tą patį ... virš artitle yra šiek tiek ilgai kalbantis .. bet verta paskaityti, kas apie tai žodis.

Ačiū Elliot Jay Atsargos ... jaučiu palengvėjimą!

Štai keletas iš ištraukos Elliots straipsnyje .

Oho, kas dieną! Viskas prasidėjo vieną mažą Čivināšana ir baigėsi diskusijos, kuri atrodė nurašymas visoje web dizainas bendruomenę. Atrodo, yra keletas labai tvirtą nuomonę Turimų ar interneto dizaineriai turėtų sugebėti kodas tema.
...
Taigi, prieš mes į tai, leiskite man greitai Priminti tai, ką pasakiau šį rytą Twitter:

Sąžiningai, aš sukrėstas, kad 2010 metais aš vis dar per "interneto dizaineriai", kurie negali kodą savo dizainą. Ne pasiteisinimas.

... Aš buvau šiek tiek daugiau konkrečių mano Čivināšana. Aš kalbu apie dizainerių, kurie neturi net labiausiai pagrindinio HTML ir CSS įgūdžius paversti butas dizainą į faktinį svetainėje. Ne žmonės, kurie sąmoningai renkasi ne į kodą; tie, kurie negali. Ir aš taip pat įvardija tik front-end kodą čia, žinoma, juokinga manyti, kad dizaineriai taip pat turėtų būti nuostabios back-end programuotojų ...

Sulaukiame "interneto" dizaino išsiųstų Illustrator, 300dpi, kurios neįmanoma kodas, ne nuoseklumo / praktiškumo.
~ Amy Mahon

Tai vis per vėlai, ir aš turiu wrap tai padaryti kažkaip. Aš žinau, ten bus daug žmonių, kurie nesutinka su manimi, ir mano tikslas nėra įžeisti ar nuliūdinti kuris negali kodas, bet tikiuosi, kad kai ką sakiau atspindi kai kuriuos jos punktus, kad visada sugalvoti kai pasinėrė į šios diskusijos.

Tuo dienos pabaigos, aš ne prarasti miegoti per, kurie gali koduoti ir kurie negali. Aš tiesiog tikrai nustebintas tiek daug dizainerių, kad trūksta front-end įgūdžius, kaip aš maniau, tai buvo praeityje.

Taip pat skaitykite komentarus, ten buvo apie 320 komentarai, kaip aš rašau ... jie yra verta skaityti.
Prašome perskaityti Elliots visą pranešimą čia .. Web dizaineriai kurie negali kodekso

• Dokumento tipas deklaracija turi dalyvauti dokumento, kuris naudoja HTML sintaksę pradžioje. Tai gali būti pasirinktinai naudojami toje XHTML sintakse, bet tai nėra privaloma. XHTML dokumentas nereikia įtraukti DOCTYPE, nes XHTML dokumentai, kurie yra pristatomi teisingai naudojant XML MIME tipą ir būtų tvarkomi XML naršyklėse, visada teikiamos jokios Photoshop režimu.

• XHTML, tegus pavadinimai yra didžiosios ir mažosios raidės ir paprastai apibrėžiamas turi būti rašomas mažosiomis raidėmis. HTML Tačiau tegus pavadinimai yra didžiosios raidės ir turi būti parašytas tik didžiosiomis arba mišri atveju, nors labiausiai paplitęs konvencija klijuoti su mažosiomis. Pradžios ir pabaigos žymes atveju neturi būti tokia pati, tačiau nuosekliai tikrai daro kodą išvaizdą švaresnis.

Privalumai naudojant HTML

• Suderinami su esamais naršyklių
• Autoriai jau esate susipažinę su sintaksę
• Atlaidus ir atlaidus sintaksė reiškia, kad bus ne vartotojo priešiškų " Geltona Screen of Death ", jei klaida netyčia slysta per
• Patogus sutrumpinimas sintaksė, pvz autoriai gali praleisti keletą žymių ir atributų reikšmių

Privalumai naudojant XHTML

• Griežtai XML sintaksė skatina autoriai gerai rašyti sudarytą žymėjimą, kai kurios autoriai gali rasti lengviau išlaikyti
• Tiesiogiai integruojasi su kitomis XML žodynų, pavyzdžiui, SVG ir mathml
• Leidžia XML apdorojimo naudojimą, o kai kurie autoriai naudoja kaip dalį savo redagavimo ir / ar leidybos procesus

Vakar, po klausimu susidūriau su CSS Atstato Google "Chrome" ... Maniau, kad kasti truputį giliau į User Agent Style Sheets srityje ...
Rasta šią lentelę nutylėjimą vertybių CSS2.1 User Agent Style Sheets ... (tiems, kurie nežino, kas yra "User Agent Style Sheets" yra sekti Kas yra User Agent Style Sheets (specifikacija) .

Išsamų CSS 2.1 User Agent Style Sheets įsipareigojimų nevykdymo spauskite čia

Vakar, kaip ir kiekvienas kitas "Ground Hog diena", aš dirbau kai CSS / Tableless maketai. Viskas vyksta gerai, IE 7, FF 3 ir Chrome, untill staiga aš pamačiau kai JT ignorable maržos matoma tik Google Chrome ". Nors labai keista ir worring, buvo keletas naujų klaidą / problemą, kad aš susidurti, buvo pagaliau kai mano žemiškas darbo prieskonis. Liūdna (bet gražus) jis gavo nustatomas per keletą minučių zondo ...

Iš esmės, tai atrodė kaip "Google Chrome" ignoravo savo CSS atstato (margin: 0px). Tai iš tikrųjų lėmė User Agent 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 yra naudoja globalų CSS Rest taip

* {Margin: 0; padding: 0;}

Kas yra User Agent Style Sheets (specifikacija)?
Taip ištrauka yra paimta iš http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , atlikite nuorodą skaityti daugiau User Agent Style Sheets

1 CSS pristato idėją, teigdamas, kad kiekvienas vartotojas agentas (UA, dažnai "interneto naršyklė" arba "interneto kliento) turės numatytąjį stilių, kad pristato dokumentus protinga - bet tikriausiai kasdieniškas - būdu. CSS 2 sako, kad atitinkantys vartotojo agentai turi taikyti numatytąjį stilių (ar elgtis taip, lyg jie padarė), ir kad vartotojo agento numatytasis stilius lapas turėtų pateikti dokumento kalbos elementus taip, kad atitinka bendruosius pristatymo lūkesčius dokumento kalba; CSS 3 gali būti tos pačios nuomonės.

Kadangi CSS specifikacijos palikite jį iki realizacijos, ar naudoti "Real" stiliaus lapą Numatytasis rodinys, ar ne, tai ne stebina, kad nerandate numatytąjį stilių kiekvienu naršyklės diegimo aplanke. Skirtingai nei Microsoft Internet Explorer, taip pat operos, pavyzdžiui (ir kiek aš žinau), Gecko naršyklės, pavyzdžiui, Firefox ir Netscape Navigator (ieškokite "html.css"), bet ir Konqueror, kad ji gana paprasta suprasti savo numatytąjį stilių.

Kitas senosios mokyklos atminties papildomo ...

Kodėl mes, kad windos.status?
JavaScripts gali būti košmaras, kai turite kažką derinti. "Firefox" turi keletą naudingų Komplektacija, kaip Firebug Thats daro mūsų gyvenimą lengvai ir to, labiausiai populiarus debug technika JavaScript balsas turi eiti į "alert ()". Anywaz! Yra keletas atvejų, kai pridedant Alert derinti savo netinkamo elgiasi veikiancio Javascript yra tiesiog nėra gera idėja. Pavyzdžiui! turite dragble daiktai, kurių padėtis turi būti įspėti .... NE NE! Dont do it! ... Jums tiesiog gauti begalinis įspėjimus ar jūs įpratęs būti suteikta galimybė faktiškai drap savo dragable. Gerai! Yra daugiau gerų situacijų, kur jums gali raštu iš debug tekstus būsenos juostoje, daug usful ... Patikėkite! Jo patirtis!

IE pagal nutylėjimą paliko rašote naršyklės būsenos juostoje naudojant sintaksę "window.status = 'kažką derinti'", bet Firefox nėra. Taigi, norint įjungti "Windows statuso pasikeitimo, tai galite padaryti vienu iš šių būdų.

Atidarykite about: config naršyklėje (tipas "about: config", tai į adreso juostą) bei ieškoti
Namas. disable_window_status_change. Pakeiskite jį tariamai ... tiesiog paspauskite ant įrašo perjungti savo valstybę.

Arba alternatyviai

"Priemonės → Funkcijos → Turinio → Enable JavaScript / Išplėstinė → Pakeisti būsenos juostoje tekstas"

O taip pat pažymi, kad ... rašyti būsenos juostoje savo Javascript, IE yra tik gerai, jei jūs naudojate trumpą sintaksė, ty status = 'kai derinimo tekstas ", o kaip" Firefox ", turite naudoti visiškai sintaksės ty window.status =" kažkas derinti "

"Google" pradeda judėjimą eilutę žmonės iškelties IE6 ... Iki bugging IE6 vartotojams įkeliant puslapį popup <...> gali būti ne labai gerai ... bet yra UI kūrėjas, aš turiu prisijungti prie šios grupės vagonas ... viena mažiau naršyklė man nerimauti Atsiprašome ... savanaudis jis yra! bet aš įtraukti šią javascript ... (TRY šį puslapį IE6) ...
Ei! ir šviesesnę dėmesį ... Rodyti jis yra apie JAVASCRIPT POWER ekranas .... ji netgi gali sumažinti milžinišką (arba kai ji buvo)

Taigi ... Pagalba atsikratyti IE6 pasaulį su viena linija JavaScript!

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

Aš taip susijaudinęs apie vis daugiau puslapių peržiūrų mano dienoraštyje, kad aš patikrinti savo Google Analytics beveik kasdien. Aš pastebėjau, kad mano dienoraštis yra minima svetaines daugelio kitų kalbų ir žmonių visame pasaulyje. So nice!!
Kad gyvenimas būtų šiek tiek lengviau mano ne angliškai žiūrovo laivo, aš pridėjo Google Widget / įskiepiai vadinamas "Visuotinis vertėjas".

Visuotinis vertėjas sako, kad "automatiškai perkoduoja į į 41 skirtingų kalbų Blog'as vyniojimo keturis skirtingus vertimo internete sistemose (Google Vertimas Variklis, Babelfish vertimas Variklis, FreeTranslations.com, promt)" ... Jei norite įtraukti jį į savo WordPress diegimo ... Check it out Čia http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Nežinote, kaip gerai vertimas, bet aš nuoširdžiai tikiuosi, kad tai padeda keli kolegos kūrėjai iš ten, kuris galų gale pasiekė savo dienoraštį, tik turi būti nusivylęs, kad ji yra anglų kalba ....

Vertėjas nuorodos yra ties Side Bar Bottom ....

Heres kitą mažai peice JavaScript gudrybė, kad man teko kasti aplink, nes situacija commaned jį. Vienas iš mano svetainių, aš turėjau šią situaciją, kur aš turėjo įgyvendinti "windows.onload" du kartus. Pirmas dalykas, kad būtų atėjo nepatyręs proto kaip mano (aš turiu sąžiningai pasakyti, kad, nes aš naudoju javascript sistemomis ir bibliotekomis, aš forgotton daryti paprastus dalykus on my own ... Liūdna, bet tiesa), tai š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 mokslas Javascript, daug ... bet pagal mano pastarojo laikotarpio patirtį, tik paskutinis funkcija (onloadfn3) bus blogai faktiškai gauti įvykdytas.

Įprastomis sąlygomis, priešingai nei mano (o aš kalbėti apie šiek tiek vėliau) ... galima padaryti vieną iš šių veiksmų atlikti mutliple onload funkcijas ....

Ar kažkas panašaus į tai

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

Nes mano dabartinę padėtį, aš negaliu naudoti vieną iš aukščiau ...
Kodėl Man reikia paskambinti windows.onload du kartus, o kad skambina dvi funkcijas vienoje įkėlimo funkciją? Štai greitas pažvelgti į savo problemą pareiškimą ...

"Mano Svetainės puslapių struktūra kaip WordPress tema .... ty yra bendras Header.php ir footer.php, kuris įtraukiamas į visus svetainės puslapius. Yra įkėlimo funkcija implementaion į footer.php padaryti keletą bendrų onload funkcijas. Ir yra keletas puslapių, kurie turi kažką savo įkėlimo, išskyrus tuos, kurie atlieka bendrą įkėlimo funkcija. Jei aš priskirti skambinimo funkcijas tiesiogiai window.onload prižiūrėtojas, jis per 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, kuriuo pateikė Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Sprendimas:

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

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

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

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Daugiau kodui veikti puslapyje apkrovos *
 }); 

Privalumai šio kodo fragmentą ...
1. Visų pirma, Jis leidžia jums turėti keletą windows.onload renginius, vadinamas nuo atskiri dalių savo kodą, be overridding ankstesnį apibrėžimą
2. Tai tikrai nekrenta į akis. Jis gali būti laikomi vietoje, kuri kitus savo scenarijų failą arba atskirame faile.
3. Jis veikia net jei window.onload jau buvo nustatytas.

Maniau, kad tai vienas bus Doodle rasti google, nes daugelis jūs mums UI ir scenarijų rašytojai reikės padaryti tai dėl kasdien, tai yra apima peice tiek PHP kodo fragmentą (. Php) į Smarty šabloną (. TPL). Aš supratau, kad lengviau / populiarų užklausą, dar sunkiau rasti tikslaus atsakymo ... milijonas paieškos rezultatų, tačiau dauguma jų Italai į "failą" apima Smarty ..., kuris turi tokią sintaksę

{Apima file = "Įtraukti / Header.php"}

Tai iš tikrųjų inlcuded failą gerai, bet kaip tekstą, ką aš norėjau buvo įtraukta failo rezultatas. (Atkreipkite dėmesį, naudojami pirmiau įtraukti šabloną viduje šablono failą). Galiausiai su šiek tiek persiverance .... Aš szarpnęły visoje slighty modifikuoto sintaksė, kuris buvo atsakymas į mano reikalavimą ... todėl čia ji yra ... jei havn't rasti vieną jau

{Include_php failas = "Įtraukti / Header.php"}

Šis klausimas kirto mano protas kelis kartus anksčiau, kai dirbau svetainėse anksčiau per, kurį naudojama WordPress parodyti dienoraščiai arba naujos rūšies turinio tam tikra teritorijos / portal.Being su PHP ir aplink WordPress naujokas dalis, aš nuolat procastinating jį, galvoju: "tai ne mano peice vieni". Pagaliau! šis reikalavimas atėjo net iki mano nosies, kai pradėjo DIGGIN aplink tirpalo tiek.
Buvau nustebintas, kad ji tikrai buvo lengviau, nei aš iš tikrųjų maniau jis buvo, rodyti antraščių sąrašą arba naujausius pranešimus kitą puslapį nepatenka į WordPress varomas skyriuje, tik naudojant šiek tiek PHP ir WordPress API .

Štai ką reikia daryti: -
Siekiant paaiškinti, manyti, kad jūsų svetainė yra http://www.inchembur.com/ ir jūs turite naujienų skyriuje šios svetainės apie http://news.inchembur.com/ (kuris veikia WordPress). Dabar reikalavimas parodyti naujausius pranešimus iš http://news.inchembur.com/ pagrindiniame puslapyje pagrindinį puslapį, ty http://www.inchembur.com/index.php

1 žingsnis: Jūsų index.php pridėti šį peice kodą, Įtraukti WordPress API failą. Jūs galite pridėti prie puslapio, kurį norite, kad jūsų pranešimas pasirodys viršuje.

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

Pirmiau peice ir apima, mes gauname tik vieną naujausią pranešimą. jei norite pabandyti daugiau variantų nedvejodami kasti į, query_posts() dokumentus .

2 žingsnis: Dabar, kai nustatomas indekso / Namų puslapį, kur norite rodyti naujausią WordPress pranešimą iš dalies http://news.inchembur.com , naudokite šį kodą. Nereikia nė sakyti, nedvejodami skelbimą savo stiliaus skaidymui, apima ir klases, kaip už savo dizaino poreikius.

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

Kaip rodo tam tikrą post / puslapį, o ne į naujausią paštu: -
Tai galima nesunkiai achived keičiant argumentų query_posts() įtraukti puslapio ID arba puslapio šliužas

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

ar galite kontroliuoti etatų skaičių:
) ; query_posts (showposts = 3);