Exprimarea IT

Cu meu limitat de aptitudini set cu instrumente, cum ar fi Photoshop şi Illustrator, pot să mărturisesc sincer că sunt un dezvoltator de mai bine decât am un designer. Dar trecutul meu, cu miez (partea de server), de dezvoltare cu Java / PHP / COBOL, a fost o influenţă extrem de pozitivă cu privire la competenţele mele de dezvoltare UI. Ce vreau să spun este, în timp ce crearea de modele mele, adică ori de câte ori am face design, cred despre modul în care designul poate fi cel mai bine convertit în HTML, CSS şi în timp ce face HTML-CSS, dau o idee despre tehnologia de backend şi asiguraţi-vă că în mod rezonabil HTML care pot fi uşor puse în aplicare în XSL bucle sau fragmente de PHP, etc

Peste ani, am fost aruncat pe cap de modele de designeri UI, care, probabil, donot au o idee despre ceea ce este HTML sau CSS. În toţi aceşti ani am gândit că mi-ar cere prea mult, dacă am aştepta de designer, care încearcă să shov lui "imposibil de cod" de design pe gât mea, pentru a înţelege doar un pic de design care sa va fi convertită în. Care ar ajuta la dreapta?

Apoi, am dat peste acest post de azi ... designeri de web, care nu pot cod ... Multumesc Doamne! Eu sunt doar unul dintre cei care simt la fel ... artitle de mai sus este un pic cam o tărăgănat timp .. dar merita citit, fiecare cuvânt din ea.

Mulţumeşte Elliot Stocuri Jay ... Mă simt uşurat!

Iată câteva fragmente din articol Elliots .

Wow, ce zi! A început cu un tweet mic şi sa încheiat cu o discuţie care părea să măture în întreaga comunitate de web design. Se pare ca exista unele opinii foarte puternice deţinute la obiectul de designeri web, dacă ar trebui să poată cod.
...
Deci, înainte de a intra în acest, permiteţi-mi să recapituleze rapid ceea ce am spus în această dimineaţă pe Twitter:

Sincer, sunt şocaţi de faptul că în 2010, eu încă mai vin de pe web designeri "care nu pot cod modele proprii. Nici o scuză.

Eu ar trebui să ... am fost un pic mai specific în tweet mea. Vorbeam despre designeri care nu au nici cea mai de bază HTML şi CSS abilităţile de a transforma un design plat într-o site-ul real. Nu oamenii care în mod intenţionat nu aleg să cod, iar cei care nu pot. Şi eu, de asemenea, referindu-se doar la front-end, codul aici, desigur, este ridicol să cred că ar trebui să fie, de asemenea, designeri uimitoare back-end programatori ...

Ne 'web' desene trimise în Illustrator, 300dpi, imposibil de cod, nr coerenţa / utilizare.
~ Amy Mahon

Se face târziu, şi am ajuns să-şi încheie asta cumva. Ştiu că vor fi mulţi care nu sunt de acord cu mine, şi intenţia mea nu este de a jigni sau supara pe cineva care nu poate cod, dar sper că o parte din ceea ce am spus reflectă unele dintre punctele care vin întotdeauna atunci când cercetând această dezbatere.

La sfârşitul zilei, nu pierd nici un somn de peste care poate codeaza si care nu pot. Sunt cu adevărat surprins doar pentru a găsi designeri atât de multe că nu dispun de front-end competenţe, aşa cum am crezut acest lucru a fost un lucru de domeniul trecutului.

Asemenea să citiţi comentariile, erau în jur de 320 comentarii, după cum am scrie ... ei sunt în valoare de o citesc.
Vă rugăm să citiţi Elliots full post aici .. designerii Web care nu se poate de cod

• Declaraţia Tip de document trebuie să fie prezent la începutul unui document care utilizează sintaxa HTML. Acesta poate fi, opţional, utilizate în cadrul sintaxa XHTML, dar nu este necesar. Document XHTML nu trebuie să includă DOCTYPE, deoarece documentele XHTML, care sunt livrate cu ajutorul corect XML tip MIME şi sunt prelucrate în XML de browsere, sunt întotdeauna redate în nici un modul quirks.

• În XHTML, denumirile tag-urilor sunt cazuri sensibile şi sunt de obicei definite să fie scrise cu litere mici. In HTML, cu toate acestea, denumirile tag-urilor sunt insensibil caz şi pot fi scrise în toate cazurile, majuscule sau mixte, deşi Convenţia de la cel mai comun este să rămânem cu litere mici. Cazul etichetele de început şi sfârşit, nu trebuie să fie aceeaşi, dar fiind în concordanţă nu face curat aspectul codul.

Beneficiile utilizarii HTML

