Ниже приводится статья, которую я прочитал в блоге о интерфейсные разработчики и практики кодирования и думал, что пройдет его. Это Дуг Neiner, редактор на топливо Ваше кодирование и президент Pixel студии графического дизайна . Он пристрастился к новой технологии, и особенно любит проводить время с WordPress, Ruby на Rails и JQuery.
То, что следует здесь серию из 10 вещей, чтобы помнить и применять на практике по каждому проекту веб-разработки. Я перечислил их здесь в порядке важности, поскольку многие из шагов строить друг на друга. Если вы ничего от чтения, пожалуйста, правила # 1 и # 2 в сердце и практиковать их. Я думаю, что решение этих двух проблем приведет к улучшению дизайна и более эффективной реализации на веб-сайтах в сети Интернет.
1. Достаточно зарядить, а затем некоторые
Особенно в трудные экономические времена, бизнес и частные лица пытаются сократить расходы и сохранить проекты до минимума. В связи с этим знанием, мы, как веб-разработчики пытаются пройти через каждый этап как можно быстрее. Передняя развития конце концов, однако, принять значительное количество времени, если все сделано правильно. Не достаточно зарядки для того времени приводит нас как разработчиков, чтобы пропустить то, что мы знаем, важно только, чтобы держать проект в рамках бюджета. Правило простое ... Вы как правило, не будет времени, чтобы сделать это правильно, если у вас нет времени, чтобы взять. Единственный способ, чтобы получить больше "времени", как разработчик, должна гарантировать время мы НЕ тратить правильно компенсацию. В этот момент один может наши сердца и умы быть полностью подключен к нашим проектам ... И только тогда мы сможем взять время, чтобы следить за оставшиеся 9 правил.
2. Обучение Designer
Для тех, кто дизайнер / разработчик все-в-одном компьютере, на этот раз должно быть легко. Тем не менее, кодеров, работающих с детьми или для дизайнера имеют уникальную ответственность. Как и многие дизайнеры приходят из печати фона, это до вас, разработчик, чтобы просветить их по возможности доступными для своих проектов. Нет ... Я не говорю, пусть они знают, о 150 + JQuery плагин вы используете, или ваши мысли по использованию UL / LI комбо против ряда тегов. Я сказал, воспитывать их в возможности. Помогите им понять, как их дизайн может отображаться на разных устройствах. Помогите им понять, как использовать повторяющиеся фоны и плиточные моделей для достижения больших конструкций с минимальным размером файла.
Не оставляйте творчества исключительно как дизайнер! Это ваш шанс доказать, что вы творческий, а также на поиске идеального технологических решений для удовлетворения потребностей дизайнера. Мужчина их "просто не будет сделано таким образом" для каждого запроса верный способ вызвать разочарование с обеих сторон. Положите свой ум работать поиск путей вокруг препятствий.
Примечание: Правила 3 по 10 построить от этих первых двух правил. Некоторые из этих правил требует дополнительной графикой от дизайнера, и все правила, потребуется время, чтобы следовать. Возьмите на себя обязательство правила 1 и 2, а остальные правила и смысл и сделать готовый продукт, который намного лучше.
3. Подумайте, в слоях, а не на ломтики
Даже сегодня, мы все еще используем фразу "резать дизайн", чтобы описать процесс перемещения конструкции из Illustrator или Photoshop в готовую HTML / CSS макет. Хотя это все еще в значительной степени точным, его название противоречит прежняя концепция дизайна нарезки на части и сборку (как правило в таблице) обратно на страницу HTML.
Это была старая сеть. Новый веб использует концепцию слоев, укладки, и г-индекс для достижения конструкции с глубиной. Как программист, не забудьте получить слоистой PSD файлов или слоистых файлы AI от дизайнера по сравнению с плоским дизайном. Это позволит вам иметь больше гибкости в том, как вы собрали веб-сайта. Помните, что при работе в слоях, рассмотрим HTML-элементов, которые имеют важное значение для структуры, прежде чем прибегать к добавлению дополнительных дивы и пролетов. Вы можете использовать повторяющиеся вертикальный узор на html элемент, и повторяют горизонтальный фон на body элемента без чего страшного div#wrapper , чтобы решить ваши беды фоне.
Продолжить чтение
Я читал любимый блог мой, Nettuts + и нашел, что это самое простое объяснение для пропускной способности. Спасибо Эндрю Берджесс! 
