Отзывчивый веб-дизайн


Содержание

Отзывчивый веб-дизайн: главные понятия и хитрости CSS

Несомненно, отзывчивый веб-дизайн (responsive web design) — это трендовое направление в веб-разработке, которое уже сейчас считается хорошим тоном, а в будущем, наверняка, будет обязательным условием для качественного сайта. Итак, что такое отзывчивый веб-дизайн?

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

Впервые понятие отзывчивого веб-дизайна (англ. responsive web-design) ввел Этан Маркотт в одной из своих статей в мае 2010 года.

Впоследствии он выпустил книгу под названием «Responsive Web Design» (в русском переводе — «Отзывчивый веб-дизайн«), посвященную данной технологии.

В данной книге Этан Маркотт обозначил «три слона» отзывчивого дизайна:

  1. Гибкий макет на основе сетки (flexible, gridbased layout).
  2. Гибкие изображения (flexible images).
  3. CSS3 медиазапросы (CSS3 media query)

1. Гибкий макет на основе сетки

Для отзывчивого веб-дизайна html-сетки (фреймворки) необходимы именно из-за гибкости и универсальности разметки — так имея один html-код и меняя только CSS файл можно легко реализовывать отличную совместимость с разными экранами устройств.

Есть множество CSS-фреймворков, но самые удобные, функциональные и часто используемые такие:

5 популярных CSS фреймворков:

Гибкие изображения

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

Реализовать гибкокость изображений очень просто с помощью CSS3 :
img <
max-width: 100%;
height: auto;
>

Примечение. Чтобы гибкие изображения работали в IE8 нужно добавить свойство width:auto. Поэтому специально для IE8 можно применить IE-хак:

Правило max -width: 100% можно применять и к большинству элементов с фиксированной шириной, таким как видео– и другие медиа-файлы. Фактически мы можем добавить в селектор еще и другие медиаэлементы:
img,
embed,
object,
video <
max-width: 100 %;
>

CSS3 медиазапросы

CSS3 медиазапросы — это фишка отзывчивого веб-дизайна! С помощью этих волшебных CSS медиазапросов можно указывать браузерам какие CSS классы применять для того или иного экранного разрешения. Кроме того, медиазапросы позволяют не только ориентироваться на конкретный класс устройств, но и анализировать физические характеристики устройства, использующегося для отображения страницы.

Приведем некоторые примеры CSS медиазапросов:
/для экранов 980 пкс и меньше/
@media screen and (max-width: 980px) <
#page
#content
#sidebar
>

/для экранов 480 пкс и меньше/
@media screen and (max-width: 480px) <
#header
#sidebar
>

Примечение. Да, это всеми веб-разработчиками «любимый» IE. Версии ниже IE8 не поддерживают медиазапросы, поэтому необходимо добавить следующий «спасительный код» в -теги страницы:

Материал подготовлен ТопОбзор. По материалам книги «Отзывчивый веб-дизайн», Этан Маркотт.

Отзывчивый веб-дизайн

Автор: Итан Маркотт
Перевод: Павел В. Миронов
Жанры: Деловая литература: прочее , Интернет
Год: 2012
ISBN: 978-5-91657-385-5

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

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

Когда вы в последний раз выходили в Интернет со своего планшетника, электронной читалки или телефона? Вчера? Сегодня утром, просматривая новости за чашкой кофе?

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

«Почему же Интернет такой неповоротливый?» – спросите вы. Но это не так: Сеть меняется каждый день. Дизайнеры уже давно научились делать сайты, которые отлично выглядят и на широкоформатном мониторе, и на экране мобильного телефона. И вот что интересно – нужно для этого не так уж много. Не стоит писать кучу кодов для каждого мобильного устройства, тратить ресурсы на доработку под постоянно растущий ассортимент (попробуй за ним угнаться, когда того гляди мы будем заказывать домой продукты с экрана, встроенного прямо в холодильник).

Отзывчивый веб-дизайн скачать fb2, epub, pdf, txt бесплатно