• Compatibil cu browserele existente
• Autorii sunt deja familiarizaţi cu sintaxa
• Sintaxa îngăduitor şi iertător înseamnă că nu va fi nici un utilizator nu-ostile " Screen galben de moarte ", în cazul în care o greşeală accidental alunecă prin
• Sintaxa stenografie convenabil, de exemplu, autorii pot omite unele etichete şi valorile atributelor

Beneficiile utilizarii XHTML

• Strict sintaxa XML încurajează autorii să scrie marcare bine-formate, pe care unii autori ar putea găsi mai uşor de a menţine
• Integrează direct cu alte vocabulare XML, cum ar fi SVG şi MathML
• Permite utilizarea de XML de prelucrare, care unii autori folosesc, ca parte a lor de editare şi / sau procese de publicare

Ieri, după ce problema am întâlnit cu Resetează CSS în Google Chrome ... m-am gândit să sape un pic mai adânc în zona de foi de stil User Agent ...
Am gasit acest tabel pe valorile implicite ale CSS2.1 Style Sheets User Agent ... (pentru cei care nu ştiu de ce "Style Sheets agent utilizator" este să urmaţi Ce este agent Style Sheets utilizator (specificaţie) .

Pentru o listă completă a CSS 2.1 User Agent foi de stil implicite click aici

Ieri, ca orice alt "Ziua Hog solului", am fost de lucru pe anumite aspecte CSS / tableless. Totul mergea bine în IE 7, 3 FF şi Chrome, pana deodată, am văzut nişte marje ne-neglijabile văzut numai în Google Chrome. Deşi foarte ciudat şi worring, a fost un aspect nou bug / că am venit din toata, nu a fost în cele din urmă un condiment în munca mea lumesc. Sad (dar frumos), aceasta s-au stabilit în termen de câteva minute de sonda ...

Practic, se arata ca Google Chrome a ignorat meu CSS Resetează (margin: 0px). Este de fapt a fost cauzat de stil agentul utilizator (-WebKit-padding-start: 40px). Deci, soluţia a fost de a reseta acest stil de stabilirea padding: 0 elementele incorect.
O modalitate buna de a preveni această problemă de la întâmplă la orice element este folosi un globală odihna CSS, după cum urmează

* {Margin: 0; padding: 0;}

Ce este agentul Style Sheets utilizator (specificaţie)?
Următorul fragment este luat din http://meiert.com/en/blog/20070922/user-agent-style-sheets/ link-ul, urmaţi pentru a citi mai multe despre foile de stil User Agent

CSS 1 introduce ideea de afirmând că fiecare agent utilizator (UA, de multe ori un "browser web" sau "web client"), va avea o foaie de stil implicit, care prezintă documente în mod rezonabil - dar probabil lumesc - mod. CSS 2 spune că agenţii în conformitate utilizator trebuie să se aplice o foaie de stil implicit (sau să se comporte ca şi cum au făcut), şi că foaia de un agent utilizator stilul implicit ar trebui să prezinte elemente ale limbii documentului într-un mod care să satisfacă aşteptările generale de prezentare pentru limba documentului; CSS 3 este probabil să fie de aceeaşi minte.

Întrucât specificaţiile CSS-l lase până la implementarea dacă se utilizează un "real" foaie de stil pentru afişare implicit sau nu, nu este uimitor faptul că nu aţi găsit o foaie de stil implicit în folderul de instalare fiecare browser-ului. Spre deosebire de Internet Explorer de la Microsoft, precum Opera, de exemplu (şi în măsura în care ştiu), browsere, precum Firefox Gecko şi Netscape Navigator (căutaţi "html.css"), dar, de asemenea, Konqueror face destul de simplu pentru a înţelege stilul lor implicite.

O alta scoala veche de memorie suplimentar ...

De ce nu ne permite să windos.status?
Javascript-ar putea să fie un cosmar atunci cand ai ceva pentru a depana. Firefox are un addons câteva la îndemână, cum ar fi Firebug Asta face ca vieţile noastre uşor şi, de asemenea, votul pentru tehnica de depanare cel mai popular în Javascript trebuie să meargă la "alert ()". Anywaz! Există câteva cazuri când adăugarea ALERTĂ nu depana dvs. de mis-comportă Javascript este doar o idee nu este un bine. De exemplu! aveţi dragble element a cărui poziţie trebuie să fie avertizat .... NU NU! Nu-l fac! ... Va primi doar alerte infinit sau nu vei fi capabil drap de fapt dragable dumneavoastră. Ei bine! Există situaţii mai bune, în cazul în care s-ar putea scriind texte de depanare la bara de stare, cu mult mai mult usful ... Crede-mă! Experienţa ei!

IE implicit lăsat scrie la bara de stare browser-ul folosind sintaxa "," ceva pentru a depana "window.status =", dar Firefox nu. Deci, pentru a permite ferestre schimbarea de stare, te poate face oricare dintre următoarele.

Deschideţi about: config în browser (de tip "about: config" acest lucru în bara de adrese), şi de căutare pentru
Dom disable_window_status_change.. Schimbaţi-l la fals ... doar să faceţi clic pe intrarea pentru a comuta starea sa.

Sau, alternativ,

"Unelte → Opţiuni → → Conţinut Enable JavaScript / Advanced → Modificaţi starea bara de text"

Şi, reţineţi, de asemenea, că ... să scrie în bara de stare Javascript-ul tău, IE este ok doar dacă utilizaţi un scurt exemplu, statutul de sintaxă = 'un text debug ", dar în Firefox, trebuie să folosiţi în deplină sintaxa adică window.status =' ceva pentru a depana "

Google incepe un popor de circulaţie prompte sa renunte la Internet Explorer 6 ... de către utilizatori bugging IE6, cu un pop-up pe pagina de încărcare ... nu poate fi o idee foarte buna ... dar fiind un dezvoltator de UI, trebuie să se alăture acestui vagon trupa ... un browser mai puţin pentru mine vă faceţi griji cu privire la Ne pare rau egoist ... este! dar am include acest javascript ... (TRY ACEASTA PAGINA în IE6) ...
Hei! şi în nota de mai stralucitoare ... a se vedea, este un ecran de POWER JavaScript .... se poate aduce chiar si a unui gigant (sau o dată a fost)

Deci ... Ajutor scape lumea de IE6, cu o linie de javascript!

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

Sunt atât de încântat de numărul tot mai mare de vizualizări de pagini pe blogul meu, că am verifica mele Google Analytics, aproape de zi cu zi. Am observat ca blog-ul meu este menţionată de către site-uri în multe alte limbi şi de oameni din întreaga lume. SO Nisa!!
Pentru a face viaţa un pic mai uşor pentru nava mea Viewer NON-Engleză, am adăugat un widget Google / plugin numit "Global Translator".

Traducator Global spune că "traduce automat un blog în 41 de limbi diferite de ambalaj patru tipuri diferite de motoare de traducere online (Google motor de traducere, motor de traducere Babelfish, FreeTranslations.com, Promt)" ... Dacă doriţi să-l adăugaţi la propria dvs. de instalare WordPress ... se verifica aici http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

Nu sunt sigur, cât de bună traducere este, dar sper sincer că aceasta ajută dezvoltatorii câteva colegii de acolo, care ajunge până a ajunge pe blog-ul meu, doar pentru a fi dezamăgiţi, că este în limba engleză ....

Link-urile sunt traducator de la fund de bara laterală ....

Heres un alt peice puţin de înşelăciune Javascript pe care am avut de a săpa în jurul, deoarece situaţia se commaned. Într-una din site-ul meu, am avut această situaţie în care am avut de a pune în aplicare "windows.onload" de două ori. Primul lucru pe care ar fi ajuns la o minte lipsit de experienţă ca a mea (eu trebuie să spun sincer că, din moment ce am fost cu ajutorul cadrelor javascript şi biblioteci, am uitate de a face lucruri simple, pe propria mea ... trist dar adevarat), este următoarea metodă ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 , etc ..

Ne pare rau sa spun, dar, acest lucru obiceiul de lucru ... nu vreau pentru a discuta despre stiinta executarea de Javascript mult ... dar în funcţie de experienţa mea recentă, doar ultima funcţie (onloadfn3) va bolnav se de fapt executate.

În situaţii normale, spre deosebire de a mea (pe care voi vorbi despre un pic mai târziu) ... ai putea face una dintre următoarele pentru a executa funcţiile mutliple onload ....

Sau ceva de genul asta

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

Pentru situaţia mea actuală, eu nu pot folosi oricare dintre cele de mai sus ...
De ce am nevoie pentru a apela windows.onload de două ori, mai degrabă, că de asteptare două funcţii într-o funcţie onload singur? Aici este un aspect rapid la declaraţia problema mea ...

"Paginile site-ul meu sunt structurate ca temă WordPress .... adică nu este un header.php comune şi Footer.php care devine incluse în toate paginile site-ului. Există o funcţie implementaion onload în Footer.php pentru a face unele funcţii comune onload. Şi acolo sunt câteva pagini care au nevoie de ceva de ONLOAD lor, în afară de cele făcute de funcţia de onLoad comun. Dacă aş atribui funcţie de apel invers direct la handler window.onload, se va merge pe-callback atribuite anterior în Footer.php "

.... Este problema mea a înţeles ?

Ei bine! există puţine soluţii pe care am găsit. Ele toate sunt foarte asemănătoare şi, în principal implementions de o soluţie dată de Simon Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Soluţie:

Pur şi simplu adăugaţi acest cod javascript pentru site-ul ...

 Funcţia addLoadEvent (func) {
     var = oldonload window.onload;
     în cazul în care (typeof window.onload = "funcţie"!) {
        window.onload = func
     } Else {
        window.onload = function () {
            dacă (oldonload) {
                   oldonload ()
           }
           func ()
        }
    }
 }

Şi-l numesc în loc de "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (function () {
 / * Codul de mai mult pentru a rula pe pagina de încărcare *
 }); 

