2010 9 марта 2010

Его о "веб-дизайнеры, которые не могут кодировать"

С моим ограниченным набором навыков с инструментами, как 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 комментариев, как я пишу ... они стоят читать.
Пожалуйста, прочитайте Эллиоты полный пост здесь .. веб-дизайнеров, которые не могут кодировать


2009 18 октября 2009

HTML и XHTML

  • Декларация типа документа должно присутствовать в начале документа, который использует HTML синтаксис. Это необязательно может быть использован в течение синтаксис XHTML, но это не требуется. Документ XHTML не нужно включать DOCTYPE XHTML, потому что документы, которые поставляются правильно используя XML MIME тип и обрабатываются как XML-браузерами, всегда отображаются ни в режиме совместимости.
  • В XHTML, имена тегов чувствительны к регистру и, как правило, определяется как быть написаны в нижнем регистре. В HTML, однако, имена тегов чувствительны к регистру и может быть записан в верхнем регистре или смешанный случай, хотя наиболее распространенными конвенция придерживаться в нижнем регистре. При начальных и конечных тегов не должны быть такими же, но, будучи последовательным делает чистый код вида.

ПРЕИМУЩЕСТВА ИСПОЛЬЗОВАНИЯ HTML

  • Обратная совместимость с существующими браузерами
  • Авторы уже знакомы с синтаксисом
  • Мягкий и прощающий синтаксис означает, что не будет пользователей враждебные " Желтый экран смерти ", если ошибка случайно выскользнул через
  • Удобный синтаксис сокращение, например, авторы могут пропустить несколько тегов и атрибутов

ПРЕИМУЩЕСТВА ИСПОЛЬЗОВАНИЯ XHTML

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

2009 28 июля 2009

CSS2.1 User Agent по умолчанию стилей

Вчера, после того, как вопрос, который я столкнулся с CSS сброс в Google Chrome ... Я думал о копать немного глубже в область Пользователь листы агента стиль ...
Найдено этой таблицы на значения по умолчанию CSS 2.1 User Agent стилей ... (для тех, кто не знает, что "User Agent стилей", это следовать Что такое User Agent Style Sheets (спецификации) .

Для получения полного списка CSS 2.1 User Agent стилей по умолчанию нажмите здесь


2009 27 июля 2009

User Agent стилей: Тайна Поля в Google Chrome

Сегодня, как и любой другой "День свиньи 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 сделать это довольно просто понять их по умолчанию стиль.


2009 6 апреля 2009

Как включить запись в строке состояния (window.status) в Firefox

Еще один старый дополнительный памяти школе ...

Почему мы должны включить 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 =' то для отладки "


2009 22 марта 2009

SevenUp! Поощрение мира, чтобы избавиться от IE6!

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

SO ... Помощь избавить мир от IE6 с одной строки JavaScript!

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


2009 8 марта 2009

Глобальный Переводчик плагин для блога WordPress

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

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

Не уверен, насколько хорошо перевода, но я искренне надеюсь, что она помогает разработчикам несколько человек там, которые в конечном итоге достигая моего блога, только чтобы быть разочарованы, что это на английском языке ....

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


2009 7 марта 2009

Вызов нескольких OnLoad для Windows функции в Javascript

Херес еще один маленький 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 уже установлен.


2009 24 февраля 2009

Как включить PHP код в шаблон Smarty

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

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

Это фактически включил файл нормально, но как текст, что я хотел было результатом включен файл. (Обратите внимание, выше, используется шаблон включает в файле шаблона). Наконец, с немного persiverance .... Я наткнулся на slighty изменение синтаксиса, который был ответом на мои требования ... так вот она ... если вы havn't нашел один уже


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


2009 2 февраля 2009

Как включить блог WordPress на другой сайт

Этот вопрос мне в голову несколько раз, когда я работал на сайтах и ​​раньше, в котором используется, чтобы показать 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() включить идентификатор страницы или страницы пули

) ; query_posts ('page_id = 7');
) ; query_posts ("название страницы = о ');

или вы можете контролировать количество сообщений:
) ; query_posts (showposts = 3);


NDK дома | Выражая IT | Выражая неба | Выражая Penmenship | Выражая трепет | выразить себя