Войти
Текст
отзывы: 0 | рейтинг: 0
Устойчивый веб-дизайн
Jeremy Keith
Без сомнения, "Устойчивый веб-дизайн" является обязательным чтением для веб-дизайнеров и front-end разработчиков во всем мире. Тут собрана история и философия веба. Раскрыты идеи веб-разработки.
Jeremy Keith
Устойчивый веб-дизайн
Перед началом
Автор
Джереми Кейт – веб-разработчик, писатель и музыкант. Он является автором популярного блога и написал несколько книг, включая DOM Scripting, руководство по веб-дизайну с JavaScript и объектной модели документа.
Джереми прекрасно понимает суть проектирования и разработки в Интернете. Две ключевые темы, которые проходят через всю книгу: правильно использовать свои инструменты и начать с основ, прежде чем улучшать.
Контакты и ресурсы автора
Email: jeremy@adactio.com
Свяжитесь с ним: Adactio (https://adactio.com/contact/): Contact (https://adactio.com/contact/)
Updating Twitter (https://twitter.com/adactio)
Snapping on Instagram (https://instagram.com/adactio)
Reading on Bookshop (https://uk.bookshop.org/shop/adactio)
Posting to Medium (https://adactio.medium.com/)
Coding on Github (https://github.com/adactio)
Experimenting on CodePen (http://codepen.io/adactio/)
Speaking on Notist (https://noti.st/adactio)
Presenting on Speakerdeck (https://speakerdeck.com/adactio)
Uploading to Vimeo (https://vimeo.com/adactio)
Perplexed by LinkedIn (https://www.linkedin.com/in/adactio/)
Syndicating to Micro.blog (https://micro.blog/adactio)
Documented on Wikipedia (https://en.wikipedia.org/wiki/Jeremy_Keith_(web_developer))
Права на использование и перевод: «Attribution-ShareAlike» («Атрибуция-СохранениеУсловий») 4.0 Всемирная (CC BY-SA 4.0) (https://creativecommons.org/licenses/by-sa/4.0/deed.ru)
Переводчик
Привет, я переводчик данного шедевра, по другому я называть не могу… Это нечто, и история и факты и знания и все в интересном стиле.
Меня зовут Тома Андрей, я хочу стать веб-разработчиком и изучаю такую литературу для того что бы развиваться.
Введение
С таким названием, как Устойчивый веб-дизайн, вы можете подумать, что это руководство по созданию надежных веб-сайтов. Это не руководство. Это скорее учебник истории.
«Мы смотрим на настоящее через зеркало заднего вида. Мы идем назад в будущее. »
Однажды сказал Маршалл Маклюэн
Но в мире веб-дизайна мы в основном озабочены настоящим. Когда мы думаем за пределами нашего настоящего момента, мы обычно размышляем о будущем – чтобы представить устройства, функции и интерфейсы, которые еще не существуют. У нас нет времени оглядываться на прошлое, но история веб-дизайна полна интересных идей.
Всемирная паутина существует уже достаточно давно, чтобы мы могли оценить повороты и изгибы ее развития. Я написал эту книгу, чтобы осветить некоторые подходы к веб-дизайну, которые доказали свою устойчивость. Я сделал это не только из-за исторического интереса (хотя я очарован и без того богатой историей нашей молодой индустрии). Я считаю, что, извлекая уроки из прошлого, мы можем лучше подготовиться к будущему.
Вы не найдете здесь кода, который поможет вам создавать лучшие сайты. Но вы найдете идеи и подходы. Идеи более устойчивы, чем код. Я попытался объединить самые надежные идеи из истории веб-дизайна в подход к созданию веб-сайтов будущего
Я надеюсь, что вы присоединитесь ко мне в создании долговечного и жизнестойкого веб-сайта.
Глава 1: Основы
История человеческой цивилизации – это история совокупных усилий. Каждое поколение опирается на работу своих предков. Иногда работа делает шаг назад. Но мы продолжаем бороться. Шаг за шагом наш вид прогрессирует. Будь то постепенный прогресс или огромный скачок вперед, он всегда основывается на достижениях тех, кто был до нас.
Нигде этот многоуровневый характер прогресса не проявляется так ярко, как в истории технологии. Даже самые резкие скачки в технологическом прогрессе возможны только тогда, когда есть некий фундамент, на который можно опираться.
Печатный станок Гутенберга не был бы изобретен, если бы не работа, уже проделанная при создании винтового пресса, используемого в виноделии. Технологии не создаются сами по себе. На них накладывают отпечаток призраки их прошлого.
Расположение QWERTY-клавиатуры на вашем компьютере и ее программного эквивалента на вашем телефоне – это эхо дизайна первого поколения пишущих машинок. Такое расположение клавиш было выбрано для того, чтобы уменьшить вероятность столкновения механических кусочков металла при их движении вперед, чтобы оставить свой след на бумаге.
Стрелки на циферблате часов движутся по часовой стрелке только потому, что именно в этом направлении движется тень от солнечных часов в течение дня в северном полушарии. Если бы история повернулась иначе, и цивилизация южного полушария оказалась на подъеме, то стрелки на наших часах сегодня двигались бы в противоположном направлении. Что касается того, почему эти часы отмеряют время 24-часовыми периодами, каждый из которых состоит из 60 минут, а каждая минута – из 60 секунд, то это заслуга древней шумерской цивилизации. Они решили использовать число 60 в качестве основы для счета и торговли. Это наименьшее число, которое может быть поровну разделено на первые шесть чисел. Этот шестидесятеричный способ счета сохранился до наших дней в виде часов, минут и секунд, которые мы используем в качестве концептуальных моделей для деления одного оборота нашей планеты.
Солнечные часы на постаменте. Тень, отбрасываемая солнечными часами в южном полушарии, движется против часовой стрелки.
Солнечные часы на постаменте. Тень, отбрасываемая солнечными часами в южном полушарии, движется против часовой стрелки.
Эти отголоски прошлого отражаются в настоящем даже тогда, когда их полезность изжила себя. До сих пор иногда можно встретить пользовательский интерфейс, в котором для представления музыки используется значок компакт-диска или виниловой пластинки. Тот же интерфейс может использовать изображение 3?-дюймовой ( размером в З дюйма) дискеты для представления концепции сохранения данных. Причина, почему дискеты оказались размером в З дюйма, заключается в том, что диск был разработан, чтобы поместиться в карман рубашки. Иконки в интерфейсах нашего программного обеспечения шепчут нам истории из истории одежды и моды.
Давайте поделимся тем, что знаем
Научный прогресс был бы невозможен без общей истории познания, на которую можно было бы опираться. Как сказал сэр Исаак Ньютон, если мы и продвинулись дальше, то только благодаря тому, что стоим на плечах гигантов.
Когда знания передаются из поколения в поколение, теории становятся более совершенными, единицы измерения стандартизируются, а точность экспериментов возрастает.
Сейчас самые точные эксперименты человечества проводятся под границей между Швейцарией и Францией. Здесь находится ЦЕРН, Европейская организация ядерных исследований. В кольце Большого адронного коллайдера шириной 16 миль протоны сталкиваются друг с другом со скоростью, приближающейся к скорости света. Наш вид приматов воссоздает условия начала существования нашей Вселенной. БАК – это самое сложное оборудование, которое когда-либо было создано.
Впечатляющие инженерные решения БАКа сочетаются с беспрецедентным уровнем международного сотрудничества в ЦЕРНе. Ускоритель частиц начал функционировать в первом десятилетии XXI века, но фундамент был заложен более полувека назад. Именно тогда группа стран объединилась для создания Конвенции ЦЕРН, выделяя ресурсы и деньги на чисто научные исследования. Единственной прибылью от инвестиций, которую они ожидали, была валюта знаний.
Эта основа создала уникальную среду, свободную от ограничений национальных, экономических и социальных иерархий. Лауреаты Нобелевской премии по физике сотрудничают со студентами во время летних стажировок. Если и существует элемент социальной категоризации в ЦЕРНе, то только между теоретиками и экспериментаторами. Теоретики – это те, у кого в кабинетах стоят доски. Экспериментаторы – это те, у кого есть компьютеры. Им приходится иметь дело с большим количеством данных. Еще до того, как был включен Большой адронный коллайдер, управление информацией было реальной проблемой в ЦЕРН.
Корешок книги. Спрашивать обо всем внутри
Это Тим Бернерс Ли, ученый-компьютерщик из Англии, который работал в ЦЕРНе в 1980-х. В начале того десятилетия он начал личный проект, чтобы разобраться с управлением информацией. Получившееся в результате программное обеспечение называлось ENQUIRE, названное в честь викторианского руководства по семейной жизни под названием Enquire Within On Everything.
К концу 80-х годов Тим Бернерс-Ли был готов к более масштабному решению сложной проблемы управления информацией. Чтобы получить поддержку в ЦЕРНе, он подготовил непритязательный документ под названием "Управление информацией: Предложение. К счастью, его начальник, Майк Сендалл, признал потенциал этой идеи и дал ход, написав слова "Смутно, но захватывающе…" в верхней части документа. Это предложение стало Всемирной паутиной.
Лист печатной бумаги с несколькими написанными от руки словами вверху. Смутно, но захватывающе…
Чистая стоимость
Сегодня мы думаем о Всемирной паутине как об одном из величайших изобретений в истории коммуникации, но для ученых ЦЕРНа это просто побочный продукт. Когда вы имеете дело с космологическими временными масштабами и исследуете сами строительные блоки реальности, хронология отношений человечества с технологиями – не более чем ошибка округления.
Когда Тим Бернерс-Ли решил заняться проблемой управления информацией в ЦЕРНе, Интернет уже стал частью его инфраструктуры. Эта сеть сетей была впервые создана в 1960-х годах, и первыми ее пользователями стали университеты и научные учреждения.
Эти узлы уже были физически соединены телефонными проводами. Вместо того, чтобы создавать совершенно новую сеть с нуля, имеет смысл повторно использовать то, что уже было. И вновь новая технология стала возможной только благодаря существованию более старой. В девятнадцатом веке мир был технологически терраформирован для телеграфа. Благодаря удивительным инженерным достижениям наша планета была соединена подводными кабелями. Позднее эти же кабели были перепрофилированы для передачи телефонных сигналов. Позже они снова будут нести цифровые единицы и нули Интернета. Сегодня эти сигналы передаются с помощью световых импульсов, проходящих по волоконно-оптическим кабелям. Эти оптоволоконные кабели проходят по дну океана теми же путями, что и их телеграфные предшественники.
Это карта подводных кабелей. Telegeography ежегодно публикует новую карту подводных кабелей.
Интернет не имеет центра. Это архитектурное решение придает сети надежность. Возможно, вы слышали, что Интернет был создан для того, чтобы противостоять ядерной атаке. Это не совсем верно. Это правда, что проект начался с военных соображений. Первоначальное исследование было профинансировано DARPA, Агентством перспективных оборонных проектов. Но инженеры, работавшие над проектом, не были военными. Их идеалы имели больше общего с движением за свободу слова, чем с военно-промышленным комплексом. Они спроектировали сеть так, чтобы обойти повреждения, но повреждения, о которых они беспокоились, были связаны с цензурой, а не с ядерной атакой. Открытая архитектура Интернета отражала либеральное мировоззрение его создателей. Помимо децентрализации, интернет был также намеренно спроектирован как "тупая" сеть. Это его секретный соус. Протоколы, лежащие в основе передачи данных в интернете – TCP/IP – описывают, как должны перемещаться пакеты данных, но эти протоколы нисколько не заботятся о содержимом пакетов. Это позволяет Интернету быть транспортным механизмом для всех видов приложений: электронной почты, Telnet, FTP и, в конечном счете, Всемирной паутины.
Jeremy Keith
Без сомнения, "Устойчивый веб-дизайн" является обязательным чтением для веб-дизайнеров и front-end разработчиков во всем мире. Тут собрана история и философия веба. Раскрыты идеи веб-разработки.
Jeremy Keith
Устойчивый веб-дизайн
Перед началом
Автор
Джереми Кейт – веб-разработчик, писатель и музыкант. Он является автором популярного блога и написал несколько книг, включая DOM Scripting, руководство по веб-дизайну с JavaScript и объектной модели документа.
Джереми прекрасно понимает суть проектирования и разработки в Интернете. Две ключевые темы, которые проходят через всю книгу: правильно использовать свои инструменты и начать с основ, прежде чем улучшать.
Контакты и ресурсы автора
Email: jeremy@adactio.com
Свяжитесь с ним: Adactio (https://adactio.com/contact/): Contact (https://adactio.com/contact/)
Updating Twitter (https://twitter.com/adactio)
Snapping on Instagram (https://instagram.com/adactio)
Reading on Bookshop (https://uk.bookshop.org/shop/adactio)
Posting to Medium (https://adactio.medium.com/)
Coding on Github (https://github.com/adactio)
Experimenting on CodePen (http://codepen.io/adactio/)
Speaking on Notist (https://noti.st/adactio)
Presenting on Speakerdeck (https://speakerdeck.com/adactio)
Uploading to Vimeo (https://vimeo.com/adactio)
Perplexed by LinkedIn (https://www.linkedin.com/in/adactio/)
Syndicating to Micro.blog (https://micro.blog/adactio)
Documented on Wikipedia (https://en.wikipedia.org/wiki/Jeremy_Keith_(web_developer))
Права на использование и перевод: «Attribution-ShareAlike» («Атрибуция-СохранениеУсловий») 4.0 Всемирная (CC BY-SA 4.0) (https://creativecommons.org/licenses/by-sa/4.0/deed.ru)
Переводчик
Привет, я переводчик данного шедевра, по другому я называть не могу… Это нечто, и история и факты и знания и все в интересном стиле.
Меня зовут Тома Андрей, я хочу стать веб-разработчиком и изучаю такую литературу для того что бы развиваться.
Введение
С таким названием, как Устойчивый веб-дизайн, вы можете подумать, что это руководство по созданию надежных веб-сайтов. Это не руководство. Это скорее учебник истории.
«Мы смотрим на настоящее через зеркало заднего вида. Мы идем назад в будущее. »
Однажды сказал Маршалл Маклюэн
Но в мире веб-дизайна мы в основном озабочены настоящим. Когда мы думаем за пределами нашего настоящего момента, мы обычно размышляем о будущем – чтобы представить устройства, функции и интерфейсы, которые еще не существуют. У нас нет времени оглядываться на прошлое, но история веб-дизайна полна интересных идей.
Всемирная паутина существует уже достаточно давно, чтобы мы могли оценить повороты и изгибы ее развития. Я написал эту книгу, чтобы осветить некоторые подходы к веб-дизайну, которые доказали свою устойчивость. Я сделал это не только из-за исторического интереса (хотя я очарован и без того богатой историей нашей молодой индустрии). Я считаю, что, извлекая уроки из прошлого, мы можем лучше подготовиться к будущему.
Вы не найдете здесь кода, который поможет вам создавать лучшие сайты. Но вы найдете идеи и подходы. Идеи более устойчивы, чем код. Я попытался объединить самые надежные идеи из истории веб-дизайна в подход к созданию веб-сайтов будущего
Я надеюсь, что вы присоединитесь ко мне в создании долговечного и жизнестойкого веб-сайта.
Глава 1: Основы
История человеческой цивилизации – это история совокупных усилий. Каждое поколение опирается на работу своих предков. Иногда работа делает шаг назад. Но мы продолжаем бороться. Шаг за шагом наш вид прогрессирует. Будь то постепенный прогресс или огромный скачок вперед, он всегда основывается на достижениях тех, кто был до нас.
Нигде этот многоуровневый характер прогресса не проявляется так ярко, как в истории технологии. Даже самые резкие скачки в технологическом прогрессе возможны только тогда, когда есть некий фундамент, на который можно опираться.
Печатный станок Гутенберга не был бы изобретен, если бы не работа, уже проделанная при создании винтового пресса, используемого в виноделии. Технологии не создаются сами по себе. На них накладывают отпечаток призраки их прошлого.
Расположение QWERTY-клавиатуры на вашем компьютере и ее программного эквивалента на вашем телефоне – это эхо дизайна первого поколения пишущих машинок. Такое расположение клавиш было выбрано для того, чтобы уменьшить вероятность столкновения механических кусочков металла при их движении вперед, чтобы оставить свой след на бумаге.
Стрелки на циферблате часов движутся по часовой стрелке только потому, что именно в этом направлении движется тень от солнечных часов в течение дня в северном полушарии. Если бы история повернулась иначе, и цивилизация южного полушария оказалась на подъеме, то стрелки на наших часах сегодня двигались бы в противоположном направлении. Что касается того, почему эти часы отмеряют время 24-часовыми периодами, каждый из которых состоит из 60 минут, а каждая минута – из 60 секунд, то это заслуга древней шумерской цивилизации. Они решили использовать число 60 в качестве основы для счета и торговли. Это наименьшее число, которое может быть поровну разделено на первые шесть чисел. Этот шестидесятеричный способ счета сохранился до наших дней в виде часов, минут и секунд, которые мы используем в качестве концептуальных моделей для деления одного оборота нашей планеты.
Солнечные часы на постаменте. Тень, отбрасываемая солнечными часами в южном полушарии, движется против часовой стрелки.
Солнечные часы на постаменте. Тень, отбрасываемая солнечными часами в южном полушарии, движется против часовой стрелки.
Эти отголоски прошлого отражаются в настоящем даже тогда, когда их полезность изжила себя. До сих пор иногда можно встретить пользовательский интерфейс, в котором для представления музыки используется значок компакт-диска или виниловой пластинки. Тот же интерфейс может использовать изображение 3?-дюймовой ( размером в З дюйма) дискеты для представления концепции сохранения данных. Причина, почему дискеты оказались размером в З дюйма, заключается в том, что диск был разработан, чтобы поместиться в карман рубашки. Иконки в интерфейсах нашего программного обеспечения шепчут нам истории из истории одежды и моды.
Давайте поделимся тем, что знаем
Научный прогресс был бы невозможен без общей истории познания, на которую можно было бы опираться. Как сказал сэр Исаак Ньютон, если мы и продвинулись дальше, то только благодаря тому, что стоим на плечах гигантов.
Когда знания передаются из поколения в поколение, теории становятся более совершенными, единицы измерения стандартизируются, а точность экспериментов возрастает.
Сейчас самые точные эксперименты человечества проводятся под границей между Швейцарией и Францией. Здесь находится ЦЕРН, Европейская организация ядерных исследований. В кольце Большого адронного коллайдера шириной 16 миль протоны сталкиваются друг с другом со скоростью, приближающейся к скорости света. Наш вид приматов воссоздает условия начала существования нашей Вселенной. БАК – это самое сложное оборудование, которое когда-либо было создано.
Впечатляющие инженерные решения БАКа сочетаются с беспрецедентным уровнем международного сотрудничества в ЦЕРНе. Ускоритель частиц начал функционировать в первом десятилетии XXI века, но фундамент был заложен более полувека назад. Именно тогда группа стран объединилась для создания Конвенции ЦЕРН, выделяя ресурсы и деньги на чисто научные исследования. Единственной прибылью от инвестиций, которую они ожидали, была валюта знаний.
Эта основа создала уникальную среду, свободную от ограничений национальных, экономических и социальных иерархий. Лауреаты Нобелевской премии по физике сотрудничают со студентами во время летних стажировок. Если и существует элемент социальной категоризации в ЦЕРНе, то только между теоретиками и экспериментаторами. Теоретики – это те, у кого в кабинетах стоят доски. Экспериментаторы – это те, у кого есть компьютеры. Им приходится иметь дело с большим количеством данных. Еще до того, как был включен Большой адронный коллайдер, управление информацией было реальной проблемой в ЦЕРН.
Корешок книги. Спрашивать обо всем внутри
Это Тим Бернерс Ли, ученый-компьютерщик из Англии, который работал в ЦЕРНе в 1980-х. В начале того десятилетия он начал личный проект, чтобы разобраться с управлением информацией. Получившееся в результате программное обеспечение называлось ENQUIRE, названное в честь викторианского руководства по семейной жизни под названием Enquire Within On Everything.
К концу 80-х годов Тим Бернерс-Ли был готов к более масштабному решению сложной проблемы управления информацией. Чтобы получить поддержку в ЦЕРНе, он подготовил непритязательный документ под названием "Управление информацией: Предложение. К счастью, его начальник, Майк Сендалл, признал потенциал этой идеи и дал ход, написав слова "Смутно, но захватывающе…" в верхней части документа. Это предложение стало Всемирной паутиной.
Лист печатной бумаги с несколькими написанными от руки словами вверху. Смутно, но захватывающе…
Чистая стоимость
Сегодня мы думаем о Всемирной паутине как об одном из величайших изобретений в истории коммуникации, но для ученых ЦЕРНа это просто побочный продукт. Когда вы имеете дело с космологическими временными масштабами и исследуете сами строительные блоки реальности, хронология отношений человечества с технологиями – не более чем ошибка округления.
Когда Тим Бернерс-Ли решил заняться проблемой управления информацией в ЦЕРНе, Интернет уже стал частью его инфраструктуры. Эта сеть сетей была впервые создана в 1960-х годах, и первыми ее пользователями стали университеты и научные учреждения.
Эти узлы уже были физически соединены телефонными проводами. Вместо того, чтобы создавать совершенно новую сеть с нуля, имеет смысл повторно использовать то, что уже было. И вновь новая технология стала возможной только благодаря существованию более старой. В девятнадцатом веке мир был технологически терраформирован для телеграфа. Благодаря удивительным инженерным достижениям наша планета была соединена подводными кабелями. Позднее эти же кабели были перепрофилированы для передачи телефонных сигналов. Позже они снова будут нести цифровые единицы и нули Интернета. Сегодня эти сигналы передаются с помощью световых импульсов, проходящих по волоконно-оптическим кабелям. Эти оптоволоконные кабели проходят по дну океана теми же путями, что и их телеграфные предшественники.
Это карта подводных кабелей. Telegeography ежегодно публикует новую карту подводных кабелей.
Интернет не имеет центра. Это архитектурное решение придает сети надежность. Возможно, вы слышали, что Интернет был создан для того, чтобы противостоять ядерной атаке. Это не совсем верно. Это правда, что проект начался с военных соображений. Первоначальное исследование было профинансировано DARPA, Агентством перспективных оборонных проектов. Но инженеры, работавшие над проектом, не были военными. Их идеалы имели больше общего с движением за свободу слова, чем с военно-промышленным комплексом. Они спроектировали сеть так, чтобы обойти повреждения, но повреждения, о которых они беспокоились, были связаны с цензурой, а не с ядерной атакой. Открытая архитектура Интернета отражала либеральное мировоззрение его создателей. Помимо децентрализации, интернет был также намеренно спроектирован как "тупая" сеть. Это его секретный соус. Протоколы, лежащие в основе передачи данных в интернете – TCP/IP – описывают, как должны перемещаться пакеты данных, но эти протоколы нисколько не заботятся о содержимом пакетов. Это позволяет Интернету быть транспортным механизмом для всех видов приложений: электронной почты, Telnet, FTP и, в конечном счете, Всемирной паутины.
Популярные книги