Avantajele acestui fragment de cod ...
1. În primul rând, Acesta vă permite să aveţi mai multe evenimente windows.onload, numit de părţi separate ale codului, fără a overridding definiţia anterioară
2. Este într-adevăr discret. Acesta poate fi plasat într-un fişier cu script-uri sau alte într-un fişier separat.
3. Ea funcţionează, chiar dacă window.onload a fost deja stabilit.

Am crezut că aceasta va fi o Doodle pentru a găsi în Google, cât mai multe ne-aţi scriitori UI şi script-ul ar trebui să facă acest lucru într-o zi de zi, care este includă un pic de peice de fragmentul de cod PHP (. Php) într-o Smarty Format (. TPL). Am dat seama că mai uşor / mai populare interogare, chiar mai dificil de a găsi răspunsul exact ... un milion de rezultate de căutare, dar cele mai multe dintre ele referit la "dosar" include, în ... Smarty, care are urmatoarea sintaxa

{Include fişierul = "include / header.php"}

Acest inlcuded de fapt fişierul amenzii, ci ca text, Ceea ce am vrut a fost rezultatul de fişier inclus. (Notă de mai sus este folosit includ şablon în interiorul unui fişier şablon). În cele din urmă cu un persiverance pic .... Am dat peste o sintaxă slighty modificat, care a fost răspunsul la cerinţa mea ... Deci, aici este ... dacă havn't găsit deja un

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