Для миллионов пользователей Интернет – это Yahoo! портал, представляющий собой огромную информационную сеть, в которую входят средства массовой информации, структуры для бизнеса и общения. Каждый месяц на сайты Yahoo! заходят более чем 156 миллионов посетителей по всему миру. Yahoo! был первым сетевым справочником в режиме онлайн и лидировал в таких областях, как транспорт, реклама, домашнее хозяйство и бизнес. Yahoo! продолжает поражать инвесторов стремительным ростом, в том числе и ростом доходов. Чистая прибыль компании с 1999 по 2000 г. выросла на 120 %, от 130 миллионов долларов до 228 миллионов. За те же самые сроки количество посещений сайтов возросло на 40 %, от 465 миллионов человек в день в декабре 1999 г. до 625 миллионов в марте 2000-го. Особого внимания заслуживает факт, что, получая прибыли более 1,2 миллиарда долларов, компания обладает собственностью (офисы и оборудование) не более чем на 64 миллиона.

В своей книге «Бизнес путь: Yahoo!» авторы Энтони Вламис и Боб Смит выделили 10 ключевых принципов, которые помогли компании пройти путь до самых вершин Интернет-бизнеса. Читателю будут предложены сведения и конкретные рекомендации, как развиваться и успешно конкурировать в условиях современной экономики, основанной на реальности Интернета, путем анализа деятельности Yahoo!. Вы увидите, как стратегическое мышление и намеренно легкомысленный имидж двух основателей компании Дэйва Фило и Джерри Янга, в сочетании с управленческим талантом и глубоким знанием бизнеса топ-менеджеров Yahoo! Тима Кугла и Джеффа Маллета, помогли компании за считанные годы добиться ошеломительного успеха.

Книга «Бизнес путь: Yahoo!» поможет любому менеджеру, предпринимателю или инвестору извлечь пользу из истории компании Yahoo!. Эта книга – одновременно вдохновляющая история успеха и бесценный учебный курс для следующего поколения победителей.

Отзывчивый веб-дизайн

О книге

Описание

О чем эта книга
Интернет вышел за границы мира стационарных компьютеров, и сегодня можно с уверенностью сказать, что в течение нескольких лет лидирующей формой доступа в Сеть станут устройства с маленькими экранами. А ваш сайт готов к такому развитию событий?
Знаете ли вы, когда целесообразно создавать и мобильную, и стационарную версии одного и того же сайта, а в каких случаях будет достаточно одной из них? А как разработать дизайн сайта, не зависящий от типа устройства, его размеров и разрешения экрана? Или как сделать сайт, чтобы его контент был быстро доступен всем пользователям?
Ответы на все эти вопросы — в этой книге. Берите ее, и просто шаг за шагом создавайте совершенно новый, удобный веб-ресурс. Вы сможете сразу решить большинство проблем, с которыми сталкиваются современные интернет-пользователи, и привлечь на свой сайт гораздо больше посетителей, чем ваши конкуренты.

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

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

Фишка книги
Книга, написанная практиком для практиков. Она содержит рекомендации, как избежать наиболее распространенных ошибок и создать сайт, который будет удовлетворять требованиям любого пользователя. Кроме того, в ней даны программные коды, которые позволят применить на практике все предложенные разработки.

Илон Маск рекомендует:  Как выбрать материнскую плату для компьютера

Отзывчивый веб-дизайн Текст

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


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

Книга написана строго по делу, без воды.

Тем кто не знаком с HTML и CSS изучать веб-дизайн с данной книги не стоит да и не получится, потому что это не самоучитель.

Описана суть и философия методологии адаптивной верстки.

Автор молодец, читается легко и не принужденно, со своими шутками. Но приколы на языке автора, а вот на русском иногда звучат не очень, наверно переводчикам нужно было как-то «по-русский» переводить такие моменты.

Отличная книга. До прочтения думал, что отзывчивая верстка и дизайн – что-то из области фантастики. Автор разложил все по полочкам и дал четкие шаги, как сверстать адаптивный сайт.

Книга понравилась отсутствием лишней воды, четкой передачей мысли и емкостью. Прочёл все на одном дыхании и разложил все по полочкам в голове. Советую.

Стоит прочесть всем веб-разработчикам

Как и другие книги из этой серии, «Отзывчивый веб-дизайн» не сделает никого гением веб-разработки, но определённо заставит думать иначе. Особенно это касается тех, кто занимался веб-разработкой ещё в те годы, когда был HTML 3.2, все верстали таблицами, а верхом шика был резиновый дизайн сайта. Если вдруг кто-то ещё не осознал, что делать сейчас неотзывчивые (неадаптивные) сайты – дурной тон, то эта книга исправит это безнадёжное положение.

