Дизайн Евгений Делюкин
25 657

От таблиц и «кислотных» расцветок до адаптивного и плоского дизайна: как изменялся внешний вид интернета

Хронология развития веб-дизайна и браузеров.

В закладки

1991 год — создание World Wide Web

6 августа 1991 года в новостной группе Usenet alt.hypertext публично объявили о запуске сети. Первый веб-сайт CERN запустился в ноябре 1992 года, он был полностью текстовым, синим цветом выделялись гиперссылки. У первых цветных мониторов было разрешение 640x480, они поддерживали 16 цветов.

Первый опубликованный сайт. Источник: W3

Для просмотра веб-страниц использовался WorldWideWeb, позже переименованный в Nexus — первый интернет-браузер.

Браузер WorldWideWeb. Источник: Cern

HTML

Пример HTML-кода. Источник: Researchgate

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

Lynx с открытой Wikipedia

В 1992 году появился текстовый браузер Lynx.

1993 год — новые браузеры, первый поисковик и поддержка изображений

Через два года после запуска WWW появилась первая поисковая система Aliweb (Archie Like Indexing for Web). Она представляла собой каталог сайтов, разделенный по тематикам. Aliweb экспериментировала с дизайном: чтобы привлечь внимание пользователей, важные элементы страницы выделялись разными цветами.

Aliweb

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

В 1993 году появилась поддержка изображений, которые можно было поделить на части и вставить в таблицу. «Тело» сайта начали отделять от боковой навигации (первой колонки таблицы), появились первые изображения, а веб-дизайн начал идти в сторону более широких макетов.

Mosaic

Появился современный браузер Mosaic, который отображал изображения на веб-странице вместе с текстом, а также загружал страницу в HTML-формате.

По данным исследователя MIT Research Мэттью Грея, к концу 1993 года в интернете было 623 сайта. Появились первые лендинги — их прообразом стал запущенный сайт MTV.

Первый сайт MTV

1994 год — использование баннеров на сайтах

Онлайн-маркетинг появился в первые годы создания интернета: многие сайты были переполнены рекламой в девяностых годах. Отличился Hotwire, который сейчас переименован в Wired — дизайнеры добавили небольшое баннерное объявление в шапку сайта в 1994 году.

Hotwire

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

Разработчики сайтов старались привлечь читателей яркими рекламными объявлениями, похожими на современные баннеры, и кричащими цветами. Появились цветные 3D-кнопки.

Сайт Microsoft в 1994 году. Источник: Redmond Pie

В 1993 году создали консорциум World Wide Web (W3C), который разработал основные стандарты веб-страниц. Оптимизированные сайты начали загружаться быстрее и на более высоком разрешении экрана.

Netscape Navigator 1. Источник: PCWorld

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

Источник: u networks

В середине 1994 года было 2738 сайтов, согласно статистике Мэттью Грея. В конце 1994 года — более 10 тысяч сайтов.

Opera 1. Источник: Wikipedia

В 1994 году запустился исследовательский проект Opera Browser 1.0.

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

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

1995 год — PHP, язык Ruby, Shockwave, Internet Explorer 1

В 1995 году появились мониторы с разрешением 800x600 и поддержкой 256 цветов. В интернете появились шрифты Times New Roman и Courier, простая анимация и интерактивные веб-приложения Macromedia Shockwave. Позже компанию Macromedia купит Adobe.

Был разработан язык программирования PHP. Изначально PHP был инструментом создания персональных веб-страниц (Personal Home Page), сегодня — это язык программирования для создания динамических сайтов.

В 1995 году на PHP создавались простые динамические приложения — веб-формы и гостевые книги.

Internet Explorer 1. Источник: PCWorld

Microsoft выпустила Internet Explorer 1 и Internet Explorer 2, которые не могли конкурировать с Netscape 3. К 1996 году около 90% интернет-пользователей использовали Netscape Navigator в качестве браузера.

1996 год — Internet Explorer 3, Flash

В 1996 году число пользователей интернета увеличилось до 36 млн человек.

Образцом качественного сайта 1996 года считается сайт CNN.

Сайт CNN 1996 года

Microsoft выпустила Internet Explorer 3.0, который поддерживал мультимедиа, Java-вставки, интернет-почту и управляющие элементы ActiveX.

Internet Explorer 3 обогнал по популярности Netscape и стал лидером рынка браузеров до выхода Google Chrome.

Flash — эпоха веб-анимации