Această întrebare a trecut prin minte de câteva ori înainte, când am fost de lucru pe site-uri mai devreme de asemenea, care a folosit pentru a arăta WordPress blog-uri sau nou tip de conţinut din o parte a site-ului / portal.Being un novice în PHP şi în jurul valorii de WordPress, am pastrat procastinating ea, gândire ", acest lucru nu este peice mea de tort". În sfârşit! această cerinţă a venit pana la nasul meu, atunci când a început diggin în jurul valorii de un pic de soluţie.
Am fost surprins să afle că într-adevăr a fost mai uşor decât am crezut ca a fost de fapt, pentru a afişa o listă de titluri sau ultimul mesaj pe orice altă pagină în afara secţiunii WordPress-electric, folosind doar un pic de PHP şi API WordPress .

Aici este ceea ce sa faci: -
Din motive de explicaţii, să presupunem că site-ul dvs. este http://www.inchembur.com/ şi aveţi secţiunea de ştiri de pe acest site http://news.inchembur.com/ (care se execută WordPress). Acum, cerinţa este de a arata ultimul mesaj de la http://news.inchembur.com/ pe pagina de start a site-ului principal, şi anume http://www.inchembur.com/index.php

Pasul 1: În index.php, adăugaţi următoarea peice de cod, includ WordPress fişier API. Puteţi adăuga acest la partea de sus a paginii pe care doriţi postul dvs. să apară în.

<? Php
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES ", false); de utilizare / / Disbable Theme WordPress
necesită ('/ var / news.inchembur.com / wp-blog de ​​header.php'); / / include WordPress API
; // Get Latest Post query_posts ("showposts = 1"); / / Get Ultimul mesaj
?>

În peice de mai sus includ, primim doar după cea mai recentă. dacă doriţi să încercaţi mai multe variaţii să nu ezitaţi să sape în, query_posts() documentaţia .

Pasul 2: Acum, în partea a paginii de start / Pagina de start în cazul în care doriţi să afişaţi ultimul mesaj de la WordPress http://news.inchembur.com , utilizaţi codul de mai jos. Inutil să spun, nu ezitaţi să anunţ divizii de styling, se întinde şi a claselor ca pe nevoile dumneavoastra de design.

Pasul 3: Nu este un pas de 3 ... Asta e el ... ai terminat!

Cum arată o anumită pagină post / ca spre deosebire de ultimul mesaj: -
Acest lucru poate uşor achived, prin modificarea argumentele pentru a query_posts() pentru a include ID-ul pagină sau pagina de melc

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

sau Aveţi posibilitatea de a controla numărul de posturi:
) ; query_posts (showposts = 3);