Статьи

Мы снова поговорили с экспертами, и вот что случилось

Этим утром мы провели сеанс Talk With The Experts, который несколько отличался от того, что я проводил в прошлом, по нескольким причинам. Во-первых, тема была очень широкой: «Начало работы с веб-дизайном». Он был нацелен на людей, которые плохо знакомы с веб-дизайном и нуждаются в некотором совете и руководстве. Во-вторых, не было только одного или двух экспертов, а целый ряд сотрудников форума SitePoint могли ответить на вопрос. Это было немного похоже на форумы в ускоренном режиме и оказалось чрезвычайно успешным. Я подумываю проводить такую ​​сессию каждые пару месяцев, поэтому, если вы пропустили сегодня, следите за будущими. Вы можете подписаться на напоминания по электронной почте здесь .

Я знаю, что у некоторых людей были проблемы со входом в чат. Извиняюсь за это. Программное обеспечение немного глючит, но, к сожалению, мы извлекаем максимум из плохого, пока у нас нет времени и ресурсов для написания собственного интерфейса (который был разработан и будет потрясающим)! Совет для будущих сессий — если вы получаете сообщение об ошибке, когда ваш адрес электронной почты уже используется, исправьте его. Адреса не записываются и не используются ни для чего, поэтому это не имеет значения.

Было несколько тем, которые были подняты сегодня утром, но большая часть обсуждения была сфокусирована на двух темах — адаптивный дизайн (в первую очередь для мобильных устройств) и то, как люди подходят к дизайну.

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

Мобильный (Адаптивный) Дизайн
Медиа-запросы — это новое дополнение к CSS, которое позволяет настраивать стили для устройств определенной природы, например, с экраном определенного размера. Они очень удобны. Для них есть удобное введение в SitePoint Reference: http://reference.sitepoint.com/css/mediaqueries

Подробнее о медиа-запросах и перенаправлениях http://www.lukew.com/ff/entry.asp?1392

Мобильные фокусированные рамки http://stuffandnonsense.co.uk/projects/320andup/

Создание доступных мобильных приложений http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu

И наш вклад во все мобильные вещи http://www.sitepoint.com/books/mobile1/

Общие ресурсы дизайна для начинающих
Курсы SitePoint на Learnable https://learnable.com/sitepoint

Некоторые книги по дизайну SitePoint http://www.sitepoint.com/books/design2/ и http://www.sitepoint.com/books/sexy1/

DesignFestival — часть сети SitePoint http://www.sitepoint.com/

И, наконец, наш форум начинающих дизайнеров http://www.sitepoint.com/forums/forumdisplay.php?16-Getting-Started-With-Web-Design

И для тех из вас, кто интересуется, что именно произошло сегодня утром, вот полная стенограмма. Наслаждайтесь!