Flash полностью изменил представление о дизайне веб-страниц. Впервые дизайнеры получили возможность создавать любые объекты, добавлять анимации и создавать более привлекательные сайты. При этом использовался только один инструмент — конечная страница сжимала всю информацию в один исполняемый файл. Сайты превратились в комбинацию табличного стиля и flash-элементов, которые меняли цвет и размер.

Сайт фильма Space Jam

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

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

В дизайне все больше внимания уделялось навигационным меню: дизайнеры использовали темные фоны и 3D-кнопки для страниц.

1998 год — рождение Google

В 1998 году интернет стал напоминать то, что пользователи видят сегодня.

Сайт Google в 1999 году

Google Beta появилась 4 сентября 1998 года. Google изменила представление о каталоге ссылок — вместо выбора из списка-справочника, компания решила сделать минималистичный поиск. Простота и быстрая скорость работы привели Google к успеху.

CSS

После создания Flash появились CSS — каскадные таблицы стилей.

Чем больше пользователей появлялось в интернете, тем медленнее он становился. Скорость открытия страниц сайтов стала большой проблемой. Идея CSS проста — разделить контент и внешний вид. Содержание страницы сайта было в HTML, а её стиль — цвет фона или размер текста — указывался в CSS-таблице стилей.

Такая разработка упростила контроль над единым внешним видом сайтов вне зависимости от их содержания.

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

В 2000 году Microsoft Internet Explorer 5 стал первым браузером, который начал поддерживать CSS 1 на 99%.

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

2000 год — интернет-экономика

В 1999 году появилась платежная онлайн-система PayPal. Но широкое распространение она получила в 2000 году и зародила новый способ ведения бизнеса.

Paypal

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

Появилась понятие «сетка» сайта, которая упростила дизайнерам организацию элементов для удобства пользователей. Разрешение экрана увеличилось до 1024x768, но 56% пользователей интернета по всему миру ещё использовали экраны 800х600.

Internet Explorer 6. Источник: PCWorld

В 2001 году появился Internet Explorer 6.

2003 год — блоги

Дизайнеры использовали flash и экраны-заставки и интегрировали анимированный контент. Увеличилась скорость соединения, что открыло возможности для улучшения дизайна.

До 2000 года разработкой и дизайном сайтов практически полностью занимались ИТ-специалисты с техническим образованием. В 2003 году вышла WordPress — система управления контентом основанная на PHP и MySQL, которая упростила заведение личных страничек пользователям интернета.

WordPress использовала систему шаблонов и архитектуру на плагинах, что позволило самому настраивать дизайн и функциональность сайта.

WordPress

WordPress изменил подход к разработке сайтов. В мае 2003 года WordPress установили на 2000 блогах, а в январе 2015 года более 23,3% из 10 млн сайтов использовали эту CMS.

Дизайнеры начали использовать 16 млн цветов вместо 256 оттенков. Появилось выпадающее навигационное меню, а 3D-кнопки стали пропадать с сайтов. Пользователи начали переходить на разрешение 1024x768.

2004 — MySpace и Firefox

MySpace

Социальная сеть MySpace стала местом, где пользователи могли создать собственные профили и общаться с другими людьми через интернет. Для редактирования профилей социальная сеть предложила использовать HTML. Первые веб-дизайнеры могли учиться верстке HTML-макетов с помощью платформы MySpace.

Firefox 1.0. Источник: PCWorld

В 2004 году появился браузер Firefox 1.0 с открытым исходным кодом. Он составил конкуренцию Internet Explorer.

2005 год — YouTube

Видеоконтент вышел на первый план и появился первый видеохостинг — YouTube. На сайтах начали интегрировать видео как часть общего контента сайта. В 2006 году сервис купит Google.

2006 год — публичная версия Facebook

Изначально Facebook появилась в 2004 году, но была доступна только студентам колледжей — регистрация подтверждалась по электронной почте .edu.

Facebook в 2006 году

В 2006 году Facebook открыла регистрацию для всех. В отличие от MySpace, разработка Цукерберга не позволяла редактировать код страниц. Facebook сконцентрировалась на простом и лаконичном дизайне сайта и разработала фирменный цветовой стиль, который легко узнавали в интернете.

Широкое распространение получили стоковые фотографии и скевоморфизм. В дизайне стали использоваться текстуры, похожие на реальные объекты, — деревья, ткань, металл.

В 2000-х годах появилось понятие Web 2.0. Сайты стали использовать интерактивный контент, который меняется без обновления страницы, и веб-приложения.

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

2007 год — мобильная революция

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

Ответ пришел в виде 960 Grid System: Bootstrap и Foundation стали основой нового мобильного веба.

