Изражавајући ИТ

Са ограниченим Скилл-сета са алатима као што су Пхотосхоп и Иллустратор, ја искрено могу да признам да сам бољи програмер од мене дизајнер. Али моја позадина са језгром (Сервер Сиде) развој са Јава / ПХП / ЦОБОЛ, је веома позитиван утицај на развој корисничког интерфејса мојим способностима. Хоћу да кажем, уз стварање моје дизајне, односно кад год радим дизајн, мислим о томе како се дизајн се најбоље конвертовати у ХТМЛ-ЦСС-а и док радите на ХТМЛ-ЦСС, дајем мисао о бацкенд технологије и да разумно сигурни да ХТМЛ се лако може имплементирати у КССЛ петљи или ПХП исечака итд

Током година, ја сам био бачен главу на дизајну коју УИ дизајнера који вероватно донот имају појма шта ХТМЛ или ЦСС. Све ове године сам размишљао да ћу траже превише, Ако сам само очекујем дизајнер, који покушава да схов његов "немогуће" код дизајна доле грлу, да разумеју само мало онога што је његов дизајн ће бити конвертована у. То би у праву помогне?

Тада сам дошао преко овај пост данас ... Веб дизајнера који не могу код ... Хвала Господе! Ја сам само један од многих који се осећају исто ... изнад артитле је мало дуго даха .. али вредна читања, свака реч о њему.

Хвала Елиотовим Јаи деонице ... Осећам олакшање!

Ево неких извода из члана Еллиотс .

Вау, какав дан! Почело је са једном малом твеет и завршио са дискусијом који се чинило да помете преко целе заједнице веб дизајн. Изгледа да постоје неке веома јаке мишљења одржани на тему да ли веб дизајнери треба да буде у стању да кода.
...
Дакле, пре него што уђемо у то, дозволите ми брзо да проанализирамо оно што сам рекао на овом јутра на Твиттер-у:

Искрено, ја сам шокиран да је у 2010 и даље долазим по 'веб дизајнера који не могу код своје дизајне. Нема оправдања.

Ја сам ... требало је мало више специфични у мом твеет. Причао сам о дизајнера који немају чак ни најосновнији ХТМЛ и ЦСС вештине да бисте раван дизајн у стварном сајту. Не људи који се определе да не намерно коду; они који не могу. И ја такође мислим само на фронт-енд код овде, наравно да је смешно мислити да дизајнери треба да буду невероватни бацк-енд програмери ...

Ми смо добили 'веб' дизајне послате у Иллустратору, 300дпи, немогуће кода, без густина / употребљивост.
Ејми ~ Махон

Постаје касно, а ја некако да заврши ово. Знам да ће бити много оних који се не слажу са мном, и моја намера није да увредим или узнемирити било кога ко не може код, али се надам да неке ствари које сам рекао одражава неке од тачака које увек долазе када делвинг Ова дебата.

На крају дана, ја не изгубити било ко може да преспава код и који не могу. Ја сам само искрено изненађен да пронађе толико много дизајнера који немају изложеним вештине, као што сам мислио да је ово ствар прошлости.

Такође, прочитајте коментаре, било је око 320 коментара, док ово пишем ... они вреде читања.
Молимо да прочитате овде Еллиотс комплетан пост .. Веб дизајнери који не могу код

• Документ Тип декларација треба да буде присутна на почетку документа који користи ХТМЛ синтаксу. Опционо може да се користи у КСХТМЛ синтакси, али то није обавезно. КСХТМЛ документ не треба да укључе, јер ДОЦТИПЕ КСХТМЛ документа који се испоручују користећи КСМЛ исправно МИМЕ тип и обрађују КСМЛ као по претраживача, увек изречена ни у ком режиму куиркс.

• У КСХТМЛ, таг имена су и велика и мала слова су обично дефинише да буде написана малим словима. У ХТМЛ-у, међутим, таг имена су велика и мала слова и може бити написан у свим великим словима, или мешовити случају, иако најчешће конвенција је да се држите мала слова. Случај почетним и крајњим ознакама не морају да буду исти, али као доследан не чине чишћење кода изглед.

Предности коришћења ХТМЛ

• Уназад компатибилан са постојећим претраживачима
• Аутори су већ упознати са синтаксом
• Благ и праста Синтакса значи да неће бити корисник непријатељски " Жута екран смрти "уколико грешка случајно пала кроз
• Погодан скраћеница синтакса, нпр аутори могу изоставити неке ознаке и вредности атрибута

Предности коришћења КСХТМЛ