HAWK HAWK
Эта сессия будет немного отличаться от той, которую мы проводили в прошлом, тем, что в ней не один или два эксперта, а целый ряд экспертов форума. Я надеюсь, что это работает как нечто бесплатное для всех, когда люди помогают друг другу.
HAWK HAWK
Давайте начнем с того, что представимся. Я HAWK, менеджер сообщества для SitePoint и бывший разработчик. Я живу в Окленде, Новая Зеландия, хотя я, очевидно, работаю в австралийской компании,
Это долго добираться…;)
StarLion StarLion
хорошо для практики вашего плавания, хотя.
HAWK HAWK
Ха-ха, действительно. Чтобы быть честным, Air New Zealand сделает поездку на работу приятной.
обкрадывать обкрадывать
Я дизайнер. Мои вопросы в основном о лучших практиках. Я делаю в основном дизайн веб-почты, который требует простого кода. У меня есть искусство, направленное на разработку сайта, но я передаю тяжелое кодирование воинам кода 🙂 Мой вопрос заключается в том, как самому облегчить дизайн сайта, используя сетки или веб-шрифты и т. Д.
guido200 … guido2004
Я Гвидо, консультант команды сообщества из Рима, Италия.
StarLion StarLion
Я программист в углу.
HAWK HAWK
Хороший вопрос @Rob. Кто-нибудь хочет взять это на себя?
MattW MattW
Мэтт, веб-программист Junrior для крупнейшего в мире создателя / дистрибьютора пейнтбола
PaulOB PaulOB
Привет, я Пол. Я руководитель группы на форумах Sitepoint в Хэмпшире, Великобритания. Мои навыки в основном css / html и немного другие.
HAWK HAWK
Звучит довольно круто @MattW — я большой поклонник пейнтбола
MattW MattW
@ Хоук, (Г.И. Спортц), если он звонит в колокол. Они спонсируют все профессиональные команды и т. Д.
StarLion StarLion
Я … немного смущен вопросом Роба. Похоже, вы уже делаете дизайн. Во что … ты точно пытаешься попасть?
redWheel … redWheelbarrow
Привет, красная штанга здесь. Новичок в вебинарах, но будет стоить 2 цента. Я избегал сеток (негибких) в пользу ширины жидкости, но сейчас я размышляю о лучших методах включения массива мобильных устройств.
обкрадывать обкрадывать
Фактическое кодирование. JQuery. HTML 5. Вещи, которые нельзя использовать в веб-дизайне.
HAWK HAWK
Привет и добро пожаловать @ ralph.m. В настоящее время мы говорим о передовых практиках и о том, как упростить дизайн сайта — с помощью гридов, веб-шрифтов и т. Д.
Хорошо — спасибо за прыжок в @redWheelbarrow
HAWK HAWK
Привет и добро пожаловать всем, кто только что присоединился к нам. Не стесняйтесь представиться и бросить любые вопросы, которые у вас есть на ринг. Не беспокойтесь, если вы просто хотите скрыться. Вам также рекомендуется отвечать на чьи-либо вопросы — это бесплатно для всех. 😉
MattW MattW
Согласовано с мобильными проблемами .. Я столкнулся с проблемой. Мы используем тему WordPress, которая совместима для просмотра на мобильных устройствах. Однако размер нашего логотипа заголовка img НЕ изменяется, поэтому он покрывает огромную часть контента при просмотре на Mobile.
обкрадывать обкрадывать
Может быть, я могу упростить свой вопрос. Начните с использования сетки. Плюсы. Минусы?
StarLion StarLion
WYSIWYG-редактирование — это, как правило, место, где я представляю себе, что большинство дизайнеров сначала переходят … не обязательно лучший способ обучения (основные редакторы, как правило, используют странные причуды, чтобы все выстраивалось в линию, не очень обтекаемые и т. Д.), Но я думаю, что именно там много начать.
Грузия Грузия
Привет! Недавно меня повысили на должности от графического дизайнера до веб-мастера, поэтому я стараюсь учиться как можно быстрее и быстрее. До сих пор я получаю довольно хорошее представление о CSS, но использую px вместо% и ems. Должен ли я сосредоточиться на том, чтобы привыкнуть к использованию измерений жидкости вместо более конкретных?
ralph.m ralph.m
Всем привет. @Rob: стоит почитать пару хороших книг о веб-дизайне, чтобы убедиться, что у вас есть хорошая основа. Кроме того, просто начните строить страницы! В действительности все довольно просто (не говорите никому). Это то, что довольно легко сделать на стороне, как поначалу хобби, если вы не можете позволить себе бросить свою повседневную работу. Обычно довольно легко найти друга или члена семьи, которым нужен сайт.
PaulOB PaulOB
@redWheelbarrow. «Мобильность прежде всего» обычно считается лучшим подходом в наши дни, если для вас важен мобильный телефон. Вместо того, чтобы обслуживать миллионы устройств, вам нужно просто добавить медиазапросы, чтобы удовлетворить ширину, при которой ваш дизайн больше не работает.
гулянка гулянка
Барни из Куэнка, Эквадор
HAWK HAWK
привет @ Барни
redWheel … redWheelbarrow
Можете ли вы подробнее рассказать о медиа-запросах?
гулянка гулянка
Добрый день, Мисси — спасибо, что приняли меня
StarLion StarLion
Это хитрость в измерениях текучести — обычно вы не можете протестировать каждую платформу, чтобы увидеть, где ваш код будет ломаться (или, по крайней мере, вы, вероятно, не потратите пару тысяч долларов на покупку ПК, Mac, iPad, iPhone, Android и т. Д., и т.д., и т.д. ….
ralph.m ralph.m
@Rob. Сетки могут быть больше проблем, чем они стоят. Я бы порекомендовал научиться создавать макеты самостоятельно, чтобы вы понимали принципы. Мы видим много проблем с сетками на форумах, где было бы легко писать код с нуля.
HAWK HAWK
@ Грузия, это определенно тот вопрос, на который @PaulOB может ответить…
PaulOB PaulOB
@Georgia. Что касается изменения размера шрифта, то лучше работать в ems, хотя вам придется немного ослабить контроль.
Грузия Грузия
@PaulOB
Сожалею. спасибо, PaulOB!
HAWK HAWK
Для тех из вас, кто только что вошел, мы в настоящее время обсуждаем лучшие практики
Майк Майк
ralph.m & @Rob, от Grids, вы имеете в виду что-то вроде сетки 960 или что-то еще? Полный новичок здесь.
Анна Анна
да, спасибо 🙂 не ожидал получить ответ так быстро
PaulOB PaulOB
@Georgia. Это может быть неудобно при работе с ems, если вы привыкли использовать px, но это стоит усилий и, конечно, делает текст более масштабируемым.
ralph.m ralph.m
@redWheelbarrow Медиа-запросы — это новое дополнение к CSS, которое позволяет настроить ваши стили на устройства определенной природы, например на устройства с экраном определенного размера. Они очень удобны. Для них есть удобное введение в SitePoint Reference: http://reference.sitepoint.com/css/mediaqueries
redWheel … redWheelbarrow
Согласитесь с использованием ЭМС. Использовать их успешно в течение многих лет, с CSS и XHTML. Мои текучие сайты «умещаются» даже на самых маленьких экранах Blackberry, но я все еще обеспокоен удобством использования. Вот почему я хотел бы узнать больше о мобильных проблемах.
jess.irw … jess.irwin
Мы перешли на использование ems, но недавно было выдвинуто предложение о том, что мы возвращаемся к px, потому что это то, что кто-то видел, как делали «большие имена в сети»?
ralph.m ralph.m
@ Майк, да, такие вещи, как сетка 960. Есть много и много их появляется сейчас. ИМХО, они вносят много сложностей, которые имеют сомнительную ценность.
jess.irw … jess.irwin
Я лично не возражал против ems, это не делало мой рабочий процесс более длинным… но я был единственным членом команды, которому они понравились, я думаю 🙁
PaulOB PaulOB
@redWheelbarrow. Какие конкретные проблемы у вас есть с мобильным?
redWheel … redWheelbarrow
Спасибо, РальфМ. Просто поймал ваш ответ и проверим эту ссылку.
обкрадывать обкрадывать
@ Ralph.m: Спасибо. Я сделал. Разработайте дизайн страницы в Pshop или Fireworks. Трансфер в Dreamweaver. Массаж плохой код. Публиковать. Чего я не знаю, так это эффективности построения большого сайта, когда нужно использовать шаблоны, flash или html 5, сетки или их нет, делая сайты максимально масштабируемыми. Если есть ДЕЙСТВИТЕЛЬНО хорошая книга для этого, дай знать, где!
гулянка гулянка
Использование Amedia хорошо подходит для интенсивного трафика, оно снижает количество обращений к серверу, но я считаю, что они не важны, например «Печать» (для удобства печати) — не очень помогает в экономии… просто мое мнение….
HAWK HAWK
Если вы только что присоединились к нам, не стесняйтесь задавать вопросы, которые у вас есть, или отвечать на любые, которые вы видите.
Майк Майк
@ ralph.m спасибо за разъяснения.
Дорак Дорак
Всем привет. Что люди здесь думают, что делает сайт современным и современным? Стили сайта менялись с годами.
Анна Анна
Эй, ребята, мне интересно, как было бы лучше защитить контактную форму от спама? иметь один веб-сайт, который фиксируется на всех страницах
гулянка гулянка
меньше глазных конфет — больше реальной информации — работает для меня
PaulOB PaulOB
@ Jess.irwin. Дизайнеры любят px, потому что им нравится точно контролировать вещи, но в Интернете у вас мало контроля над тем, что пользователь может просматривать, с какими настройками он применял. Вы должны немного ослабить контроль и позволить пользователю решать, какой размер текста он хочет, а не навязывать ему px. Тем не менее, многие клиенты все еще не понимают этого.
guido200 … guido2004
@ Анна, а как насчет капчи?
Грузия Грузия
Чистая типографика, никаких анимированных картинок, вращающихся вокруг, гармония цвета
Маурисио … MauricioOchoa
Привет всем, я из Боготы, Колумбия, работаю веб-мастером на местном телеканале, использую Joomla CMS и хочу узнать больше об интеграции CMS и адаптивного дизайна
Дорак Дорак
Что вы подразумеваете под «чистой типографикой»?
HAWK HAWK
@dorak Вы можете потратить немного времени на проверку designfestival.com для некоторых идей.
redWheel … redWheelbarrow
Я не хочу пытаться создавать разные макеты CSS для каждого настоящего и будущего бренда и версии мобильных устройств. Существуют ли новые стандарты, как в случае кросс-браузерных стандартов для настольных компьютеров?
jess.irw … jess.irwin
@PaulOB В настоящее время мы не работаем с адаптивными сайтами. Что бы вы посоветовали использовать для ems, кроме размера шрифта?
Анна Анна
капча не выглядит стильно, не так ли? 🙂 Я пытаюсь интегрировать контактную форму во весь дизайн, поэтому мне нужно более хорошее решение …
HAWK HAWK
@MauricioOchoa Недавно мы опубликовали серию статей для Joomla на sitepoint.com — вы их видели?
markbrow … markbrown4
redWheel, цель состоит в том, чтобы сделать его независимым от разрешения.
ralph.m ralph.m
@Rob: Создание сайта стало намного проще, если разбить его на небольшие задачи. Во-первых, я рекомендую взглянуть на то, что сайт должен делать и какой контент он должен представлять. Найдите логичный способ организовать и представить этот материал. Это даст вам структуру вашего сайта, с акцентом на облегчение для посетителей сайта. Неважно, какая версия различных языков кода вам нравится, но помните, что такие вещи, как HTML5 и CSS3 все еще находятся в разработке, поэтому их следует использовать с осторожностью, если вообще. Но оставь Флэш в покое. Нет ни одной книги, которая бы охватывала все, но в книжном магазине SitePoint большой выбор. Я рекомендую просмотреть их для начала.
Майк Майк
@dorak, также посмотрите книгу идей веб-дизайнера. Много хорошего анализа того, что делает хороший дизайн …
Грузия Грузия
@dorak, когда я учился в школе 4-5 лет назад, многие из моих сокурсников не думали об их типографии и о том, как разные шрифты работают вместе. Доступно больше шрифтов, чем когда-либо, но это просто означает, что может быть гораздо больше ошибок в дизайне, например использование лицевой стороны дисплея в качестве основной копии…
Маурисио … MauricioOchoa
@haWKyes
PaulOB PaulOB
@redWheelbarrow. Как я уже говорил выше, не думайте об устройствах так много. Вам нужно сконцентрироваться на собственном дизайне и адаптировать его так, чтобы он варьировался от очень маленького до очень большого. Вам не нужно знать, какого размера устройства, когда вы используете медиа-запросы, чтобы изменить свой дизайн в тот момент, когда он сломается. Все дизайны разные, так что будьте специфичны для дизайна, а не для конкретного устройства.
HAWK HAWK
Как все идут? Любые вопросы, которые были потеряны в шуме и не получили ответа?
markbrow … markbrown4
Нет хороших стандартных разрешений для работы с увеличением количества устройств. Если вы оптимизируете для основных точек переключения, таких как iphone, ipad в альбомной и портретной ориентации, а также для больших экранов, вы довольно хорошо освещены.
Анна Анна
да, насчет капчи и стиля;
guido200 … guido2004
@ Анна, ты можешь использовать скрытое поле в форме. Обычные пользователи не будут заполнять его, потому что они его не видят. Но умные спам-боты могут понять трюк и не заполнить его
ralph.m ralph.m
@ Анна У нас недавно была отличная дискуссия о том, как защитить форму на форумах. http://www.sitepoint.com/forums/showthread.php?861648-Captcha-To-Use-Or-Not-To-Use&p=5144556&viewfull=1#post5144556 Определенно стоит прочитать. Обычный путь — использовать CAPTCHA, но это действительно ужасно, поэтому я не рекомендую его. Есть лучшие способы защитить форму, не делая жизнь несчастной для пользователей. 🙂
HAWK HAWK
Есть ли у кого-нибудь еще предложения по защите онлайн-форм от спама, кроме CAPTCHA. Что-то, что выглядит лучше?
Маурисио … MauricioOchoa
@haWK да я видел очень полезное и люблю узнавать те хорошие моменты для WordPress и Joomla
Анна Анна
спасибо Ральф !!
Грузия Грузия
Я видел, что некоторые сайты используют простые математические задачи для идентификации людей
HAWK HAWK
@MauricioOchoa Отлично. У вас есть конкретные вопросы относительно Joomla?
@ Грузия, я думаю, это исключило бы меня …
Анна Анна
я понятия не имею, как работает эта математика … видел их тоже
Дорак Дорак
По мнению большинства капчей, я не совсем человек.
StarLion StarLion
Я склонен использовать свою собственную упрощенную систему вопросов и ответов. CAPTCHA был сломан раньше.
ralph.m ralph.m
Распространенной альтернативой CAPTCHA является скрытое поле, используемое как «горшок с медом». Если бот заполняет его, форма прерывается. В ветке форума, на которую я ссылался выше, было даже лучшее предложение о скрытом поле с установленным на нем таймером, что означает, что бот, который быстро заполняет форму, будет закрыт.
PaulOB PaulOB
@ Jess.irwin. Вы можете использовать ems для ширины, но вам, вероятно, потребуется установить минимальную максимальную ширину в пикселях, чтобы они не слишком расширялись. Не используйте ems для полей, потому что они основаны на размере шрифта родителей и, следовательно, будут несовместимы между различными элементами. Я предпочитаю жидкие / эластичные сайты, где один столбец является фиксированным (em или px), а другой столбец просто поглощает доступное пространство.
Дорак Дорак
Кстати, чтобы попасть в этот чат, мне пришлось использовать поддельный адрес электронной почты, поскольку настоящий не работал.
обкрадывать обкрадывать
@ Ralph.m: Спасибо. Сделаю. Есть ли у вас лучшие практики, которые вы используете для максимальной масштабируемости? Для другого использования, а? Я нахожу, что все больше и больше я хочу использовать, скажем, дизайн страницы журнала, переносить это в масштаб планшета, а затем в мобильный масштаб. Любой способ сделать это идет гладко (то есть: меньше работы)?
StarLion StarLion
Преимущество использования чего-то, что вы сделали сами, заключается в том, что у программистов-спам-ботов нет времени специально писать против вашего сайта, поэтому они просто отправят спамбота в другое место, куда они могут войти.
HAWK HAWK
@dorak Да — это программное обеспечение чата очень глючит. Мы находимся в процессе разработки нашего собственного интерфейса, но до тех пор это лучшее из того, что я могу найти. 🙁
Маурисио … MauricioOchoa
@HAWK да, используя хороший фреймворк с адаптивным дизайном
PaulOB PaulOB
@dorak Да, то же самое для меня —
Дорак Дорак
@HAWK нет проблем
Tekamba Tekamba
Это начало работы с веб-дизайном? есть аудио? мой первый визит к специалистам! (-:
HAWK HAWK
У кого-нибудь есть опыт использования интеграции CMS с адаптивным дизайном?
guido200 … guido2004
@Tekamba нет нет звука
jess.irw … jess.irwin
@paulOB спасибо. Я не думаю, что я
HAWK HAWK
Привет @Tekamba Да, это так и нет, нет звука. Это на основе текста. 🙂
Tekamba Tekamba
ну, думаю, я тогда снимаю наушники
scottmac scottmac
Привет всем! Я несколько лет занимался веб-дизайном на стороне друзей. Я хотел бы попытаться сделать это полный рабочий день, но удивляюсь А.) Насколько это практично? (тем более что людям становится все проще и проще создавать свои собственные сайты) B.) Где сосредоточиться? Я хорошо знаю HTML, CSS и платформу WordPress. Мне нравится и дизайн, и кодирование.
jess.irw … jess.irwin
@paulOB спасибо, я не думаю, что одержу победу над остальной частью команды, хотя
HAWK HAWK
@Tekamba Хахаха, люби это. У вас есть какие-либо вопросы или вы счастливы скрываться какое-то время?
redWheel … redWheelbarrow
Ястреб, у меня такой же вопрос. Будет разработка сайта на Drupal.
Johnny_R Johnny_R
Привет, проблемы встают, но, наконец, рад 2 B здесь. Какие медиазапросы min / max px размеры я должен использовать, чтобы охватить большинство мобильных телефонов, так как я видел различные размеры, упомянутые и немного запутанные.
ralph.m ralph.m
@Rob Я не уверен, что есть супер простой способ сделать это. Моя практика состоит в том, чтобы постепенно строить страницу и проверять ее на ходу. Как уже говорили другие, иногда проще всего установить «точки останова» … то есть определить, на какой ширине экрана вам нужно что-то реорганизовать, и создать для этого медиа-правило.
PaulOB PaulOB
@ Jess.irwin. Нет, у меня есть такие клиенты, и я настаиваю на том, что это должен быть px 🙁
Tekamba Tekamba
вероятно, немного подожду, но поверьте мне, если у меня есть мнение … оно будет известно (-:
markbrow … markbrown4
Скоттмак, откуда ты? возможности будут разными в каждой стране. Но я думаю, что у людей на всех уровнях есть много возможностей для работы в Интернете.
scottmac scottmac
LA область
StarLion StarLion
Если бы это было практично, не было бы профессиональных веб-дизайнеров.
jess.irw … jess.irwin
@paulOB Как только мы начнем заходить на адаптивные сайты, я думаю, что будет легче конвертировать. В настоящее время время не учитывает текучих мест.
HAWK HAWK
@Scottmac Это определенно практично, если вы находитесь в положении, когда вы не зависите исключительно от дохода, чтобы начать с. И тогда я бы порекомендовал выбрать такой язык, как PHP — что-то, что даст вам больше опыта в создании серверных частей WordPress — это отличное место для старта, если вы просто делаете низкобюджетные сайты, но это не то, где деньги. Сказав это, я несколько лет создавал сайты, используя только HTML и CSS, и мне все же удавалось есть.
гулянка гулянка
Я немного поработал с «Отзывчивым (WP)» ThemeId. Шрифты довольно хорошо масштабируются при использовании ems, но не так хорошо с px от монитора до ipad и меньше.
guido200 … guido2004
@scottmac, я думаю, что всегда найдутся клиенты, даже если создание сайта станет проще, многие люди не захотят / не смогут создать сайт сами.
markbrow … markbrown4
scottmac, вы должны продолжать изучать другие области веб-разработки, чтобы у вас было широкое понимание основных технологий. Это хорошая идея, чтобы быть экспертом в одной области, хотя.
HAWK HAWK
@Johnny_R Извините за трудности, с которыми я сталкиваюсь. Возможно, я должен объяснить это в будущем, если другие будут пойманы.
Tekamba Tekamba
также было бы неплохо иметь что-то опубликованное в FB или на передней части сайта с прямой ссылкой? Я должен был искать некоторое время, чтобы найти свой путь здесь
Грузия Грузия
У меня есть вопрос, связанный с мобильным телефоном. Я читал, что вы можете встроить фрагмент кода java в код вашей страницы, чтобы определить, какой браузер использует пользователь, чтобы они могли автоматически перенаправляться на страницу для мобильного устройства. Есть ли у Sitepoint какие-либо статьи / инструкции о том, как это сделать?
ralph.m ralph.m
@scottmac Удивительно, как быстро вы можете найти людей, которым нужен веб-сайт, когда вы начинаете. Несмотря на то, что в наши дни проще получить сайт (часто бесплатный), эти сайты не очень подходят для нужд реального бизнеса. Это как разница между костюмом с полки и костюмом на заказ. Последний подходит гораздо лучше, точно так же, как специализированный сайт гораздо лучше подходит для бизнеса. И это важно для успеха в Интернете. Так что не сдавайся!
dpavlovi … dpavlovic
Хорошо, я очень смел, чтобы поговорить с вами, я совершенно новичок в дизайне, больше ориентирован на программирование / технику, так что теперь я играю с одной темой WordPress. Каждый вектор / значок взят из бесплатных векторных репозиториев в интернете. Я просто использую его как пазл
поэтому мне нужны ваши комментарии: http://tinypic.com/view.php?pic=6z64js&s=6
PaulOB PaulOB
@scottmac. Работать полный рабочий день может быть сложно, если вы не создали клиентскую базу, чтобы занять вас, поэтому я постараюсь сначала наладить работу, пока у вас не будет достаточно, чтобы занять вас.
Лионель Лионель
Создает ли кто-нибудь веб-сайты в инструментах регистрации участников, таких как StarCite или Cvent, и не может идентифицировать CSS, необходимый для управления различными страницами в процессе регистрации. Какие лучшие практики вы применяете?
redWheel … redWheelbarrow
Грузия, обнаружение браузера — старая школа.
HAWK HAWK
@dpavlovic Добро пожаловать и спрашиваю вас. Если вам нужны подробные обзоры, я бы предложил разместить их на нашем форуме отзывов, который вы найдете здесь: http://www.sitepoint.com/forums/forumdisplay.php?12-Website-Design-amp-Content-Reviews-amp -Critiques
scottmac scottmac
Спасибо всем! Итак, с моими нынешними навыками HTML / CSS / WordPress, какие есть хорошие места, чтобы начать искать работу?
HAWK HAWK
@scottmac Я знаю людей, которые добились определенного успеха, посещая малые предприятия в своей области и спрашивая, рассматривали ли они интернет-присутствие.
обкрадывать обкрадывать
@ Ralph.m: еще раз спасибо. Вы когда-нибудь использовали какой-либо wysiwyg SW или плагины, которые могли бы приблизить меня к моим разным требованиям к масштабированию практически без очистки кода?
StarLion StarLion
хе-хе. Есть ли Святой Грааль?
Грузия Грузия
@redWheelbarrow Можете ли вы уточнить, что вы имеете в виду? Какие методы я должен использовать вместо этого?
Майк Майк
Re: @ Scottmac вопрос о том, с чего начать: как насчет создания темы WordPress для продажи? Это жизнеспособно, поскольку у меня есть только любопытство и никакой опыт в этой области?
HAWK HAWK
Как все идут? Любые оставшиеся без ответа вопросы (или вопросы, которые еще не задавались)?
markbrow … markbrown4
dpav, это, вероятно, намного лучше, чем мой первый сайт 🙂 Продолжайте. Если вы хотите узнать больше о дизайне, начните следить за дизайнерами в dribbble / twitter и узнайте, как они работают.
dpavlovi … dpavlovic
@ markbrown4 спасибо за комментарий и совет
redWheel … redWheelbarrow
Вы не можете обнаружить все возможные версии браузера и версии браузера и платформы. Используйте кросс-браузерные стандарты. Тогда ваш сайт отображается в одинаковых пропорциях независимо от браузера. Это работало для меня годами: код в соответствии со стандартами XHTML (или HTML5), CSS для разметки, а также представления (без таблиц) и ems или проценты вместо пикселей.
PaulOB PaulOB
@Georgia. Если у вас нет ресурсов для поддержки отдельного мобильного сайта, я бы не стал анализировать устройство. С помощью медиа-запросов вы можете эффективно обслуживать эти устройства, если вы не большая компания с большим количеством ресурсов, тогда я бы не стал использовать отдельные сайты.
markbrow … markbrown4
Майк, это не проспект, по которому я спустился. Я знаю, что некоторые люди зарабатывают на этом много денег, но для меня это немного азартно. Лучше всего, если вы работаете напрямую с клиентами или работодателем.
ralph.m ralph.m
@RedWheelbarrow @Georgina Существует много споров о том, следует ли перенаправить на сайт для мобильных устройств или просто использовать медиа-запросы с того же сайта. Там нет правильного ответа, потому что это часто зависит от типа вашего сайта. Для небольших сайтов перенаправление не очень практично, так как необходимо создать два сайта. Но для огромного сайта это может быть лучшим вариантом. Вот одна статья, которую я видел на этом: http://www.lukew.com/ff/entry.asp?1392
обкрадывать обкрадывать
@ Ralph.m: Как я использую Firebug для масштабирования дизайна веб-почты для различных платформ, веб, мобильных устройств, планшетов и т. Д.
Tekamba Tekamba
Я смотрю на проект (идея, которую я хотел бы реализовать), которая повлекла бы за собой SMS, получение SMS и отправку ответа (при обновлении базы данных), какие-либо предложения для служб SMS? Начало использования было бы низким (очевидно), но если я хотя бы отдаленно прав, это может вырасти до тысяч в месяц, поэтому необходимо учитывать рост
Грузия Грузия
@redWheelbarrow, @PaulOB Спасибо за совет!
@ ralph.m Спасибо за ссылку!
redWheel … redWheelbarrow
ralph.m: Еще раз спасибо за ваш ответ. Мне было бы интересно провести будущий вебинар по этим темам. Может быть, Джордж соглашается.
Грузия Грузия
определенно
ralph.m ralph.m
@Rob Я не использовал никаких инструментов для этого (WYSIWYG и т. Д.). Если вы действительно хотите пойти по этому пути, вам, вероятно, нужна какая-то структура. Мы обсуждали рамки немного раньше. Некоторые из них ориентированы на мобильные устройства, например 320andup: http://stuffandnonsense.co.uk/projects/320andup/
PaulOB PaulOB
@Georgia. Посмотрите это слайд-шоу, когда у вас есть время: http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu
HAWK HAWK
@redWheelbarrow Не стесняйтесь, напишите мне письмо ([email protected]) с любыми идеями для будущей сессии, и я посмотрю, что я могу организовать.
Майк Майк
@ markbrown4, спасибо за ответ. Я прочитал несколько статей / книг на проспекте тем и просто удивляюсь, насколько это эффективно. Уже доступно так много тем, что, кажется, вам придется смахнуть их, чтобы добиться успеха.
kerrie00 kerrie00
Привет, я впервые на форуме (надеюсь, я делаю это правильно), и я довольно новичок в веб-дизайне и не имею никакого опыта программирования. Я разработал несколько веб-сайтов с большим чтением и т. Д., Но мне кажется, что более формальное обучение было бы хорошим шагом. Можете ли вы предложить хорошую отправную точку. Я думаю, что мне нужно что-то, что охватывает большинство вещей, просто чтобы убедиться, что у меня развиваются хорошие привычки.
ralph.m ralph.m
@ Джорджина Я знаю, что есть много статей о мобильном дизайне. Я не могу найти их сейчас, но я уверен, что вы найдете много через Google ..
Грузия Грузия
@ ralph.m Я сделаю это полностью. Спасибо, Ральф!
обкрадывать обкрадывать
@ Ralph.m: ОК. Благодарю. Ценю обратную связь.
Грузия Грузия
@PaulOB Спасибо за ссылку — я добавил ее в закладки, чтобы прочитать завтра
HAWK HAWK
@ kerrie00 Добро пожаловать — и да, вы делаете это правильно. 🙂 Заинтересованы ли вы в прохождении курса или ищете ресурсы для самообучения?
kerrie00 kerrie00
Либо было бы хорошо.
jess.irw … jess.irwin
@PaulOB Только что посмотрел сайт, который я сделал, используя ems против сайта с px, и увеличил размер шрифта в chrome… px, безусловно, пока что подходит нам.
HAWK HAWK
@ Грузия бесстыдная вилка — http://www.sitepoint.com/books/mobile1/
PaulOB PaulOB
@ Kerrie00. Sitepoint запускает некоторые курсы, которые хороши (но не бесплатны). https://learnable.com/sitepoint
Анна Анна
@ kerrie00 sitepoint — отличный ресурс… Я много туда приезжаю, просто поищите, я уверен, что вы много чего найдете
лол ))
Анна Анна
у них также есть удивительные книги
ralph.m ralph.m
@ kerrie00 Самое замечательное в веб-дизайне — это то, что учиться легко. Есть хорошие книги (некоторые от SitePoint), а также видео-курсы, если вы предпочитаете это. Это немного зависит от того, как вы предпочитаете учиться. Я сам предпочитаю книги, поскольку они, как правило, тщательно закладывают основы. Начните с хорошей книги по HTML и CSS. Тогда взгляните на PHP и JavaScript. HTML и CSS помогут вам пройти долгий путь. 🙂
Анна Анна
попробуйте получить копию для себя
HAWK HAWK
@ kerrie00 Как говорит Пол, «Learnable» — отличный ресурс. За 17 долларов в месяц (вы можете выйти в любое время) вы получаете доступ ко всем книгам SitePoint и онлайн-курсам.
Анна Анна
@ ralph.mi должен печатать быстрее)))
Tekamba Tekamba
@ kerrie00 Я также многому научился в Sitepoint, обычно моя первая остановка — это форумы, когда я сталкиваюсь с проблемой, делаю некоторые поиски, а затем публикую свой вопрос, если уже не могу найти ответ, почти всегда есть несколько потенциальных решений в несколько часов
PaulOB PaulOB
@ jess.irwin.Не знаю, что вы имеете в виду, но мне нужно увидеть пример того, почему ems не работают. Вы должны проектировать с учетом ЭМС.
Грузия Грузия
@HAWK разве это не была электронная книга о призах geekgames? На данный момент 90% моей учебной библиотеки — это материалы для сайтов и учебные курсы. Спасибо за сделки — у меня полностью ограниченный (читай несуществующий) бюджет
markbrow … markbrown4
Текамба, ты бы хотел провести небольшое исследование, так как вариантов много. Цена и глобальные СМС — это две вещи, которые я бы проверил, чтобы они соответствовали вашим требованиям.
HAWK HAWK
@ Kerrie00 Что касается реальных курсов IRL, это будет зависеть от того, где вы находитесь. У меня не было формального обучения, но мне посчастливилось учиться на работе, поэтому, вероятно, я не самый квалифицированный, чтобы отвечать.
jess.irw … jess.irwin
kerrie00 kerrie00
Хорошо спасибо. У меня есть книги на сайте. Всем хорошие предложения спасибо. Я живу в Мельбурне, Австралия. Кто-нибудь знает какие-нибудь курсы? Дистанционное обучение тоже хорошо.
HAWK HAWK
@ Грузия, я думаю, это так. Вы являетесь частью наших сообществ в Facebook и Twitter? Я часто раздаю бесплатные книги в качестве призов для быстрых конкурсов. Я также раздаю бесплатные книги на форумах для действительно выдающихся постов.
Tekamba Tekamba
@ markbrown4 Спасибо, я посмотрел на несколько, message-media.com, clickatell.com, twilio.com и tropo.com, скорее всего, с Twilio и Tropo, которые выглядят как достойные места для старта, но просто любопытно, если кто-то любой прямой опыт с любыми смс сервисами
Анна Анна
Я бы тоже хотел посетить несколько онлайн-курсов …
Майк Майк
В дополнение к вопросу @ Kerrie00, вы бы сказали, что дизайн должен быть хорошим веб-дизайнером?
jess.irw … jess.irwin
@HAWK как примечание, эти игры вызывают сильное привыкание и не очень хорошая вещь на рабочем месте 🙁
Tekamba Tekamba
Learnable — БОЛЬШОЙ ресурс, я, как правило, стараюсь делать некоторые набивки, я буду проводить уроки в течение полных недель за 1 или, может быть, за 2 дня, вы можете пройти намного быстрее, но требует много «свободного» времени, чтобы потратить на просмотр Vids и работает через материал
HAWK HAWK
@ jess.irwin Хаха, я знаю! Самое замечательное в работе с SitePoint — это то, что играть в них считается работой;)
Анна Анна
@ Майк, да, определенно !!! уместно понять принципы красивого дизайна
ralph.m ralph.m
@ kerrie00 В таких вещах часто можно найти такие предметы, как курсы CAE, хотя они не всегда могут углубляться в силу имеющегося времени. Некоторое время назад я изучал TAFE и другие курсы, но понял, что мне придется отказаться от нескольких лет и получить королевский выкуп, поэтому решил заняться книгами!
kerrie00 kerrie00
3 ..
..
Tekamba Tekamba
@HAWK Бесплатные книги хороши … если бы я не владел почти каждым названием (кратно некоторым)
speirce speirce
Я знаю, что есть курсы по настройке бизнес-аккаунта на Facebook (в отличие от персонального аккаунта), но я бы хотел один из SitePoint. Есть много переменных, и я не хочу делать это неправильно. Я не последний человек на земле (хотя и близко), у которого нет бизнес-аккаунта.
Johnny_R Johnny_R
@ kerrie00 Вы проверили , планируют ли Coursera https://www.coursera.org/ что-нибудь планировать? Я делаю их курс по истории интернета в МО и его хорошего уровня и бесплатно 🙂
Грузия Грузия
@HAWK Я не знаю, если я или нет, но я буду к полуночи моего времени, ха-ха. спасибо за внимание. Я согласен с Текамбой — у меня сейчас так много книг, что мне интересно, сколько у меня их нет!
Анна Анна
@mike, но его легче переносить, чем программировать как php или java-скрипты
redWheel … redWheelbarrow
Хороший визуальный дизайн и верстка в сочетании с хорошей организацией контента. Дизайн контента тоже важен!
HAWK HAWK
@ Майк, я бы определенно сказал, что дизайн фона полезен. Легче научиться кодировать, чем проектировать. Но, как и во всем, если вы применяете себя и делаете достаточно чтения, вы можете учиться.
PaulOB PaulOB
@ Jess.irwin. Вы сделали классическую ошибку, установив высоту элементов, содержащих текст в пикселях. В большинстве случаев элементы, содержащие текстовое содержимое, не должны иметь высоту, поскольку вы просто не знаете, какой размер текста у меня может быть на моем компьютере. Если я увеличил dpi и установил минимальный размер текста 20 пикселей, значит, ваш дизайн не работает.
HAWK HAWK
ralph.m ralph.m
@Mike Ваш опыт не имеет большого значения, поскольку в веб-дизайне так много аспектов, что их сложно охватить. Ваш опыт может дать вам преимущество в некотором отношении, и это здорово. Я не могу проектировать для орехов, но в этом случае, если дизайн нуждается в некотором реальном таланте, я объединяюсь с графическим дизайнером для этого аспекта. Кроме того, вы всегда можете объединиться с другими для чего-то, в чем вы не сильны. Теперь у меня есть друзья по всем аспектам веб-дизайна, от дизайнеров до программистов.
Грузия Грузия
@PaulOB спасибо за это, Пол — это то, что я должен проверить в моих собственных проектах
jess.irw … jess.irwin
@paulOB Я подумал, что 🙁 Требуется больше обучения, я думаю. Мы просто пошли «мы должны использовать ems для шрифта, давайте сделаем это», но не продумали это или что-то еще.
HAWK HAWK
@ Майк, я пришел к разработке из архитектуры. Я обнаружил, что применил аспект дизайна к сайтам, и переход был легким. Мой BF, с другой стороны, блестящий кодер, но не имеет уверенности, когда дело доходит до дизайна. Это другой способ мышления.
PaulOB PaulOB
@ Jess.irwin. Это общая проблема, когда люди больше думают о дизайне, чем о пользователе. Конечно, должны быть компромиссы, но некоторые проекты просто не будут дружественными к вебу. Заставить вещи в стесненных условиях просто не сработает, и вы должны код / ​​дизайн с учетом этого. Это не всегда легко, и все мы время от времени делаем одни и те же ошибки, особенно когда клиент подталкивает нас.
Майк Майк
@anna, @HAWK, я полагаю, что я упал на логическую сторону, поэтому часть кода не так сложна, как часть дизайна (плюс, я учился программированию). У меня нет формального обучения дизайну и мне интересно, стоит ли
@ ralph.m, это хороший совет. Также, вероятно, хороший способ узнать сторону дизайна.
@ ХОУК, это моя проблема. Нет уверенности в моих проектах …
Tekamba Tekamba
У меня нет НИКАКИХ дизайнерских навыков (поскольку я могу выбирать, что выглядит хорошо), поэтому я обнаружил, что вокруг меня есть кто-то «художественный», чтобы рекомендовать цвета, и идеи дизайна были ОГРОМНЫМ преимуществом, иногда они НЕ знают HTML / CSS. плюс к тому, что их мышление не окрашено мыслями «что нельзя сделать», они просто знают, чего хотят, и обычно для того, чтобы воплотить их видение в жизнь, нужно немного подумать, иногда я изначально думал, что не могу » делать то, что они хотели
redWheel … redWheelbarrow
Цитирую веб-гуру Зельмана: «Контент информирует дизайн; Дизайн без содержания — это украшение. «
HAWK HAWK
@ Майк, я бы начал с чтения пары книг по дизайну. Следующая книга, которую мы выпускаем (в конце этого месяца), посвящена процессу проектирования. Это может быть хорошим местом для начала. Есть некоторые очень логичные аспекты дизайна, которые некоторые люди не осознают. Как только вы понимаете процесс, более интуитивные вещи становятся на свои места.
PaulOB PaulOB
@redWheelbarrow. Хорошая цитата.
Анна Анна
@mike У меня есть технический опыт, и я могу самостоятельно освоить принципы проектирования только с таких ресурсов, как sitepoint. дизайн имеет логику, и если вы знаете программирование, вы сможете понять это тоже
Майк Майк
@redWheelbarrow — люблю цитату! Так похоже на дзен.
ralph.m ralph.m
@Mike Еще одна вещь, которую я делаю, это смотрю на дизайны, которые мне действительно нравятся, и изучаю их. Это отличный способ учиться. Одна вещь, которая помогает в дизайне, это сначала смотреть на контент и то, что ему нужно. Это облегчает разработку каркаса … и оттуда ваш дизайн почти готов. С этого момента нетрудно добавить немного приятного цвета и немного графики. Это может быть дизайн «мяса и картофеля», но во многих случаях это нормально.
redWheel … redWheelbarrow
Извините за опечатку. Его зовут Зельдман.
Tekamba Tekamba
@ ХОУК О, о, о! Новые книги !!! Люблю получать пакет Sitepoint (и мне не нужно ждать, пока он начнет читать, получив пакет электронных книг (-:
guido200 … guido2004
«Есть несколько очень логичных аспектов дизайна, которые некоторые люди не осознают». Я один из них наверняка: D
ralph.m ralph.m
У SitePoint также есть несколько хороших книг по дизайну, таких как http://www.sitepoint.com/books/design2/
Tekamba Tekamba
@HAWK идея о дате выпуска?
kerrie00 kerrie00
Мне очень нравится этот форум. спасибо за все предложения. Как бы все порекомендовали вам связаться с хорошим графическим дизайнером для Интернета. Или какое-нибудь предложение, что сын здорово возродит, чтобы узнать больше о дизайне для Интернета?
ralph.m ralph.m
Еще один сексуальный веб-дизайн: http://www.sitepoint.com/books/sexy1/
redWheel … redWheelbarrow
До веб-дизайна я делал информационные бюллетени и обнаружил, что те же самые основные принципы верстки работают хорошо. Используйте шрифт, который легко читается, добавьте высоту строки, чтобы линии не были слишком близко. Используйте щедрое количество пустого пространства. Не допускайте, чтобы фоны и графика были слишком заняты Любые графические элементы должны дополнять контент.
speirce speirce
Керри: осторожно с графическими дизайнерами. Некоторые не знают веб, только печатают. Большая разница!
HAWK HAWK
@tekamba Ориентировочно (но не цитируйте меня) 27 августа для печатной книги и пробой на неделю раньше для ePack
Tekamba Tekamba
@HAWK Хорошо, процитировано, если не будет 27-го, вы услышите от моих адвокатов !! :-П
ServerSt … ServerStorm
@Mike При изучении другого дизайна убедитесь, что вы хорошо разбираетесь в CSS, так как некоторые вещи, которые выглядят действительно хорошо, не используют хороший HTML или CSS
Грузия Грузия
@ kerrie00 Что я делаю, так это нахожу сайты, которыми восхищаюсь за их дизайн, верстку и т. д., и смотрю в нижний колонтитул, чтобы узнать, кто разработал сайт. Обычно есть ссылка на домашнюю страницу или сайт портфолио. Из уст в уста у меня тоже работает
ralph.m ralph.m
@ kerrie00 В Мельбурне много графических дизайнеров. Если у вас есть проект, над которым они будут работать / сотрудничать, я уверен, что они будут рады услышать от вас!
Анна Анна
круто, только что получил образец Sexy Web Design .. прочитаю его tmrrw во время утренней сессии)))
Майк Майк
@ Анна, @ ralph.m, в последнее время я много читала о дизайне и обнаружила, что то, как я наблюдаю, меняется. У меня есть несколько книг с сайта, но в основном это касается технологий. Я обнаружил, что книга «Дизайн повседневных вещей» действительно открыла мне глаза.
@ServerStorm, ДА! Я часто обнаруживаю, что дизайн, который мне нравится, выкладывается с помощью таблиц!
HAWK HAWK
У нас осталось чуть более 5 минут (хотя вы можете оставаться там сколько угодно). У кого-нибудь есть вопросы, которые они еще не задавали?
И из любопытства, как вы нашли эту сессию? Это немного отличается от тех, которые мы обычно запускаем.
PaulOB PaulOB
@ kerrie00. На фестивале дизайна есть несколько хороших статей по дизайну: http://www.sitepoint.com/ (это часть sitepoint).
Анна Анна
@mike получить это Принципы красивого веб-дизайна
Tekamba Tekamba
@ Майк Дизайн повседневных вещей — Дональд А. Норман?
HAWK HAWK
А для тех, кто хочет подписаться на напоминания по электронной почте о будущих сессиях, вы можете сделать это здесь https://www.facebook.com/sitepoint/app_115462065200508
ServerSt … ServerStorm
Такие инструменты, как FireFox FireFox и DragonFly от Opera, или Chrome’s Console или Firebug light, можно использовать для проверки того, что происходит с HTML, правилами CSS и даже Javascript. Вы можете многому научиться, открывая эти инструменты на страницах, которые вам нравятся.
HAWK HAWK
И я опубликую стенограмму этой сессии на сайте pointpoint.com сегодня (мое время)
Анна Анна
@HAWK большое спасибо за отличный чат !!!
Майк Майк
@Tekamba, правильно. Это может быть слишком техническим, но я многому научился.
Грузия Грузия
@HAWK Мне, наверное, понравился сайт в Facebook, потому что именно там я увидел твой пост об этом. Однако было трудно найти дорогу, поэтому я вернулся и подписался на напоминания по электронной почте. Это принесло мне мир добра!
гулянка гулянка
Спасибо всем
Tekamba Tekamba
@HAWK есть какой-нибудь шанс, что какое-то программное обеспечение позволит создавать темы для более удобного отслеживания тем? было бы немного сложно в режиме реального времени, но просто мысль
speirce speirce
Я нашел это из электронной рассылки Sitepoint
HAWK HAWK
@ Анна, пожалуйста. @Tekamba У нас разработан отличный новый интерфейс, но он потребует некоторой разработки.
Tekamba Tekamba
@mike Размещение моего заказа на Amazon, спасибо за совет
Майк Майк
@HAWK, электронное напоминание работало хорошо для меня.
Tekamba Tekamba
подписавшись на напоминания по электронной почте, я чуть не забыл, хотя я помнил все утро, просто не понимая, во сколько было время, так что электронная почта немного, прежде чем начать было бы хорошо
Майк Майк
@Tekamba Glad to be helpful! I hope you enjoy it, too.
ServerSt … ServerStorm
@HAWK email also worked good for me
Anna Анна
Thank you all, guys! I ve found many interesting things in this chat room… hope to “see” ya again! 🙂 ciao!
jess.irw … jess.irwin
See you all next time 🙂
ralph.m ralph.m
Bye Anna. 🙂
HAWK HAWK
See ya
scottmac scottmac
Thanks everyone! I really enjoyed this.
Майк Майк
Likewise! Thanks for all the advice!
ServerSt … ServerStorm
bye jess, Anna, scottmac, and Mike
Tekamba Tekamba
Thanks everyone! @HAWK I’ll be watching for that book, love new reading material! I’ll have to finish @Mike suggestion before end of month
dorak Дорак
Thanks I will check out the Beautiful Web Design book.
ralph.m ralph.m
If anyone has more questions, please head over to the SitePoint forums. We can go into a lot more depth there with answers and discussions. And there’s even a Getting Started with Web Deisgn forum there. 🙂
HAWK HAWK
Рад, что вы все получили что-то из этого. Было бы вам интересно, если бы я проводил такой сеанс 2 раза в месяц?
HAWK HAWK
kerrie00 kerrie00
Спасибо всем!
ServerSt … ServerStorm
Увидимся вокруг sitepoint.com/forums kerrie00
kerrie00 kerrie00
Регулярный форум, как это хорошо, будет здорово!
HAWK HAWK
И всем моим форумчанам здесь, спасибо. Вы, ребята, делаете мою работу удовольствием.
Майк Майк
Да, хороший @ ralph.m
ralph.m ralph.m
@HAWK Спасибо, Сара. Это было весело! 🙂