Изразяване на ИТ

С моя ограничен умения комплект с инструменти, като Photoshop и Illustrator, мога честно да призная, че съм по-добър разработчик, отколкото аз съм дизайнер. Но моята квалификация с ядро ​​(сървър) развитие с Java / PHP / COBOL, е едно много положително влияние върху потребителския интерфейс ми развитието на уменията. Какво искам да кажа е, като същевременно се създава проектите си, т.е. всеки път, когато правя дизайн, аз мисля, за това как дизайнът може да бъде най-добре преобразува в HTML, CSS и докато правите HTML, CSS, давам мисъл за гръб технологии и относително сигурни, че HTML може лесно да бъде внедрен в XSL примки или PHP откъси и др.

През годините съм бил хвърлен главата да дизайн от дизайнерите на потребителския интерфейс, който вероятно donot имат представа какво е HTML или CSS. През всичките тези години аз мислех, че аз ще иска твърде много, ако ви очакват на дизайнера, който се опитва да shov му "невъзможно да се код" дизайн в гърлото ми, да се разбере съвсем малко, какво му дизайн ще бъдат превърнати в. Това ще помогне нали?

Тогава се натъкнах на този пост днес ... уеб дизайнери, които не могат да код ... Благодарение на Господ! Аз съм просто един от многото, които се чувстват по същия ... горе artitle е малко дълъг скучен .. но си струва за четене, всяка дума от него.

Благодаря Елиът Джей запаси ... се чувстват освободени!

Ето някои откъси от Elliots статия .

Уау, какъв ден! Тя започна с една малка чуруликане и завърши с дискусия, която изглеждаше да почистват територията на цялата Общност за уеб дизайн. Изглежда, има някои много силни мнения по въпроса дали уеб дизайнери трябва да е в състояние да код.
...
Така че, преди да навлезем в това, позволете ми бързо да набележи това, което казах на тази сутрин на Twitter:

Честно казано, аз съм шокиран, че през 2010 г. Аз съм все още идват през уеб дизайнери ", които не могат да кодират свои собствени проекти. Не е извинение.

... Аз трябва да съм бил малко по-специфичен в моя чуруликам. Аз говорех за дизайнери, които нямат дори най-основната HTML и CSS умения да се превърне плосък дизайн в самия сайт. Не хора, които умишлено не изберат да се код, тези, които не могат. И също ми се отнасят само до предния край код тук, разбира се това е смешно да се мисли, че дизайнерите трябва да бъде невероятно крайните програмисти ...

Ние се "паяжината" дизайн, изпратени в Illustrator, 300dpi, невъзможно да се код, без съгласуваност / функционалност.
~~ Ейми Mahon

Става късно, и аз имам да приключи този нагоре по някакъв начин. Знам, че ще има много хора, които не са съгласни с мен, и моето намерение не е да обиди или разстрои всеки, който не може код, но се надявам, че някои от това, което казах отразява някои от точките, че винаги, когато дълбаят в този дебат.

В края на деня, аз не губят всеки сън, който може да кодира и които не могат. Аз съм просто истински изненадан да намерят толкова много дизайнери, които нямат предния край умения, тъй като мислех, че това е нещо от миналото.

Също така прочетете коментарите, имаше около 320 коментара, както аз пиша ... те са си струва да прочетете.
Моля, прочетете Elliots целия пост тук .. уеб дизайнери, които не могат да кодират

• Декларацията за Тип на документа трябва да присъстват на началото на документ, който използва HTML синтаксис. Тя може по избор да се използва в рамките на синтаксиса на XHTML, но това не се изисква. Документът XHTML не трябва да включват DOCTYPE, защото правилно XHTML документи, които се доставят с помощта на XML MIME тип и се обработват като XML от браузърите, винаги се оказва по никакъв странности режим.

• В XHTML, тагове имена са чувствителни и обикновено са определени да бъдат написани с малки букви. В HTML тагове имена са нечувствителен и могат да се изписват изцяло с главни или смесен случай, въпреки че най-често конвенция е да се придържаме с малки букви. Случай на началните и крайните тагове не трябва да бъде същата, но е в съответствие прави Изчистен вид код.

Ползите от помощта на HTML