29 июня 2007 года вышел первый iPhone. Большинство пользователей в то время занимались серфингом в интернете с помощью простых браузеров и считали сайты на телефонах ненужными и бесполезными.

Safari в iOS. Так выглядел сайт The New York Times без мобильной версии.

В iPhone появился первый полноценный мобильный браузер Safari.

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

Сайт Apple в 2007 году

2008 год — Google Chrome, мобильный интернет и HTML5

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

Google Chrome. Источник: Telegraph

Появился Google Chrome, который стал самым популярным браузером из-за скорости, дизайна и минимализма.

Появилась первая версия технологии HTML5, который придет на смену Flash.

2009 год — социализация изображений

Flickr

Компания Yahoo запустила сервис Flickr, который позволяет загружать и обмениваться фотографиями в интернете. Flickr стал первым сайтом, использующим совместные теги.

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

2010 год — рождение адаптивного дизайна

По мере увеличения использования мобильного интернета, важной задачей для дизайнера стала разработка мобильной версии сайта. В 2010 году веб-дизайнер Итан Маркотт поставил перед собой задачу приблизить дизайн мобильного веба к настольному.

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

Адаптивный дизайн на примере Mashable

С технической точки зрения разработчики по-прежнему использовали HTML и CSS. Основным преимуществом адаптивности был паритет контента — на всех устройствах пользователи получали один и тот же сайт. Дизайнеры отказались от скевоморфизма и градиентов в пользу плоских макетов с простыми элементами и типографикой.

Рынок браузеров поделили между собой Chrome, Internet Explorer, Safari, Firefox и Opera. Google обновлял браузер чаще остальных: в период между 2010 и 2014 годами появилось более 30 обновлений Chrome.

2012 год — плоский дизайн, Metro UI

В 2012 году Microsoft представила язык Metro Design (позже переименованный в Modern Design), основой которого стал плоский дизайн. Он применялся в Windows Phone, Windows 8 и Zune и стал источником вдохновения, образцом для многих компаний.

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

Zune. Источник: Csmonitor

Пастельные цвета, острые края, форма сетки и аккуратная типографика преобладали в Modern Design, который в 2017 году обновился и стал называться Fluent Design.

Дизайнеры выбирали минималистичный вид сайтов, более информативный и эстетичный.

Аккаунт Microsoft в Fluent-дизайне. Источник: On MSFT
Сайт Apple в 2012 году

2014-2018 года — Material Design, Parallax, типографика

В 2014 году Google опубликовала своё видение дизайна — Material Design. Google предлагает использовать тени и концепции движения и глубины, чтобы создавать проекты, ориентированные на UX. Компания развила идеи плоского дизайна, адаптировав мобильные приложения и мобильные версии сайтов в новом фирменном стиле.

Material Design вдохновлен физическим миром и его текстурами, в том числе тем, как отражаются свет и тени.

Источник: Behance

Еще один элемент Metro и Material Design — анимации. Они обрели популярность в 2016 году и используются для привлечения внимания пользователей и помощи в навигации по сайту.

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

Сайт Apple в 2015 году

Parallax

В 2015 году становится популярным Parallax-эффект: при прокрутке переднего плана движется передний объект, а не фон. Это превращает веб-дизайн в одну большую анимированную картинку.

Источник: Stracatela

Microsoft закрывает Internet Explorer. Ему на смену приходит Microsoft Edge. Также в 2015 году «Яндекс» представил «Яндекс.Браузер».

Microsoft Edge

В 2018 году тенденции не изменились: дизайнеры продолжают развивать идеи плоского дизайна, типографики и анимации. Одно из значительных изменений в дизайне, которое пришло из 2017 года — асимметрия и «сломанные» макеты.

Источник: Dada-data

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

Источник: FabricBrands

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

Сайт Adobe

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

Сайт Heystack

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

Типографика создает контрастные заголовки и улучшает навигацию по сайту.

Источник: Fboxer

Общая тенденция сайтов 2018 года: яркие цвета, жирный градиент и интегрированная анимация. Предложенная в 2012 году строгость плоского стиля постепенно эволюционирует в яркий, живой и адаптивный интерфейс, одинаково подходящий для мобильных устройств и компьютеров.

Сайт Apple в 2018 году

#какэтобыло #интернет