• Стриктна синтакса КСМЛ подстиче аутори да пишу добро формирана назнаке, које могу наћи неки аутори лакше за одржавање
• Интегрише се директно са другим КСМЛ речника, као што су СВГ и МатхМЛ
• Омогућава употребу КСМЛ обраде, које су неки аутори користе као део њиховог уређивања и / или издавачких процесима

Јуче, после емисије сам наишао са ЦСС ресетује у Гоогле Цхроме-а ... Мислио сам да од копа мало дубље у област Агенција Стиле Схеетс корисника ...
Пронађено ову табелу на подразумеване вредности ЦСС2.1 корисника Агенција Стиле Схеетс ... (за оне који су свесни шта "Усер Агент Стиле Схеетс" је пратити Шта је Усер Агент Стиле Схеетс (спецификација) .

За комплетну листу ЦСС 2.1 усер агент стилски подразумеване кликните овде

Јуче, као и свака друга "Дан Копнене Хог", радио сам на неким ЦСС / Таблелесс распореда. Све је добро иде у ИЕ 7, ФФ и Цхроме 3, До изненада, видела сам неке УН-игнорабле маргине види само у Гоогле Цхроме. Иако је веома чудно и ворринг, то је нека нова грешка / проблем који сам дошао аццросс, коначно постоји неки зачин у мом раду световног. Саду (али леп) добила је фиксиран у року од неколико минута сонде ...

У суштини, изгледало је као Гоогле Цхроме игнорисао моју ЦСС ресетује (маргина: 0пк). То је заправо изазвана стилова корисника агента (ВебКит-бордер-Старт: 40пк). Дакле, решење је да вратите овај стил постављањем паддинг: 0 лоше понаша и елемената.
Добар начин да се спречи овај проблем из дешава на било који елемент је користити глобалну ЦСС Одмор на следећи начин

* {Маргин: 0; паддинг: 0;}

Шта је Усер Агент Стиле Схеетс (спецификација)?
Следећи одломак је узет из хттп://меиерт.цом/ен/блог/20070922/усер-агент-стиле-схеетс/~~ХЕАД=побј , следите линк да прочитате више о Усер Агент Стиле Схеетс

ЦСС 1 уводи идеју наводећи да ће сваки корисник агента (УА, често 'Веб бровсер' или 'Веб клијент ") имају лист подразумевани стил који представља докумената на разуман - али вероватно овоземаљско - начин. ЦСС 2 каже да складу са одговарајућим ЕН кориснички агенти морају да се пријаве лист Дефаулт Стиле (или се понашају као да јесу) и да подразумевани стил корисничког агента лист би требало да представи елементе докумената језика на начин који задовољавају опште очекивања презентацију докумената језику; ЦСС! 3 је вероватно да ће бити истог ума.

Пошто су ЦСС спецификације оставити до имплементације да ли да користе "прави" стила за подразумевани приказ или не, није зачуђујуће да не пронађете лист подразумевани стил у инсталационом фолдеру сваке претраживача. За разлику од Интернет Екплорер компаније Мицрософт, као и Опере, на пример (и колико ја знам), Гецко претраживачи као што су Фирефок и Нетсцапе Навигатор (погледајте за "хтмл.цсс"), али и Конкуерор чини прилично једноставан за схватити њихов подразумевани стил.

Још једна стара школа допунски меморије ...

Зашто да се омогући виндос.статус?
Јавасцриптс могао да буде ноћна мора када имате нешто да дебуг. Фирефок има неколико пригодна Аддонс, као Фиребуг Тхатс чини наше животе и лако Такође, гласање за најпопуларнијег отклањање грешака у ЈаваСцрипт технике морају да иду у "алерт ()". Аниваз! Постоји неколико случајева када додајући АЛЕРТ не дебуг ваш погрешно понашају Јавасцрипт је само није добра идеја. На пример! имате драгбле ставку чији положај треба да будете обавештени .... НЕ НЕ! Донт до ит! Да ... само добити бескрајне обавештења или нећете моћи стварно Драп свој драгабле. Добро! Постоји више добрих ситуацијама, где ћете можда исписивањем дебуг текстове на статусној траци, много више усфул ... Веруј ми! Његово искуство!

ИЕ подразумевано остало пишете у претраживачу Бар СТАТУС користећи синтаксу "виндов.статус = 'нешто да дебуг'", али ФиреФок то не ради. Дакле, да се омогући виндовс статусну промену, можете да урадите било шта од следећег.

Отвори абоут: цонфиг у прегледачу (тип "абоут: цонфиг" ово у аддресс бар) и потрага за
Дом дисабле_виндов_статус_цханге.. Промените га лажно ... само кликните на унос за пребацивање своју државу.

ИЛИ Алтернативно

"Алати → Опције → → Активирајте ЈаваСцрипт Садржај / Напредна → Промени статусна трака текст"

Такође имајте на уму да ... да напише на статусној траци у вашем Јавасцрипта, ИЕ је у реду само ако користите кратак синтаксу тј статус = 'неки текст дебуг', али у Фирефоку, морате да користите у пуној синтаксе тј виндов.статус = ' нешто за отклањање грешака "

Гоогле почиње кретању хитних људи одбацити ИЕ6 ... До ометања ИЕ6 корисницима са ПОПУП на Паге Лоад ... не могу бити веома добра идеја ... али као програмер УИ, морам да се придруже овој караван бенд ... један мање претраживач за мене брине Жао нам је себичан ... је то! али сам укључити овај ЈаваСцрипт ... (Пробајте ову страницу у ИЕ6) ...
Хеј! и на светлију ... Погледајте напомену да је екран моћи ЈАВАСЦРИПТ .... она чак може да донесе низ гиганта (или када је био)

Дакле ... Помоћ ослободи свет од ИЕ6 са једне линије ЈаваСцрипт!

хттп://цоде.гоогле.цом/п/севенуп/

Ја сам тако узбуђен због све већег броја приказа страница на мом блогу, да сам проверити моје Гоогле Аналитицс готово свакодневно. Приметио сам да мој блог се односи на стране сајтове у многим другим језицима и људи широм света. Со Нице!
Да би живот мало лакше за моју ван енглеског гледаоца брода, ја сам додао Гоогле Видгет / Плугин под називом "Глобално Преводилац".

Глобално Преводилац каже да је "аутоматски преводи блог у 41 различитих језика паковање четири различите онлине превод мотори (Гоогле Превођење мотор, Бабелфисх Превођење Енгине, ФрееТранслатионс.цом, промт)" ... Ако желите да га додате на своју УордПресс инсталација ... цхецк ит оут овде хттп://ввв.нотхинг2хиде.нет/вп-плугинс/вордпресс-глобал-транслатор-плугин/

Нисте сигурни како добар превод, али искрено се надам да то помаже неколико колеге програмери тамо, који завршавају достизање мој блог, само да буде разочаран, да је на енглеском ....

Преводиоца линкови су на дну Сиде Бара ....

Херес још мало пеице ЈаваСцрипт-трикова да сам морао да копају око, јер ситуација је цомманед. У једном од мојих сајтова, имао сам ову ситуацију где сам два пута морао да спроведу "виндовс.онлоад". Прва ствар да би дошао до неискусног ума као што је мој (морам искрено рећи да, пошто сам био користећи ЈаваСцрипт оквире и библиотекама, ја сам форготтон да једноставне ствари на своју руку ... тужно али истинито), је следећа метода ...

 виндов.онлоад = онлоадфн1;
 виндов.онлоад = онлоадфн2;
 виндов.онлоад = онлоадфн3;
 итд ..

Жао нам је рећи, али то неће радити ... донт желе да разговарају о науку извршење искључили Јавасцрипт много ... али у складу са мог недавног искуства, само последња функција (онлоадфн3) ће лоше ствари се извршава.

У нормалним ситуацијама, за разлику од рудника (који ћу говорити о томе мало касније) ... могли сте да урадите неку од следећих радњи да изврши мутлипле онЛоад функције ....

Или нешто овако

 доОнЛоад функција () {
         онлоадфн1 ();
         онлоадфн2 ();
         онлоадфн3 ();
 }
 виндов.онлоад = доОнЛоад;

За моју тренутну ситуацију, ја не могу да користе од горе ...
Зашто морам да позовем виндовс.онлоад два пута, а да позивање две функције у оквиру једне онЛоад функцији? Овде је брз поглед на мој проблем изјави ...

"Моји Сите странице су структуиране као УордПресс Тема .... тј постоји заједнички Хеадер.пхп и Фоотер.пхп која бива укључена у све сајта страницама. Постоји онЛоад функција имплементаион у Фоотер.пхп да урадите неке заједничке функције онЛоад. И постоји неколико страница које треба да нешто сопственог онЛоад, осим оних који су радили на заједничком онЛоад функцији. Ако сам доделите повратни функцију директно на виндов.онлоад руковалац, она ће преко-вози претходно додељене повратних позива у Фоотер.пхп "

.... Да ли је мој проблем схватио ?

Добро! постоји неколико решења која сам нашли. Сви они су веома слични и углавном имплементионс од решења које је добио од Симона Виллисон ( хттп://симонвиллисон.нет/2004/Маи/26/аддЛоадЕвент/ ) ...

Решење:

Једноставно додајте овај јавасцрипт код на сајт ...

 Функција аддЛоадЕвент (фунц) {
     вар = олдонлоад виндов.онлоад;
     ако (типеоф виндов.онлоад = 'функција') {
        виндов.онлоад = функ
     Елсе {}
        виндов.онлоад = фунцтион () {
            ако (олдонлоад) {
                   олдонлоад ()
           }
           фунц ()
        }
    }
 }

И назовите га уместо уобичајеног "виндовс.онлоад"

 аддЛоадЕвент (ФунцтионТоРунОнПагеЛоад); аддЛоадЕвент (фунцтион () {/ * код више да ради на Паге Лоад *}); 

Предности овог фрагмент кода ...
1. Пре свега, то вам омогућава да имате више виндовс.онлоад догађаја, позвао из одвојених делова вашег кода, без оверриддинг претходну дефиницију
2. То је заиста ненаметљив. Може се сместити у датотеку са другим скрипти или у посебном фајлу.
3. Он ради чак и ако виндов.онлоад је већ постављена.

Мислио сам да ово нико неће бити Доодле да пронађете у Гоогле-у, колико сте нас би УИ и писмо писци треба да урадите ово на свакодневном нивоу, да је укључују мало пеице за ПХП (ПХП шифри.) У Смарти шаблона (ТПЛ.). Схватио сам да је лакше / популарну вашем упиту, још тешко наћи тачан одговор ... милион резултата претраживања, али већина њих прослеђени на "филе" укључује у Смарти ... који има следећу синтаксу

{Укључују ФИЛЕ = "инцлуде / хеадер.пхп"}

Ово заправо инлцудед фајл у реду, али као текст, оно што сам желео је резултат укључује датотеке (Имајте на уму горе се користи шаблон укључује унутар предлошка датотеке).. Коначно, са битном персиверанце .... Сам наишао на слигхти модификованој синтакси, која је била одговор на мој захтев ... па ево га ... ако хавн'т пронађен један већ

{Инцлуде_пхп филе = "Укључи / хеадер.пхп"}

Ово питање пало на памет неколико пута раније, када сам радила на сајтовима раније превише, који се користи да покаже ВордПресс блогове или нову врсту садржаја у неком делу сајта / портал.Беинг почетник у ПХП и око ВордПресс, наставио сам да процастинатинг га, мислећи "то није мој пеице колача". Коначно! Овај захтев је дошао Упто мог носа, када је почео око Диггин мало за решење.
Био сам изненађен да откријете да је стварно било лакше него што сам стварно мислио да је то, да бисте приказали листу наслова или последњи пост на било које друге странице изван УордПресс погон делу, користећи само мало ПХП и ВордПресс АПИ .

Ево шта да урадите: -
Ради објашњења, претпоставити да је Ваш сајт хттп://ввв.инцхембур.цом/ и имате секцију за вести на овом сајту хттп://невс.инцхембур.цом/~~побј (који је покренут ВордПресс). Сада је услов да се покаже последњи пост од хттп://невс.инцхембур.цом/~~побј на насловној страници главног сајта, тј хттп://ввв.инцхембур.цом/индек.пхп

Корак 1: У вашем индек.пхп додајте следеће пеице кода, укључите УордПресс АПИ фајл. Можете да додате ово на врху странице коју желите да се појави ваш пост на.

<ПХП?
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme дефине ('ВП_УСЕ_ТХЕМЕС', фалсе); / / Дисбабле коришћење УордПресс Тема
рекуире ('/ вар / невс.инцхембур.цом / вп-блог-хеадер.пхп'); / / инцлуде ВордПресс АПИ
; // Get Latest Post куери_постс ('сховПостс = 1'); / / Гет латест пост
>?

У наведеном пеице инцлуде, ми добијамо само једну најновију поруку. ако желите да испробате више варијација слободно да копају у, query_posts() .

Корак 2: Сада, у делу Индек / Главна страна на којој желите да прикажете последњи пост у ВордПресс хттп://невс.инцхембур.цом , користите следећи код. Непотребно је рећи, слободно оглас своје стилске поделе, распона и класе по вашим дизајнерским потребама.

Корак 3: Не постоји Корак 3 ... Тхатс ит ... сте урадили!

Како показују одређени пост / страницу насупрот последњи пост: -
Ово може лако остварили променом аргументе да query_posts() укључи ИД страницу или страницу гутљај

) ; куери_постс ('паге_ид = 7');
) ; куери_постс ('пагенаме = око');

или можете да контролишете број порука:
) ; куери_постс (сховПостс = 3);