• Обратно съвместим със съществуващите браузъри
• Авторите вече са запознати със синтаксис
• Снизходителни и прощава синтаксис означава, че няма да има лесен за враждебен " Жълт екран на смъртта ", ако грешка случайно се изплъзне през
• Удобен синтаксис стенограмите, например авторите могат да пропуснат някои тагове и атрибути стойности

Ползите от ИЗПОЛЗВАНЕ XHTML

• Стриктно XML синтаксис насърчава авторите да пишат добре оформени маркиране, които някои автори могат да намерят по-лесно да се поддържа
• Интегрира се директно с други XML речници, като SVG и MathML
• Позволява използването на XML Processing, което някои автори използват като част от тяхното редактиране и / или процеси издателски

Вчера, след издаване, се сблъсках с CSS Връща в Google Chrome ... Мислех, че на изкопни работи малко по-дълбоко в областта на Потребителски агент Стил листове ...
Открили тази таблица на стойности по подразбиране на CSS2.1 Потребителски листа брокер стил ... (за тези, които знаят какво е "Потребителски листове агент стил", е да следвате Какво е Потребителски листове агент стил (спецификация) .

За пълния списък на CSS 2.1 Потребителски агент Стил листове по подразбиране, натиснете тук

Вчера, като всеки друг "Приземен свиня Ден", е работил по някои CSS / tableless оформления. Всичко вървеше добре в IE 7, FF 3 и Chrome, докато изведнъж видях някои от ООН ignorable маржове, наблюдавани само в Google Chrome. Въпреки, че много странно worring, Това е някакъв нов бъг / проблем, че съм идват accross, имаше най-накрая някаква подправка в светски ми работа. Сад (но добре) го определя рамките на няколко минути на сондата ...

По принцип, тя изглеждаше като Google Chrome игнорира ми CSS-Нулира (марж: 0px). То всъщност е била причинена от стилове на потребителския агент (WebKit-подложка-старт: 40px). Така че решението е да възстановите този стил, чрез определяне на подложка: 0 непослушните елементи.
Един добър начин да се предотврати този проблем да се случва на всеки елемент е да използвате глобален почивка на CSS, както следва

* {Граница: 0; подложка: 0;}

Какво е Потребителски листове агент стил (спецификация)?
Следният откъс е взета от http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , последваща връзка, за да прочетете повече на потребителските агент Стил листове

CSS 1 въвежда идеята, като посочва, че всяка User Agent (UA, често "уеб браузър" или "уеб клиент") ще има лист по подразбиране стил, който представя документи в разумен, но може би банално - начин. CSS 2 казва, че отговарят агенти потребителски трябва да се прилага един лист стил по подразбиране (или се държат така, сякаш те направи) и, че лист по подразбиране един потребител агент на стил трябва да представи елементите документ език по начини, които удовлетворяват общи очаквания за представяне на документ език; CSS 3 е вероятно да бъде от един и същи ум.

Тъй като CSS спецификации се остави на реализации, дали да се използват "истински" стил за основния дисплей или не, това не е учудващо, че не можете да откриете лист по подразбиране стил в инсталационната папка на всеки браузър. За разлика от Internet Explorer на Microsoft, както и Opera, например (и доколкото знам), Gecko браузъри като Firefox и Netscape Navigator (погледнете за "html.css"), но също така Konqueror, че е доста проста, за да разберем техния стил по подразбиране.

Друг стар допълнителен училище памет ...

Защо ние да позволи windos.status "?
Javascripts може да бъде кошмар, когато имаш нещо, за коригиране на грешки. Firefox прави няколко полезни Addons, като на Firebug този прави живота ни по лесен и гласуването за най-популярната техника за отстраняване на грешки в Javascript Също така, трябва да отидете на "сигнал ()". Anywaz! Има няколко случая, при добавяне на ALERT се дебъгване погрешно поведение Javascript е просто не е добра идея. За пример! имате dragble елемент, чиято позиция трябва да бъде уведомен, ... Не, не! Не го направи! ... Вие ще получите безкрайни сигнали или сте свикнал да е в състояние всъщност drap си dragable. Е! Има по-добри ситуации, където можете да Debug текстове лентата на състоянието, много повече usful, ... Повярвайте ми! Опита си!

IE по подразбиране остави пишете до адресната лента на браузъра статус синтаксиса "" нещо за дебъгване "window.status =", но FireFox не. Така че, за да даде възможност на Windows Промяна на състоянието, можете да направите едно от следните неща.

Отворете относно: конфигурация в браузър (тип "за: конфиг" в адресната лента това) и търсене на
дом. disable_window_status_change " Променете я до фалшиво ... просто кликнете върху влизането, за да превключите на състоянието му.

Или другия вариант

"Инструменти → Опции → Съдържание → Enable JavaScript / Разширено → Промяна на статус бара на текст"

А също така отбелязват, че ... да пишат в лентата на състоянието във Вашата Javascript, IE е просто ОК, ако използвате кратък синтаксис т.е. статус = "Някои Debug текст", но в Firefox, трябва да използвате в пълния синтаксис, т.е. window.status = ' нещо, за коригиране на грешки "

Google стартира движение ред на хората да се отърват от IE6 ... С подслушвателни IE6 потребителите с изскачащ за зареждане на страницата ... не може да бъде много добра идея ... но е разработчик на UI, аз трябва да се присъединят към този вагон лента ... един по-малко браузър за мен се тревожат за ... За съжаление това е егоистично! но аз съм този Javascript ... (опитайте тази страница в IE6) ...
Хей! и по-светло бележка ... Вижте, това е проява на силата на JavaScript .... тя дори може да свали гигант (или след като е)

Така че ... помощ се отърве от света на IE6 с по една линия на JavaScript!

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

Толкова съм развълнувана, за увеличаване на броя на показвания в моя блог, че да проверя моите Google Анализ почти всеки ден. Аз забелязах, че моят блог е бил отнесен от сайтове в много други езици и от хора по целия свят. Толкова хубаво!!
За да направят живота малко по-лесно ми не са на английски зрителя кораба, която съм добавил Widget Google / добавка, наречена "Global Преводач".

Global Преводач казва, че "Автоматично превежда блог в 41 различни езика, като опаковане на четири различни онлайн превод двигатели (Google Translation Engine, Babelfish Превод на двигателя, FreeTranslations.com, Promt)" ... Ако искате да го добавите към вашата собствена инсталация на WordPress ... проверите тук http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/,

Не съм сигурен, колко добър превод е, но аз искрено се надявам, че тя помага за няколко разработчиците колеги там, които в крайна сметка постигане на моя блог, само за да бъдат разочаровани, че е на английски език ....

Преводачът връзки са в долната част на страничната лента ....

, Ерес друго малко peice, на измама Javascript, че аз трябваше да копаем наоколо, защото ситуацията го commaned. В един от моите уеб сайтове, имах тази ситуация, в която трябваше да въведе "windows.onload" два пъти. Първото нещо, че ще дойде да неопитен ум като моя (аз трябва да кажа честно, че, тъй като имам използвате JavaScript рамки и библиотеки, съм Забравена да го прости неща, на моя ... тъжно, но е истина), е следният метод ...

 window.onload = onloadfn1;
 window.onload = onloadfn2;
 window.onload = onloadfn3;
 и т.н. ..

Съжалявам да кажа, но това няма да работят ... не искам да обсъдят науката изпълнението на Javascript много ... но в съответствие с неотдавнашното ми опит, само последната функция (onloadfn3) ще лошо всъщност се изпълнява.

В нормални ситуации, за разлика от моя (което аз ще говоря за малко по-късно) ... бихте могли да направите едно от следните да изпълни mutliple функции onload ....

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

 на функция doOnLoad () {
         onloadfn1 ();
         onloadfn2 ();
         onloadfn3 ();
 }
 window.onload = doOnLoad;

За сегашното ми положение не може да използвате някоя от по-горе ...
Защо имам нужда да се обадя windows.onload два пъти, а, че призовава две функции в рамките на една функция onload? Ето бърз поглед на моя проблем изявление ...

"Моят сайт" страници са структурирани като Wordpress Тема .... т.е. налице е обща header.php и Footer.php, който да се включва във всички страници на сайта. Налице е едно implementaion onload функция в Footer.php, да се направят някои общи функции onload. И има няколко страници, които се нуждаят от нещо на собствената си ONLOAD, освен тези, направено от общата функция onload. Ако аз зададете функция за обратно извикване директно към window.onload манипулатор, ще свръх-вози на вече възложени извика в Footer.php "

.... Е мой проблем разбира ?

Е! има няколко решения, че съм откри. Те всички са много сходни и най-вече implementions на решение, дадено от за Саймън Willison ( http://simonwillison.net/2004/May/26/addLoadEvent/ ) ...

Решение:

Просто добавете този код на JavaScript на сайта ...

 за функция addLoadEvent (функции) {
     VAR oldonload = window.onload;
     ако (window.onload Вид на! = 'функция ") {
        window.onload = функции
     } Друго {
        window.onload = функция () {
            ако (oldonload) {
                   oldonload ()
           }
           функция ()
        }
    }
 }

И да го наречем, вместо на обичайните "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad); addLoadEvent (функция () {/ * повече код, за да се движат по зареждане на страницата *}); 

Предимства на този код фрагмент ...
1. На първо място, това ви позволява да имате няколко събития windows.onload, наречен от отделни части от кода си, без overridding предходната дефиниция
2. Това наистина е ненатрапчив. Това могат да бъдат поставени във файл с други скриптове или в отделен файл.
3. Тя работи дори ако window.onload вече е определена.

Мислех, че това ще бъде Doodle да се намери в Google, най-много да ни интерфейс и сценаристи ще трябва да направите това за един ден за ден основа, това е да включва малко на peice, откъс от PHP код (PHP) в Smarty Template (гражданска отговорност). Разбрах, че по-лесно / популярен заявката си, още по-трудно да се намери точен отговор ... един милион резултатите от търсенето, но повечето от тях за краткост "файл" се включва в Smarty ..., която има следния синтаксис

{Включване на файл = "include / header.php"}

Това всъщност inlcuded файла добре, но като текст, Това, което исках, е резултат на включените файл (Забележете, това се използва включват шаблон вътре шаблон файл). Най-накрая с малко persiverance .... Аз попаднали в едно slighty промяна синтаксис, което е отговор на моя изискване ... така че тук е ... ако havn't, намери един вече

{Include_php файл = "include / header.php"}

Този въпрос ми е минавало през ума няколко пъти, преди, когато работех на сайтовете по-рано прекалено, която използва WordPress да покаже, блогове или нов вид на съдържанието в някои части на сайт / portal.Being на начинаещ в PHP и около WordPress, аз продължавах да procastinating, мислене "това не е peice ми торта". Най-накрая! това изискване Upto носа ми, когато започна Закопаваш около малко за разтвор.
Бях изненадан да открие, че това наистина е по-лесно, отколкото всъщност мислех, че е било, да се покаже списък от заглавия или последните мнения на всяка друга страница извън WordPress захранван секция, само с помощта на малко PHP и WordPress API .

Ето какво да направите: -
От съображения обяснение, да предположим, че вашият сайт е http://www.inchembur.com/ и имате новини за този сайт на http://news.inchembur.com/ (който се работи WordPress). Сега изискването е да се покаже последните длъжността от http://news.inchembur.com/ ", на началната страница на основния обект, т.е. http://www.inchembur.com/index.php

Стъпка 1: Във вашия index.php добавете следния peice, код, включват WordPress API файл. Можете да добавите това към горната част на страницата, която искате вашия пост да се появи на.

<? PHP
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ("WP_USE_THEMES", FALSE); / / Disbable използването на WordPress Тема
require ("/ var / news.inchembur.com / WP-блог-header.php"); / / WordPress API.
; // Get Latest Post query_posts ("showposts = 1"); / / Последна публикация
>

В горния peice на включват, ние сме само един най-скорошна публикация. , ако искате да опитате повече варианти да се чувстват свободни да копаят в, query_posts() документация .

Стъпка 2: Сега, в част от Индекса / Начало страницата, където искате да се показват последните на WordPress мнения от http://news.inchembur.com , използвайте следния код. Излишно е да казвам, чувствайте се свободни да рекламата си стайлинг дивизия, простира се и класове по своя дизайн нужди.

Стъпка 3: Не е Стъпка 3 ... Това ... сте готови!

Как показват определен пост / страница, за разлика от последните мнения:
Това може лесно да постигнала чрез промяна на аргументите, за да query_posts() за да се включат на страницата ID или страница на голия охлюв

) ; query_posts ("page_id = 7 ');
) ; query_posts ("pagename = за ');

Можете да контролирате броя на длъжностите:
) ; query_posts (showposts = 3);