{ "author_name": "Евгений Делюкин", "author_type": "editor", "tags": ["\u043a\u0430\u043a\u044d\u0442\u043e\u0431\u044b\u043b\u043e","\u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442"], "comments": 52, "likes": 146, "favorites": 165, "is_advertisement": false, "subsite_label": "design", "id": 46224, "is_wide": false }
{ "id": 46224, "author_id": 124903, "diff_limit": 1000, "urls": {"diff":"\/comments\/46224\/get","add":"\/comments\/46224\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/46224"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114 }

52 комментария 52 комм.

Популярные

По порядку

Написать комментарий...
29

Понастальгировал, спасибо! 👍🏻

Ответить
38

Тенденция последних лет - портить юзабилити в угоду свистоперделкам.

Ответить
3

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

Ответить
13

А еще отказаться от уведомлений, потом от того, чтобы поделиться местоположением, потом закрыть окошко, которое предложит ввести email для получения промокода.
А после того, как проскролишь страничку вниз, нужно не забыть закрыт поп-ап "введите ваш телефон и мы перезвоним через 22 секунды (нет)". Все это на фоне громкой видеорекламы внедорожника.
А ты всего лишь хотел посмотреть, сколько лошадиных сил в базовой комплектации какой-нибудь машины.

Ответить
0

Вот это треш реально, сколько всего навалят на сайт. Авось что-нибудь сработает)))

Ответить
1

Тебе что прошлый аккаунт забанили?

Ответить
8

Не интересно, ведь это не правда! Сайты, которые на flash были в 2010, ещё не скоро появятся на webgl. Это сейчас дизайнеры смотрят дриббле, а раньше все вдохнавлялись именно подборками flash сайтов. Но он значительно обогнал свое время. Медленно развивающийся фронтэнд не смог оценить типизацию, классы, ооп, событийную модель, компонентный подход, компоненты в декларативном стили, кроссплатформенную разработку, тяжелые ide.Но сейчас, когда им все разжевали, все знают о typescript или flow, о том что называют flow архитектрура, react\angular, react\angular native, webstorm. Ооо, а сколько фронтэнду ещё предстоит узнать, что во флеш знали с 2007 года..

Единственное что по датам наверное правильно и что является настоящим чудом, это дизайн от google. Если не он, инет был бы отстойным.

Ответить
9

Больше всего раньше любил ходить на сайты фильмов на флеше. Их делали очень стильными, со звуком и красивыми эффектами. До сих пор помню сайт Блейда, весь в крови. Или, например, сайт российского дизайнера Олега Пащенко, ещё живой даже (http://conclaveobscurum.ru). Не то что сейчас, все одинаковое унылое.

Ответить
3

Conclave Obscurum - это легенда, чистое искусство в веб-формате.

Ответить
2

Флеш тормозной, перегруженный, дырявый и требующий такого же тормозного и дырявого плеера. Закономерно, что он умер.

Ответить
6

Вас в детстве флешем... обидели? Это технология, задавшая вектор развития браузеров. Вся нынешняя веб-мультимедия, аудио, видео, фоновая передача данных выросла из флэш и, к сожалению, пока не обогнала ее по производительности. Все нынешние перделки, реализованные типа на нативном яваскрипте и css, приводят к фризам и сжирают сотни мегабайт оперативки. Я не помню, чтобы в 2007 году одна страница на флэше сжирала 500 Мб ОЗУ. И да - ActionScript 3.0 был очень удобным и производительным инструментом.

Ответить
1

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

Ответить
0

Какие ошибки? Вы о чем? Это не нет-фреймворк или джава, чтобы сыпать исключениями. Контент либо грузится, либо не грузится (криворукий программист, недоступный сервер. Никакой разницы с ajax). Плагин ставился один раз и не требовал частого обновления. Возможно, обновления нужны были тем, кто играл в онлайн-игры с навороченной графикой, написанные на флэш. Но это отдельная аудитория кмк. И редакторы для создания флэш-контента были на любой вкус: как для аниматоров (сам Flash), так и для кодеров (вариантов куча). Флекс - это тупо набор компонентов для построения интерфейсов. Как в сишарпе. Но я нигде в вебе не встречал их массового использования.
Вы тут возмущаетесь необходимостью ставить отдельный плагин, а меня бесит скачивать несколько мегабайт яваскрипт-кода ради единственной карусельки, которую верстальщик решил вхерачить посередине странички. На флэше подобный элемент весит от силы 10-15 килобайт.

Ответить
1

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

Ответить
3

Флеш не был гениальным, и это не человек, чтобы жалеть о том, что его больше нет.

Ответить
3

И я разве говорил что флеш самая лучшая технология или что его похоронили зря? Я всего-лишь сказал, чтот статья неправильная и что все что приписывают 2015 году было уже в 2007. От этого статья просто вранье и фантазия-предположение.

Ответить
1

Поддерживаю. Автор, видимо, из тех, кто учит историю по Википедии.

Ответить
0

Флэш действительно имел широкий профессиональный функционал, но чтобы в нем были парадигмы - рили ? Mvc и строгая типизация ts ?

Ответить
8

Многие до сих пор клепают сайты 2005 годов просто под широкий экран.

Ответить

Комментарий удален

4

Современному Интернету чуть больше десяти лет. ЧУТЬ БОЛЬШЕ ДЕСЯТИ, Карл. Мне кажется мы ещё даже не начали осознавать, какое гигантское влияние на развитие человеческой цивилизации окажет эта технология.

Ответить
29

а всего то хотели просто обмениваться ссылками на научные работы

Ответить
0

А еще раньше, просто хотели сеть способную пережить ядерный удар

Ответить
0

В современной реализации может и не пережить
До сих пор кабели по дну валяются

Ответить
0

Смотря что считать современным. Гугл, Яндекс, Амазон, Ебэй появились примерно 20 лет назад. Причём Мейл.ру даже постарше будет (но его купили в своё время).

Ответить
3

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

Ответить
1

IE 2, Opera 3 - какие были времена ... (ушел загружать Хром 69.0.34)

Ответить
4

почтовый клиент The Bat

Ответить
0

Мой коллега с удовольствием использует в 2018 году. :)

