Висловлюючи IT

З моїм обмеженим набором навичок з інструментами, як Photoshop і Illustrator, я можу чесно зізнатися, що я краще, ніж розробник, я дизайнер. Але мій основний фон (на стороні сервера) з розвитком Java / PHP / COBOL, був дуже позитивний вплив на мій UI кваліфікації. Я маю на увазі, створюючи моїх проектів, тобто всякий раз, коли я роблю дизайн, я думаю про те, як дизайн може бути краще перетворити в HTML-CSS і при цьому HTML-CSS, я даю думка про серверної технології і зробити розумно, що що HTML можуть бути легко реалізовані в XSL петлі або фрагменти PHP і т.д.

Протягом багатьох років, я був кинутий на голові за ескізами дизайнерів інтерфейсу, який, ймовірно виграш мають поняття, що таке HTML і CSS є. Всі ці роки я думав, що я занадто багато чого, якщо я просто очікуємо, що дизайнер, який намагається шов його "неможливо кодом» дизайну горло, щоб зрозуміти, тільки трохи те, що його проект буде перетворений в. Це допоможе правильно?

Потім я натрапив на цю посаду сьогодні ... веб-дизайнерів, які не можуть код ... Спасибі Господу! Я просто один з багатьох, хто відчуває те ж саме ... вище artitle трохи довго намотується .. але варто читати, кожне слово.

Спасибі Elliot Jay Stocks ... Я відчуваю полегшення!

Ось деякі витяги з статті Елліот .

Нічого собі, який день! Все почалося з однієї маленької цвірінькання і закінчилася дискусія, яка, здавалося прокотитися по всій співтовариство веб-дизайну. Схоже, є деякі дуже сильні думки провів на цю тему від того, веб-дизайнери повинні уміти коду.
...
Тому, перш ніж ми перейдемо до цього, дозвольте мені швидко резюмувати, що я сказав сьогодні вранці на Twitter:

Чесно кажучи, я шокований тим, що в 2010 році я все ще приходять через "веб-дизайнерів, які не можуть писати свої власні проекти. Немає виправдання.

... Я мав трохи більш конкретними в моєму повідомлення. Я говорив про дизайнерів, які не мають навіть найелементарніших HTML і CSS навички, щоб перетворити плоску конструкцію в реальний сайт. Не люди, які навмисно вирішили не код, а ті, хто не може. І я на увазі також тільки інтерфейсний код тут, звичайно, смішно думати, що дизайнери повинні бути дивовижні фонові програмістів ...

Ми отримуємо "павутина" конструкції відправляються в Illustrator, 300dpi, неможливо коду, ні послідовності / юзабіліті.
~ Емі Махон

Вже пізно, і я повинен обернути цю діяльність так чи інакше. Я знаю, що буде багато тих, хто не згоден зі мною, і мої наміри не образити або засмутити тих, хто не може код, але я сподіваюся, що деякі, що я сказав відображає деякі моменти, які завжди приходять, коли заглиблюючись в цієї дискусії.

Зрештою, я не втрачати сон про те, хто може кодувати і хто не може. Я просто щиро здивований, виявивши так багато дизайнерів, які не мають інтерфейсні навички, як я думав, що це пішло в минуле.

Крім того, читати коментарі, було близько 320 коментарів, як я пишу ... вони стоять читати.
Будь ласка, прочитайте Елліот повний пост тут .. веб-дизайнерів, які не можуть кодувати

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

• У XHTML, імена тегів чутливі до регістру і, як правило, визначається як бути написані в нижньому регістрі. В HTML, проте, імена тегів чутливі до регістру і може бути записаний у верхньому регістрі або змішаний випадок, хоча найбільш поширеними конвенція дотримуватися в нижньому регістрі. При початкових і кінцевих тегів не повинні бути такими ж, але, будучи послідовним робить чистий код виду.

ПЕРЕВАГИ ВИКОРИСТАННЯ HTML

• Зворотна сумісність з існуючими браузерами
• Автори вже знайомі з синтаксисом
• М'який і прощає синтаксис означає, що не буде користувачів ворожі " Жовтий екран смерті ", якщо помилка випадково вислизнув через
• Зручний синтаксис скорочення, наприклад, автори можуть пропустити кілька тегів і атрибутів

ПЕРЕВАГИ ВИКОРИСТАННЯ XHTML

• Строгий синтаксис XML заохочує авторів писати добре сформовані розмітки, яку деякі автори можуть знайти легше підтримувати
• Інтегрується безпосередньо з іншими XML словники, такі як SVG і MathML
• Дозволяє використовувати обробки XML, які деякі автори використовують в якості частини їх редагування і / або публікації процесів