Несмотря на уже почтенный для IT-книг возраст (издание 2012 года), книга совершенно не потеряла актуальности ни технически – все HTML и CSS примеры продолжают работать, ни идейно – тенденция создания отзывчивых (адаптивных) сайтов по-прежнему набирает обороты.

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

Желательный уровень знаний читателя нигде не указан, но я бы рекомендовал эту книгу тем, кто уже владеет HTML и CSS: азы и основы вёрстки здесь не объясняются, подразумевается, что читатель всё это уже и так знает. Если вы целыми днями только и делаете, что создаёте отзывчивые сайты, то вряд ли Итан Маркотт сможет научить вас чему-то новому, разве что получите удовольствие от чтения и укрепитесь верой в то, что вы на правильном пути.

Единственный минус этой книги, как, пожалуй, и всей серии – за неё сейчас просят какие-то неприлично большие деньги, даже с учётом того, что все страницы в полноцвете, а бумага по плотности больше напоминает ватман. Хорошая новость: в электронном виде книга стоит вдвое дешевле, а потеря тактильных ощущений компенсируется тем, что примеры кода можно просто скопировать.

Книга: Отзывчивый веб-дизайн — Итан Маркотт

Автор книги: Итан Маркотт

Жанр: Интернет, Компьютеры

Представленный фрагмент произведения размещен по согласованию с распространителем легального контента ООО «ЛитРес» (не более 20% исходного текста). Если вы считаете, что размещение материала нарушает чьи-либо права, то сообщите нам об этом.

Оплатили, но не знаете что делать дальше?

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

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

Последнее впечатление о книге

  • KarryPro:
  • 6-02-2020, 17:26

В этой книге можно узнать всё, что вам нужно для того, чтобы создавать гибкие, отзывчивые сайты, а именно:

1. Гибкий макет на основе сетки. 2. Гибкие изображения.

Расписано доступным языком, с долей юмора. Не зря идея Итана Маркотта стала революционной в вебе.

С этой книгой также скачивали:

Комментарии
  • AelskadnrSahucky:
  • 21-09-2020, 10:55

Обязательна для прочтения людям, работаюим в сфере верстки и дизайна.

  • Pongo:
  • 6-08-2020, 20:52

Для своего времени книга очень классная: тут и сетка, и адаптивная верстка, и mobile-first, и прогрессивное улучшение. Все с примерами кода.

Но к настоящему времени чисто в технических деталях книга немного устарела: верстают уже немного по-другому (флексбоксы, препроцессоры, postcss, БЭМ, сеточные фреймворки…).


  • IvanMalina:
  • 15-06-2020, 17:32

Одно из хобби, которое сохранилось у меня с 10 класса школы — это верстка сайтов. Каждый раз когда создаёшь новый дизайн мало его нарисовать. Главная проблема — отображение в различных браузерах и на мобильных устройствах.

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

Сейчас, когда большинство людей используют телефон а планшет для серфинга в сети интернет, данная тема актуальна как никогда. За день Я по несколько раз сталкиваюсь с сайтам, которые невозможно смотреть на iPhone и с мобильными версиями, которые урезают функционал на 99%. После чего приходится запускать полную версию.

Для себя открыл колоссальные уроки, которые внедрял в процессе чтения всей книги. Некоторые оказались немного сложными, но достаточно уделить время и всё легко реализуемо. Книга понравилась, на очереди «Сначала мобильные!» и «Эмоциональный веб-дизайн». 5/5

  • khlopchyna:
  • 13-02-2020, 00:51

В 2015 году меня, можно сказать впервые и по-нормальному, взяли на работу. Они называли меня программистом, но кем би я там не был для них, мне предстояло очень много чему научиться.

  • fiona:
  • 30-11-2012, 12:37

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

Дала мне ее почитать коллега на работе.

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

Отзывчивый веб-дизайн

Рекомендую хостинг которым я пользуюсь

Автор: Итан Маркотт
Год издания: 2012
Направление: HTML, Web-дизайн, Юзабилити, CSS3
Формат: pdf
Страниц: 176

О чем эта книга

