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

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

Жанры

Рейтинг LiveLib

4,1

128 оценок

5
41%
4
41%
3
14%
2
2%
1
2%

Ваша оценка

Прочитали 163Хотят прочитать 313

Рецензии

fiona30 ноября 2012 г.
Вообще это не та книга, на которые пишут рецензии, но она на удивление оказалась настолько хорошей, что я просто обязана замолвить за нее слово.
Дала мне ее почитать коллега на работе. Я не просила, она просто пришла и принесла. Возможно решила, что мне может быть полезно, т.к. я сейчас занимаюсь адаптивной версткой. К техническим книгам я всегда относилась скептически. Тем более книги в которой должны объясняться коды, скрипты и вещи, которые проще тестировать прямо на компьютере, а не считывать с листа бумаги и анализировать в голове. Я даже стойко пыталась прочитать одну, но не осилила. Страница за страницей странного непонятого текста с кучей сложной терминологии - это было слишком. Я ничего не поняла, хоть и старалась понять. Но тут оказалась всё иначе. Книга читается настолько легко, что сравнима с художественной литературой. Автор общается с читателем и на протяжении всей книги он словно терпеливый учитель толково и внятно объясняет материал. К тому же автор подходит ко всему с юмором, поэтому не чувствуется напряжения и ощущения, что ты читаешь о чем-то сложном. И самое главное он объяснил многие вещи, которые я на протяжении долгого времени не могла понять, читая всякие разные мануалы в интернете. А он в такой игривой манере четко и доходчиво разложил всё по полочкам, что захотелось выкрикнуть "Эврика!". В рекордные сроки прочитала книгу от корки до корки и осталась дико довольна после прочтения. Хочется пользоваться ей как справочником, открывать и возвращаться именно к его объяснениям, если вдруг ненароком они забудутся.
Не зря эту книгу назвали лучшей об адаптивном веб-дизайне. Она заслуживает этого звания. Правда до нас доходит всё с опозданием, ведь она написала пару лет назад, когда адаптивный дизайн только появлялся, а у нас книгу перевели и издали только в этом году. Но тем не менее она не потеряла своей актуальности. Передаю ее на чтение другому коллеге, которого она заинтересовала.
Читать далее
18
881
khlopchyna13 февраля 2016 г.
В 2015 году меня, можно сказать впервые и по-нормальному, взяли на работу.
Они называли меня программистом, но кем би я там не был для них, мне предстояло очень много чему научиться.
И первое задание, которое получил на своей "должности", было сделать адаптивность одного сайта брендового магазина, который у нас был на SEO. Могу только сказать, что сайт хоть и был красивым, но "внутри" он был ужасен (да что там был, он и сейчас такой есть, если не хуже стало), проблемы были как с структурой, так и извращённым кодом на всех страницах.
Что ж, как только я получил задание, я сразу же начал гуглить, ведь никогда раньше такого не делал. Нашёл очень много интересной и не очень информации, но как-то мне захотелось прочитать какую-нибудь книгу, в офлайне, и желательно небольшую, чтобы выучить, или хотя бы понять все основы адаптивности в короткие сроки. Такую книгу я и нашёл.
И благодаря Итану Маркотту я таки разобрался в нескольких основных принципах адаптивности, которые помогли мне понять со временем и все остальное. Оказывается, там все неимоверно просто! Рассказывать книгу не собираюсь, а просто советую всем её прочесть. Плюс в карму однозначно.
Единственное, могу поделиться таким линком, чтобы понять разницу отзывчивого и адаптивного.
P.S. Одна из лучших книг, которые я читал о web-е.
Читать далее
9
962
Pongo6 августа 2016 г.
Для своего времени книга очень классная: тут и сетка, и адаптивная верстка, и mobile-first, и прогрессивное улучшение. Все с примерами кода.
Но к настоящему времени чисто в технических деталях книга немного устарела: верстают уже немного по-другому (флексбоксы, препроцессоры, postcss, БЭМ, сеточные фреймворки…). Впрочем, книга все равно хороша.
5
808

Все рецензии

Цитаты

AelskadnrSahucky21 сентября 2016 г.
КОНТЕКСТНОЕ ВОССТОНОВЛЕНИЕ
Сейчас будет немного математики: берем целевое значение кегля и делим на кегль (font size) его контейнера, то есть контекста. В результате мы получаем желаемый кегль, выраженный в относительных и достаточно гибких единицах em.
Другими словами, относительный кегль можно рассчитать по следующей формуле:
target ÷ context = result
(Отвлечемся на минутку. Лично у меня слово «математика» вызывает немедленный и серьезный приступ паники. У вас тоже? Стойте, не убегайте с криками – все не так страшно. Это говорит вам человек, который заменил курс математики в колледже курсом философии. Делайте, как я: просто посчитайте все на калькуляторе и скопируйте результат в CSS. Калькуляторы – просто спасение для таких, как мы, правда?)
Итак, формула у нас есть, давайте вернемся к нашему заголовку в 24px. Если предположить, что базовый кегль (font size) элемента body равен 16 пикселям при 100%, мы можем подставить эти значения непосредственно в формулу. В результате получим отношение целевого кегля заголовка h1 (24 пикселя, 24px) и кегля его контекста (16 пикселей, 16px):
24: 16 = 1,5
Так как 24 пикселя в 1,5 раза больше 16 пикселей, это значит, что кегль равен 1,5 em.
Читать далее
0
433