Вчора, після того, як питання, яке я зіткнувся з CSS скидання в Google Chrome ... Я думав про копати трохи глибше в область Користувач листи агента стиль ...
Знайдено цієї таблиці на значення за замовчуванням CSS 2.1 User Agent стилів ... (для тих, хто не знає, що "User Agent стилів", це слідувати Що таке User Agent Style Sheets (специфікації) .

Для отримання повного списку CSS 2.1 User Agent стилів за замовчуванням натисніть тут

Сьогодні, як і будь-який інший "День свині Ground", я працював над деякими CSS / бестаблічная макетів. Все йшло добре в IE 7, FF 3 і Chrome, ДО раптом, я бачив деякі не-ігноровані поля побачити тільки в Google Chrome. Хоча дуже дивно і worring, було кілька нових помилка / проблема, що я прийшов accross, був, нарешті, деякі спеції в моїй земної роботи. Сад (але хороший) вона була виправлена ​​протягом декількох хвилин зонда ...

В принципі, він схожий Google Chrome ігнорував мої CSS Скидання (маржа: 0px). Це насправді був викликаний стилів агента користувача (-WebKit-оббивка-старт: 40px). Таким чином, рішення було скинути цей стиль, встановивши відступи: 0 неправильно елементів.
Хороший спосіб запобігти виникненню цієї проблеми для будь-якого елементу є використання глобальної Відпочинок CSS наступним

* {Маржа: 0; оббивка: 0;}

Що таке User Agent Style Sheets (специфікації)?
Нижче наводяться витяги з http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , наступні посилання, щоб дізнатися більше про користувача листи агента стиль

CSS 1 представляє ідею про те, що кожен User Agent (UA, часто "браузер" або "Веб-клієнт») буде мати таблицю стилів за замовчуванням, яка подає документи в розумний - але, можливо, мирської - образом. CSS 2 сказано, що відповідні ПА повинні застосовуватися стилів за замовчуванням (або вести себе, як якщо б вони і зробили), а стиль за замовчуванням агента користувача аркуші повинні представляти елементи мови документа таким чином, щоб задовольняти загальним очікуванням презентації мову документа, CSS 3, ймовірно, того ж думки.

Оскільки специфікації CSS залишити його до реалізації, чи слід використовувати "реальні" стилів для відображення за замовчуванням чи ні, це не дивно, що ви не можете знайти таблицю стилів за замовчуванням в папці установки кожного браузера. На відміну від Internet Explorer від Microsoft, а також опери, наприклад, (і, наскільки я знаю), Gecko браузерів, як Firefox і Netscape Navigator (шукати "html.css"), а й Konqueror зробити це досить просто зрозуміти їх за замовчуванням стиль.

Ще один старий додатковий пам'яті школі ...

Чому ми повинні включити windos.status?
Javascripts може бути кошмаром, коли у вас є щось для налагодження. Firefox має кілька зручних аддонов, як Firebug Thats робить наше життя легко і Крім того, голосування за найпопулярніший метод налагодження в JavaScript повинен піти в "Alert ()". Anywaz! Є декілька випадків, коли додавання ALERT же налагодження неправильну поведінку Javascript просто не дуже хороша ідея. Наприклад! у вас є dragble пункт, положення якого має бути попереджені .... НІ НІ! Не приймайте це! ... Ви просто отримаєте нескінченні попередження або ви не зможете насправді ваш DRAP dragable. Ну! Є ще хороший ситуаціях, де ви можете виписати налагодження тексту в рядок стану, набагато більш usful ... Повірте мені! Його досвід!

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

Відкрито про: конфігурації в браузері (типу "про: конфігурації" цього в адресному рядку), а також пошук
будинок. disable_window_status_change. Змініть його на помилковий ... просто натисніть на в'їзд для перемикання його стан.

Або, альтернативно,

"Інструменти → Налаштування → Вміст → Enable JavaScript / Advanced → Змінити статус бар текст"

А також зазначити, що ... для запису в рядку стану в JavaScript, IE просто нормально, якщо ви використовуєте короткий синтаксис, тобто статус = 'деякі налагоджувальний текст ", але в FireFox, Ви повинні використовувати в повному обсязі, тобто синтаксис window.status =' то для налагодження "

Google починає рух, що спонукають людей скинути IE6 ... За прослуховування IE6 користувачів POPUP при завантаженні сторінки ... може бути не дуже гарна ідея ... але, будучи розробником інтерфейсу, я повинен приєднатися до цієї групи універсал ... один менше браузер для мене турбуватися про Вибачте ... це егоїстично! але я включити цей JavaScript ... (TRY до даної сторінки В IE6) ...
Гей! і яскравіше записку ... Подивися це прояв сили JAVASCRIPT .... він може навіть знизити гігантські (або один раз це було)

SO ... Допомога позбавити світ від IE6 з одного рядка JavaScript!

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

Я так схвильований з приводу збільшення кількості переглядів сторінок на моєму блозі, що я переглядаю Google Analytics майже кожен день. Я помітив, що мій блог, на який посилається сайтів на багатьох інших мовах, а також людей по всьому світу. Так приємно!
Щоб зробити життя трохи легше для моїх по-англійськи перегляду корабель, я додав віджет Google / плагін під назвою "Глобальний Перекладач".

Глобальний Перекладач говорить, що він "автоматично переводить блог в 41 різних мовах, уклавши чотири різних онлайн двигунів переклад (Google переклад двигуна, двигуна Babelfish переклад, FreeTranslations.com, Promt)" ... Якщо ви хочете додати його в свій власний установки WordPress ... перевірити його тут http://www.nothing2hide.net/wp-plugins/wordpress-global-translator-plugin/

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

Перекладач посилання на Дні бічній панелі ....

Херес ще один маленький peice обману Javascript, що мені довелося копирсатися, тому що ситуація commaned він. В одному з моїх веб-сайтів, у мене була ситуація, коли я повинен був здійснювати "windows.onload" в два рази. Перше, що б прийшли до недосвідчений розум, як у мене (у мене чесно сказати, що, оскільки я використовую JavaScript рамки і бібліотеки, я forgotton робити прості речі, на мій власний ... Сумно, але факт), є наступний метод ...

 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 (функції) {
     УАГ oldonload = window.onload;
     якщо (TypeOf window.onload! = 'функція') {
        window.onload = функція
     {} Інше
        window.onload = функція () {
            якщо (oldonload) {
                   oldonload ()
           }
           функції ()
        }
    }
 }

І називати його замість звичайного "windows.onload"

 addLoadEvent (FunctionToRunOnPageLoad);
 addLoadEvent (функція () {
 / * Більше коду, щоб запустити на сторінці завантаження *
 }); 

Переваги цей фрагмент коду ...
1. У першу чергу, це дозволяє мати кілька подій windows.onload, викликається з окремих частин коду, без overridding попереднє визначення
2. Це дуже ненав'язливо. Це може бути поміщений в файл з іншими сценаріями, або в окремому файлі.
3. Це працює, навіть якщо window.onload вже встановлений.

Я думав, що це можна буде каракулі, щоб знайти в Google, як багато ви нам користувальницького інтерфейсу і сценаристи повинні були б зробити це на повсякденній основі, тобто включити трохи peice з PHP фрагмент коду (. PHP) в Smarty шаблону (. TPL). Я зрозумів, що легше / популярних запитів вашої, ще більш важко знайти точну відповідь ... мільйонів результатів пошуку, але більшість з них відсилаються до "файл" включає в Smarty ..., який має наступний синтаксис:

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

Це фактично включив файл нормально, але як текст, що я хотів було результатом включений файл. (Зверніть увагу, вище, використовується шаблон включає в файлі шаблону). Нарешті, з трохи persiverance .... Я натрапив на slighty зміна синтаксису, який був відповіддю на мої вимоги ... так от вона ... якщо ви havn't знайшов один вже

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

Це питання мені в голову кілька разів, коли я працював на сайтах і раніше, в якому використовується, щоб показати WordPress блогів або новий вид контенту в деякі частини сайту / portal.Being новачок в PHP і навколо WordPress, я продовжував procastinating він, думаючи, що "це не моє peice пирога". Нарешті! Ця вимога вступило до мого носа, коли почалася Diggin навколо небагато для її вирішення.
Я був здивований, виявивши, що це дійсно було легше, ніж я на самом деле думав, що це було, щоб відобразити список заголовків або останнє повідомлення будь-яку іншу сторінку поза 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 додати наступну частину коду, включити файл WordPress API. Ви можете додати це у верхній частині сторінки ви хочете, щоб після з'явитися на.

<? PHP
'WP_USE_THEMES' , false ) ; // Disbable use of WordPress Theme define ('WP_USE_THEMES, помилковий) / / 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 ... Thats, це ... все готово!

Як показують конкретні записи / сторінки, а не останнє повідомлення: -
Це легко реалізується за рахунок зміни аргументів query_posts() включити ідентифікатор сторінки або сторінки кулі

) ; query_posts ('page_id = 7');
) ; query_posts ("назва сторінки = о ');

або ви можете контролювати кількість повідомлень:
) ; query_posts (showposts = 3);