Все мы знаем что в интернет можно зайти с телефона, планшета, смартфона, да что там знаем, сами же и используем частенько эту возможность когда под рукой нет ноутбука или стационарного компьютера. Говорить о том что лидирующей формой доступа в интернет в скором будущем станут аппараты с маленьким экраном, пока что рано. Представьте себе что вы смотрите статистику посещений своего сайта в Goolge Analitics или другом сервисе и видите что количество посетителей зашедших на него с мобильных устройств постоянно растет. Что вы сделаете? Конечно же протестируете свой сайт на мобильном и вероятно расстроитесь, потому как его уменьшенная копия (в лучшем случае) ну никак не располагает к тому чтобы посетители задерживались на вашем сайте дольше 5 секунд. Выход есть. Необходимо переверстать сайт используя советы по адаптивной верстке из предложенной книги.

Знаете ли вы, когда целесообразно создавать и мобильную, и стационарную версии одного и того же сайта, а в каких случаях будет достаточно одной из них? А как разработать дизайн сайта, не зависящий от типа устройства, его размеров и разрешения экрана? Или как сделать сайт, чтобы его контент был быстро доступен всем пользователям?
Ответы на все эти вопросы — в этой книге. Берите ее, и просто шаг за шагом создавайте совершенно новый, удобный веб-ресурс. Вы сможете сразу решить большинство проблем, с которыми сталкиваются современные интернет-пользователи, и привлечь на свой сайт гораздо больше посетителей, чем ваши конкуренты.

Илон Маск рекомендует:  Что такое код sybase_field_seek

Фишка книги
Книга, написанная практиком для практиков. Она содержит рекомендации, как избежать наиболее распространенных ошибок и создать сайт, который будет удовлетворять требованиям любого пользователя. Кроме того, в ней даны программные коды, которые позволят применить на практике все предложенные разработки.

18 лучших книг по веб-дизайну для новичка

Внимание! Книги представлены, лишь для ознакомления, мы не занимаемся пиратством.

Практикующий дизайнер Алексей Захаренко собрал список лучших книг по веб-дизайну, которые вам стоит прочитать чтобы быть в «теме» и стать хорошим веб-дизайнером.

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

• «Веб-дизайн». (Якоб Нильсен) — Скачать

• «Веб-дизайн». (Дмитрий Кирсанов) — Скачать

• «Не заставляйте меня думать» (Стив Круг) — Скачать

• «Как сделать сайт удобным» (Стив Круг) — Скачать

• «Web-дизайн. Удобство использования веб-сайтов» (Якоб Нильсен) — Скачать

• «100 главных принципов дизайна» (Сьюзан Уэйншенк) — Скачать

• «Искусство цвета» (Иоханнес Иттен) — Скачать

• «Интерфейс. Основы проектирования взаимодействия» (Алан Купер, Роберт М. Рейманн, Дэвид Кронин, Кристофер Носсел) — Скачать

• «Эмоциональный веб-дизайн» (Аарон Уолтер) — Скачать

• «Адаптивный дизайн. Делаем сайты для любых устройств» (Тим Кедлек) — Купить


• «Отзывчивый веб-дизайн» (Итан Маркотт) — Скачать

Портфолио и заработок на веб-дизайне

• Дизайн-мышление: от разработки новых продуктов до проектирования бизнес-моделей (Тим Браун) — Скачать

• Кради как художник.10 уроков творческого самовыражения (Клеон Остин) — Скачать

• Покажи свою работу (Клеон Остин) — Скачать

Дубликаты не найдены

Надо добавить в сохраненные, тогда точно не забуду прочитать!

Поставили плюсы 300 человек, сохранили 1000

Хрена так много дизайнеров

Можно еще на диске сохранить)

ТС прекрасен как солнышко.

На сайте же ководство так просто лежит. Или там не полная версия?

на мой взгляд у каждого граф дизайнера должна быть книга Лебедева :D

Да, книга отменная)

Кроме главы про мобильные версии сайтов. Тут лебедев знатно обосрался

Он уже передумал и написал главу, что они нужны. В принципе, всегда надо делать скидку на то, в каком году он писал эту главу. То, что плохо было нормально тогда, сейчас уже моветон.

мракобесие. татьяныч не дизайнер, а барыга.

Народ, если работаете с интерфейсами (сайты тоже считаются), обязательно прочитайте

Интерфейс. Основы проектирования взаимодействия» (Алан Купер, Роберт М. Рейманн, Дэвид Кронин, Кристофер Носсел)