Ответить
2

Хм.. Насколько я помню Yahoo купила Flickr

Ответить
2

сколько аффтару лет? много неточностей

Ответить
0

На ВК есть юзер с таким же именем и портретом — ему 26. То есть, WWW старше автора.

Ответить
2

Советские плакаты тоже были сделаны в стиле flat design. Все что новое забытое старое.. скевоморфизм тоже опять вернется.
P.s.: Лебедев Тёма сказал.

Ответить
2

"2000 год — интернет-экономика". Нет, 2000 - это уже год краха доткомов.

Ответить
2

Странно что в статье не упоминается Gmail, по сути первое Web 2.0 приложение.

Ответить
2

Хотел поностальгировать, но не вышло. Похоже, автор все это просто не застал, и потому собрал то, что собралось. Работа проделана большая, но лично мое редакторское нет. И где анимированные гифки?

Ответить
0

да, некоторые даты както не вяжутся.
паралаксы еще в 2012 начались ане в 15.
адаптив появился значительно позже, тк еще в 10х годах многие думали как правильно верстать таблицами или дивами.

Ответить
0

Яндекс.Браузер представлен в 2015, ага-ага. Как же я его в 2013 поставил тогда-то?

Ответить
0

Вот-вот!

CSS после Флэша? Да ну? В 1999 (или раньше?) CSS уже использовался — IE поддерживал псевдокласс :hover
PHP в 1995? Неужели? Вот Perl в 1997 — это да, это больше похоже на правду.
Блоги в 2003? А ничего, что к тому моменту уже ЖЖ был не первый год? И даже в России.
Первые цветные мониторы — шестнадцатицветные VGA 640×480? Видимо, EGA 640×350 и четырёхцветные CGA 320×200 автор не встречал.

Ответить
1

В 2012 году Microsoft представила язык Metro Design, основой которого стал плоский дизайн

Так вот, кто все это начал...

Ответить
–1

Хотелось бы посмотреть на этого горе дизайнера, который испортил дизайн всего мира на несколько лет

Ответить
–3

Винда нынче реально убого выглядит.

Ответить
0

Крутой материал! Спасибо, VC

Ответить
0

С глаз то ли капли слезы, то ли крови...печально всё это

Ответить
0

⚠🛅🚺
Юбка

Ответить

Комментарий удален

0

спасибо за интересный обзор

Ответить
0

Начал читать, очень интересно, на пару дней мне чтива)

Ответить
0

Читать статью с декстопа сплошное мучение. Очень мало полезного пространства. Поставьте вы этот баннер с Маликовым в место колонки справа "Прямой эфир".

Ответить
0

Специально зашел, чтобы оставить этот комментарий.

Не хватает не только лишь "что появилось", но и "что исчезло". Навскидку Опера, Гуглридер, Яху...

Ответить

Комментарий удален

0

Узнал новое слово "скевоморфизм", спасибо! Статья очень познавательная. Но вот хочется придраться к фразе "появилась первая версия технологии HTML5", разве HTML5 это не зонтичный термин? Который подразумевает набор различных технологий и постоянно развивающийся стандарт HTML?

Ответить
–2

Мало внимания уделили браузеру Opera...

Ответить
0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Нейронная сеть научилась читать стихи
голосом Пастернака и смотреть в окно на осень
Подписаться на push-уведомления