Java, UX, HTML, CSS, WEB-design

Уважаемые клиенты, Интернет изменился. Пришло время использовать CSS3 и HTML5.

[ad_1]

  • Дэвид Мартин

  • 0 Комментарии

Уважаемые клиенты, Интернет изменился. Пришло время использовать CSS3 и HTML5.

  • 6 минут чтения

  • Кодирование, CSS, клиенты, HTML5, HTML

Краткое резюме ↬

Услышав о HTML5 и CSS3, а затем прочитав книгу Энди Кларка «Крутой веб-дизайн», я начал работать над презентацией, чтобы познакомить своих клиентов с этими методами разработки. Если бы все, что я сказал им, было «это последние методы разработки, но будут визуальные различия», я уверен, вы можете себе представить ответ, который я получил бы.

Большинство моих клиентов в эти дни говорят мне, что они хотят следующее:

  1. HTML для проверки как строгий или переходный,
  2. CSS для проверки,
  3. Веб-сайт, соответствующий уровню доступности 2+,
  4. Дизайн, который выглядит одинаково во всех браузерах.

Они узнали эту информацию от нас, разработчиков и агентств, которые за последние 10 лет обучали мир лучшим практикам. Теперь нам нужно их перевоспитать, и это будет непросто! Большинство людей избегают вещей, которых они не понимают, из-за страха перед неизвестным.

Дальнейшее чтение на SmashingMag:

  • Кодирование макета HTML 5 с нуля
  • Вы можете использовать CSS3 прямо сейчас
  • Как успешно обучать своих клиентов веб-разработке
  • Проектирование с вашими клиентами

Еще после прыжка! Продолжить чтение ниже ↓

Переобучение вашего клиента

Вообще говоря, вы должны начать с обсуждения того, что клиент в настоящее время знает, и объяснить ему, почему эти методы устарели и должны быть изменены. После этого вы расскажете о том, как мы работаем сейчас, и объясните, почему эти способы лучше. Давай начнем.

Как мы развивались

бальзам совместимости браузера

Около 40% нашего времени стремится сделать наши веб-сайты идеальными до пикселя во всех браузерах. Мы привыкли следить за тем, чтобы веб-сайт отображался одинаково во всех браузерах (или как можно ближе к этому). Но это не гарантировало, что сайт будет работать на всех устройствах и телефонах.

Старый способ разработки веб-сайтов был затянут и устарел. Идея предоставления одинакового визуального опыта пользователям в каждом браузере (с точностью до пикселя) возникла в мире печати.

Мы должны помнить, что Интернет, каким мы его знаем, изменился. Мы уже не в 2004 году разрабатываем для Internet Explorer 6 на ПК. В наши дни Интернет распространяется на широкий спектр устройств, включая мобильные телефоны, телевизоры, карманные ПК и компьютеры Mac и даже холодильники. Таким образом, наши веб-сайты могут быть отображены любым количеством способов.

Стремясь к единообразию во всех браузерах, вы не только не гарантируете будущее своего проекта, но и делаете его менее доступным.

Проверка W3C

Проверка

Валидация — это инструмент вести нас, не религия слепо следовать. Для получения дополнительной информации об этом Джеффри Уэй написал отличную статью под названием «Но это не подтверждается».

Веб-сайт, который проверяет, не обязательно доступен для пользователей и не обязательно хорошо работает в разных браузерах. Мы не должны путать проверку с доступностью (согласно определению WAI) или удобством использования (согласно определению британского Закона о дискриминации инвалидов).

Google заявляет, что проверка не влияет на его систему ранжирования. Он частично ранжирует веб-сайты на основе того, насколько они доступны и удобны для использования в различных браузерах и устройствах. См. ответ Мэтта Катта на вопрос пользователя о том, почему его веб-сайт не проходит проверку.

Как мы развиваемся сегодня