начал читать первую книгу, пока вижу общие рассуждения, но! всё же! с чего начинать если вообще, даже не новичок, какие программы надо? как создавать сам сайт? я даже нормально вопрос задать не могу, потому что не знаю терминов, что там надо? какие то шаблоны? с чего начинают делать новый сайт? и я имею ввиду не размышления о наполнении сайта, а собственно , как создать само тело сайта? и как его видоизменять дальше?

Рецензии на книгу « Отзывчивый веб-дизайн »

Итан Маркотт

ISBN: 978-5-91657-385-5
Год издания: 2012
Издательство: Манн, Иванов и Фербер
Серия: A Book Apart
Язык: Русский

О чем эта книга
Интернет вышел за границы мира стационарных компьютеров, и сегодня можно с уверенностью сказать, что в течение нескольких лет лидирующей формой доступа в Сеть станут устройства с маленькими экранами. А ваш сайт готов к такому развитию событий?
Знаете ли вы, когда целесообразно создавать и мобильную, и стационарную версии одного и того же сайта, а в каких случаях будет достаточно одной из них? А как разработать дизайн сайта, не зависящий от типа устройства, его размеров и разрешения экрана? Или как сделать сайт, чтобы его контент был быстро доступен всем пользователям?
Ответы на все эти вопросы — в этой книге. Берите ее, и просто шаг за шагом создавайте совершенно новый, удобный веб-ресурс. Вы сможете сразу решить большинство проблем, с которыми сталкиваются современные интернет-пользователи, и привлечь на свой сайт гораздо больше посетителей, чем ваши конкуренты.

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

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

Фишка книги
Книга, написанная практиком для практиков. Она содержит рекомендации, как избежать наиболее распространенных ошибок и создать сайт, который будет удовлетворять требованиям любого пользователя. Кроме того, в ней даны программные коды, которые позволят применить на практике все предложенные разработки.

Лучшая рецензия на книгу

В этой книге можно узнать всё, что вам нужно для того, чтобы создавать гибкие, отзывчивые сайты, а именно:

1. Гибкий макет на основе сетки.
2. Гибкие изображения.
3. Медиазапросы.

Расписано доступным языком, с долей юмора. Не зря идея Итана Маркотта стала революционной в вебе.

Мягкая обложка, 176 стр.
Тираж: 2000 экз.
Формат: 70×100/16 (167×236 мм)

Поделитесь своим мнением об этой книге, напишите рецензию!

Рецензии читателей

Для своего времени книга очень классная: тут и сетка, и адаптивная верстка, и mobile-first, и прогрессивное улучшение. Все с примерами кода.

Но к настоящему времени чисто в технических деталях книга немного устарела: верстают уже немного по-другому (флексбоксы, препроцессоры, postcss, БЭМ, сеточные фреймворки…). Впрочем, книга все равно хороша.

В 2015 году меня, можно сказать впервые и по-нормальному, взяли на работу.
Они называли меня программистом, но кем би я там не был для них, мне предстояло очень много чему научиться.
И первое задание, которое получил на своей «должности», было сделать адаптивность одного сайта брендового магазина, который у нас был на SEO. Могу только сказать, что сайт хоть и был красивым, но «внутри» он был ужасен (да что там был, он и сейчас такой есть, если не хуже стало), проблемы были как с структурой, так и извращённым кодом на всех страницах.
Что ж, как только я получил задание, я сразу же начал гуглить, ведь никогда раньше такого не делал. Нашёл очень много интересной и не очень информации, но как-то мне захотелось прочитать какую-нибудь книгу, в офлайне, и желательно небольшую, чтобы выучить, или хотя бы понять все основы адаптивности в короткие сроки. Такую книгу я и нашёл.
И благодаря Итану Маркотту я таки разобрался в нескольких основных принципах адаптивности, которые помогли мне понять со временем и все остальное. Оказывается, там все неимоверно просто! Рассказывать книгу не собираюсь, а просто советую всем её прочесть. Плюс в карму однозначно.
Единственное, могу поделиться таким линком, чтобы понять разницу отзывчивого и адаптивного.
P.S. Одна из лучших книг, которые я читал о web-е.

