Отсебятина
Немного капитанская на мой взгляд статья, но раз уж перевел, то почему бы не выложит.Отношение к разработке
Приблизительно 40% времени разработки сайта уходит на то, чтобы сайт выглядел одинаково, пиксель в пиксель, во всех браузерах. Мы хотим, чтобы все браузеры показывали посетителю одно и то же (ну, или очень похожее). Но нет никаких гарантий, что на мобильных устройствах все будет хорошо.Раньше при разработке сайта все были уверены, что он должен отображаться идентично всегда и везде.
Теперь мы должны понимать, что знакомый нам Веб изменился. Мы уже не в 2004 году, когда разработка велась в основном под IE 6 на PC. Сегодня Веб охватывает множество устройств, включая мобильные телефоны, телевизоры, портативные компьютеры и Маки. Так что, наши сайты должны отображаться на разных устройства в соответствии со спецификой их платформы.
Стремясь сделать внешний вид вашего проекта идентичным только во всех десктопных браузерах, вы делаете его менее доступным.
Валидность кода
Валидация – это всего лишь инструмент, а не религия, которой нужно слепо следовать. Если хотите ознакомится с этим утверждением поближе, то прочитайте статью Джефри Вэя «But It Doesn’t Validate».Сайт, код которого полностью валидный, не будет более доступным для пользователей, и не факт, что он будет корректно отображаться во всех браузерах. Но валидация на доступность и юзабилити не будет излишней.
Google утверждает, что валидность не влияет на результат поисковой выдачи. Но на эти результаты отчасти влияет то, насколько сайт доступен на различных платформах. Если хотите, то можете посмотреть ответ Мэтта Ката на вопрос о том, почему google.com не проходит валидацию W3C.
Так как же нам вести разработку сегодня?
- Мы должны использовать HTML5 и CSS3 для того, чтобы наши сайты были более дружелюбны к современным устройствам, чтобы они были доступны и удобны для пользователей;
- В связи с этим, процесс разработки ускоряется, что позволяет заканчивать проекты быстрее и делать их очень качественными;
- Такие изменения используемых технологий позволяют экономить деньги клиентов;
- Спроектированные таким образом сайты будут более перспективными;
- Эта методология ускоряет разработку и уменьшает стоимость проекта.
Контент – важнее всего!
Наиболее важные принципы, которых стоит придерживаться – это:- Доступность. Каждый сайт должен состоять из чистого HTML-кода, чтобы быть доступным на любом устройстве. Это подразумевает доступность контента везде и всюду.
- Удобство. Удобство восприятия информации также важно. Если сайт будет доступен, но не удобен в использовании, то это очень плохо (и может даже повлиять на результаты поисковой выдачи Google).
Различия между браузерами
На скриншоте выше вы можете увидеть, как один и тот же сайт может выглядеть в разных браузерах на различных устройствах. Слева направо вы видите:
- IE6, браузеры и устройства, которые не поддерживают CSS;
- Устаревшие версии браузеров, такие как: IE7-8, FF2, Chrome, Opera и Safari;
- Все современные браузеры, типа FF3.6, Chrome, Opera и Safari;
- CSS 3-D-анимация, которая на данный момент доступна только в Safari, но вскоре должна появиться в FF и Chrome.
Адаптивный дизайн
Адаптивный подход к дизайну подразумевает немного другое отношение к созданию сайтов и увеличивает время разработки. Тут вы должны делать сайт с резиновой шириной такой, что взаимодействие с ним пользователя будет зависеть от разрешения экрана устройства, с которого ведется просмотр. Такой подход включает в себя ориентацию на различные размеры экранов устройств, начиная от смартфонов и заканчивая широкоэкранными PC и Маками. Вот главные категории устройств, на которые стоит ориентироваться при таком подходе:
- Смартфоны;
- iPad в портретной ориентации, различные планшеты;
- iPad в ландшафтной ориентации, PC и Маки с экранными разрешениями около 1024 пикселей;
- Широкоэкранные дисплеи.
Подводя итоги
Если просто, то нужно работать над тем, чтобы контент сайта был доступен всегда, чтобы сайт был современным и перспективным. Вы можете найти некоторую статистику использования браузеров и развития тенденций в этой сфере. Использование мобильных платформ на июнь 2010 года:| Opera | iPhone | Nokia | iPod Touch | Blackberry | Android |
|---|---|---|---|---|---|
| 26.35% | 18.05% | 15.84% | 8.69% | 14.41% | 6.69% |
0 коммент.:
Отправить комментарий