как мы работаем сегодня

  • Мы используем HTML5 и CSS3, чтобы сделать наши веб-сайты более удобными для устройств, доступными и удобными в использовании. Эти стандарты позволяют получать доступ к нашим веб-сайтам в браузерах, выходящих далеко за рамки ПК и Mac.
  • Процесс разработки ускорился, что помогает нам выполнять проекты быстрее и на более высоком уровне.
  • Мелкие изменения не так трудоемки, что сокращает время разработки и экономит деньги клиента.
  • Разрабатывая и разрабатывая возможности лучших браузеров, наши веб-сайты становятся более перспективными.
  • Этот метод ускоряет время разработки и снижает затраты.

Контент в приоритете

пиксельное совершенство

Наиболее важные принципы, которым необходимо следовать:

  1. Доступность Каждый веб-сайт должен быть разработан с использованием чистого HTML, который может быть прочитан на любом устройстве. Это позволяет контенту быть доступным для всех браузеров и устройств.
  2. Юзабилити Полезная информация также имеет высокий приоритет. Если к веб-сайту обращались, но он не может использоваться в браузере или на устройстве, то он бесполезен (и это может даже повлиять на его рейтинг в Google).

Различия между браузерами

отличия браузера

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

  1. Internet Explorer 6, программы чтения с экрана, браузеры и устройства без поддержки CSS.
  2. Старые версии браузеров, такие как Internet Explorer 7-8, Firefox 2, Chrome, Opera и Safari.
  3. Все текущие современные браузеры, такие как Firefox 3.6, Chrome, Opera и Safari.
  4. В настоящее время трехмерная анимация CSS поддерживается только в Safari, но будет доступна в будущих версиях Firefox и Chrome, которые должны быть выпущены в 2011 году.

Адаптивный дизайн

адаптивный дизайн

Адаптивный дизайн влечет за собой создание вашего веб-сайта немного по-другому и увеличение времени разработки. Вы должны создать веб-сайт с плавной шириной, чтобы опыт различался в зависимости от размера экрана устройства пользователя. Этот вид разработки является специализированным и адаптирует дизайн к определенным размерам экрана, от смартфонов и планшетов до широкоэкранных ПК и компьютеров Mac. Вот некоторые из основных категорий размеров:

  1. Смартфоны;
  2. iPad в книжной ориентации, другие планшеты и компьютеры с маленькими экранами;
  3. iPad в альбомной ориентации, а также ПК и Mac со средней шириной дисплея 1024 пикселя;
  4. Широкоформатные дисплеи.

Подводя итоги

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

Мобильное использование в июне 2010 г.:

Опера айфон Нокиа Ipod Touch ежевика Андроид
26,35% 18,05% 15,84% 8,69% 14,41% 6,69%

Мы наблюдаем неуклонное снижение числа пользователей IE и растущий рынок других браузеров и устройств.

Знакомство с HTML5 и CSS3 для ваших клиентов

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

Скачать эту презентацию

  • PDF-формат
  • Формат InDesign

Кредиты

Я хотел бы поблагодарить следующих людей за то, что они позволили мне использовать их работу для моих визуальных эффектов:

  • Черно-белые иллюстрации Трента Уолтона;
  • Визуальные эффекты для раздела «Различия между браузерами» взяты из Крутой веб-дизайн Энди Кларк;
  • Визуальные элементы для раздела «Адаптивный дизайн» взяты с веб-сайта Тима Бенникса.

Дальнейшее чтение

  • «Начните использовать CSS3 сегодня: методы и учебные пособия»
  • «Методы адаптивного веб-дизайна, инструменты и стратегии дизайна»
Сокрушительная редакция
(аль)



[ad_2]
Source: https://smashingmagazine.com

Заключение

Вы ознакомились с статьей — Уважаемые клиенты, Интернет изменился. Пришло время использовать CSS3 и HTML5.

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован.

Краткое описание по статье Уважаемые клиенты, Интернет изменился. Пришло время использовать CSS3 и HTML5.

Название: Уважаемые клиенты, Интернет изменился. Пришло время использовать CSS3 и HTML5. . Краткое описание: [ad_1] ⭐ Дэвид М . Дата публикации: 21.02.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

Кнопка «Наверх»