В 2015 году меня, можно сказать впервые и по-нормальному, взяли на работу.
Они называли меня программистом, но кем би я там не был для них, мне предстояло очень много чему научиться.
И первое задание, которое получил на своей «должности», было сделать адаптивность одного сайта брендового магазина, который у нас был на SEO. Могу только сказать, что сайт хоть и был красивым, но «внутри» он был ужасен (да что там был, он и сейчас такой есть, если не хуже стало), проблемы были как с структурой, так и извращённым кодом на всех страницах.
Что ж, как только я получил задание, я сразу же начал гуглить, ведь никогда раньше такого не делал. Нашёл очень много интересной и не очень информации, но как-то мне захотелось прочитать какую-нибудь книгу, в офлайне, и желательно небольшую, чтобы выучить,… Развернуть

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

Дала мне ее почитать коллега на работе. Я не просила, она просто пришла и принесла. Возможно решила, что мне может быть полезно, т.к. я сейчас занимаюсь адаптивной версткой. К техническим книгам я всегда относилась скептически. Тем более книги в которой должны объясняться коды, скрипты и вещи, которые проще тестировать прямо на компьютере, а не считывать с листа бумаги и анализировать в голове. Я даже стойко пыталась прочитать одну, но не осилила. Страница за страницей странного непонятого текста с кучей сложной терминологии — это было слишком. Я ничего не поняла, хоть и старалась понять. Но тут оказалась всё иначе. Книга читается настолько легко, что сравнима с художественной литературой. Автор общается с читателем и на протяжении всей книги он словно терпеливый учитель толково и внятно объясняет материал. К тому же автор подходит ко всему с юмором, поэтому не чувствуется напряжения и ощущения, что ты читаешь о чем-то сложном. И самое главное он объяснил многие вещи, которые я на протяжении долгого времени не могла понять, читая всякие разные мануалы в интернете. А он в такой игривой манере четко и доходчиво разложил всё по полочкам, что захотелось выкрикнуть «Эврика!». В рекордные сроки прочитала книгу от корки до корки и осталась дико довольна после прочтения. Хочется пользоваться ей как справочником, открывать и возвращаться именно к его объяснениям, если вдруг ненароком они забудутся.

Илон Маск рекомендует:  Гис и картография

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

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

Дала мне ее почитать коллега на работе. Я не просила, она просто пришла и принесла. Возможно решила, что мне может быть полезно, т.к. я сейчас занимаюсь адаптивной версткой. К техническим книгам я всегда относилась скептически. Тем более книги в которой должны объясняться коды, скрипты и вещи, которые проще тестировать прямо на компьютере, а не считывать с листа бумаги и анализировать в голове. Я даже стойко пыталась прочитать одну, но не осилила. Страница за страницей странного непонятого текста с кучей сложной терминологии — это было слишком. Я ничего не поняла, хоть и старалась понять. Но тут оказалась всё иначе. Книга читается настолько… Развернуть

Итан Маркотт: Отзывчивый веб-дизайн

Responsive Web Design

Аннотация к книге «Отзывчивый веб-дизайн»

О чем эта книга
Интернет вышел за границы мира стационарных компьютеров, и сегодня можно с уверенностью сказать, что в течение нескольких лет лидирующей формой доступа в Сеть станут устройства с маленькими экранами. А ваш сайт готов к такому развитию событий?
Знаете ли вы, когда целесообразно создавать и мобильную, и стационарную версии одного и того же сайта, а в каких случаях будет достаточно одной из них? А как разработать дизайн сайта, не зависящий от типа устройства, его размеров и разрешения экрана? Или как сделать сайт, чтобы его контент был быстро доступен всем пользователям?
Ответы на все эти вопросы — в этой книге. Берите ее, и просто шаг за шагом создавайте совершенно новый, удобный веб-ресурс. Вы сможете сразу решить большинство проблем, с которыми сталкиваются современные интернет-пользователи, и привлечь на свой сайт гораздо больше посетителей, чем ваши конкуренты.
Почему мы решили издать эту книгу
По двум причинам. Во-первых, Итан Маркотт совершил.

О чем эта книга
Интернет вышел за границы мира стационарных компьютеров, и сегодня можно с уверенностью сказать, что в течение нескольких лет лидирующей формой доступа в Сеть станут устройства с маленькими экранами. А ваш сайт готов к такому развитию событий?
Знаете ли вы, когда целесообразно создавать и мобильную, и стационарную версии одного и того же сайта, а в каких случаях будет достаточно одной из них? А как разработать дизайн сайта, не зависящий от типа устройства, его размеров и разрешения экрана? Или как сделать сайт, чтобы его контент был быстро доступен всем пользователям?
Ответы на все эти вопросы — в этой книге. Берите ее, и просто шаг за шагом создавайте совершенно новый, удобный веб-ресурс. Вы сможете сразу решить большинство проблем, с которыми сталкиваются современные интернет-пользователи, и привлечь на свой сайт гораздо больше посетителей, чем ваши конкуренты.
Почему мы решили издать эту книгу
По двум причинам. Во-первых, Итан Маркотт совершил настоящий переворот в методах визуального представления информации. И во-вторых, его книга — это первое и единственное практическое руководство, как сделать сайт максимально полезными максимально удобным для всех его посетителей, независимо от того, на каком устройстве они его просматривают…
Для кого эта книга
Для собственников бизнеса, владельцев сайтов, маркетологов, а также программистов и веб- дизайнеров, как начинающих, так и опытных.
Фишка книги
Книга, написанная практиком для практиков. Она содержит рекомендации, как избежать наиболее распространенных ошибок и создать сайт, который будет удовлетворять требованиям любого пользователя. Кроме того, в ней даны программные коды, которые позволят применить на практике все предложенные разработки.

Отзывчивый веб-дизайн

Автор: Итан Маркотт
Перевод: Павел В. Миронов
Жанры: Деловая литература: прочее , Интернет
Год: 2012
ISBN: 978-5-91657-385-5

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

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

Когда вы в последний раз выходили в Интернет со своего планшетника, электронной читалки или телефона? Вчера? Сегодня утром, просматривая новости за чашкой кофе?

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

«Почему же Интернет такой неповоротливый?» – спросите вы. Но это не так: Сеть меняется каждый день. Дизайнеры уже давно научились делать сайты, которые отлично выглядят и на широкоформатном мониторе, и на экране мобильного телефона. И вот что интересно – нужно для этого не так уж много. Не стоит писать кучу кодов для каждого мобильного устройства, тратить ресурсы на доработку под постоянно растущий ассортимент (попробуй за ним угнаться, когда того гляди мы будем заказывать домой продукты с экрана, встроенного прямо в холодильник).

Отзывчивый веб-дизайн скачать fb2, epub, pdf, txt бесплатно

Для миллионов пользователей Интернет – это Yahoo! портал, представляющий собой огромную информационную сеть, в которую входят средства массовой информации, структуры для бизнеса и общения. Каждый месяц на сайты Yahoo! заходят более чем 156 миллионов посетителей по всему миру. Yahoo! был первым сетевым справочником в режиме онлайн и лидировал в таких областях, как транспорт, реклама, домашнее хозяйство и бизнес. Yahoo! продолжает поражать инвесторов стремительным ростом, в том числе и ростом доходов. Чистая прибыль компании с 1999 по 2000 г. выросла на 120 %, от 130 миллионов долларов до 228 миллионов. За те же самые сроки количество посещений сайтов возросло на 40 %, от 465 миллионов человек в день в декабре 1999 г. до 625 миллионов в марте 2000-го. Особого внимания заслуживает факт, что, получая прибыли более 1,2 миллиарда долларов, компания обладает собственностью (офисы и оборудование) не более чем на 64 миллиона.

В своей книге «Бизнес путь: Yahoo!» авторы Энтони Вламис и Боб Смит выделили 10 ключевых принципов, которые помогли компании пройти путь до самых вершин Интернет-бизнеса. Читателю будут предложены сведения и конкретные рекомендации, как развиваться и успешно конкурировать в условиях современной экономики, основанной на реальности Интернета, путем анализа деятельности Yahoo!. Вы увидите, как стратегическое мышление и намеренно легкомысленный имидж двух основателей компании Дэйва Фило и Джерри Янга, в сочетании с управленческим талантом и глубоким знанием бизнеса топ-менеджеров Yahoo! Тима Кугла и Джеффа Маллета, помогли компании за считанные годы добиться ошеломительного успеха.

Книга «Бизнес путь: Yahoo!» поможет любому менеджеру, предпринимателю или инвестору извлечь пользу из истории компании Yahoo!. Эта книга – одновременно вдохновляющая история успеха и бесценный учебный курс для следующего поколения победителей.

Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL