{"id":13579,"url":"\/distributions\/13579\/click?bit=1&hash=fac1e262bacedc292bce698ad3ca818a77bd592caa4fdfa917a7de6d9e68f657","title":"\u0420\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0439 \u0431\u044e\u0434\u0436\u0435\u0442 \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u043b\u0438, \u0430 \u0442\u043e\u043b\u043a\u0443 \u043d\u0435\u0442","buttonText":"\u041a\u0430\u043a \u0443 \u043c\u0435\u043d\u044f!","imageUuid":"7b040e27-87ca-5e31-ad48-6ae8b0b1ebed","isPaidAndBannersEnabled":false}
Дизайн
Egor Komarov

Как жил веб-дизайнер в 2000 году

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

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

Как жил дизайнер до интернета?

2000 год. Интернет только начал массово активно развиваться появляться в СНГ. Не было Wi-Fi, не было планшетов, смартфонов. Были только кнопочные телефоны и то не у всех.

Монитор дизайнера был выпуклый и похожий на огромную коробку, на то время плоских мониторов тоже не было. Кто-то еще работает на подобных? 😃

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

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

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

Были еще "жуткие" времена, когда за интернет была почасовая оплата 😄 Как тебе такое Илон Маск?

Беларусские карты

Из всего доступного и нормального софта для веб-дизайнера был только Photoshop.

Фотошоп 1999 год

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

Торрентов особо не было, обмениваться большими файлами было сложно. Все только развивалось. Софт было достать не всегда просто. Хотя еще были рынки. Представляете, чтобы установить Photoshop вам надо было пойти на рынок и найти продавца и купить у него CD диск.

Полки с дисками выглядели именно так:

Photoshop сперва использовался только для того, чтобы просто нарисовать какую-то картинку для сайта. Такого понятия как «нарисовать макет сайта» изначально не было. Все эксперименты с внешним видом сайта делали исключительно кодом посредством HTML разметки. Код этот создавали в обычном блокноте.

Я не буду вдаваться в подробности HTML. Суть в том, что все дизайнеры-динозавры раньше разбирались хорошо в HTM, другого выхода у них не было. Был только блокнот и Photoshop. Рисование макетов в графическом редакторе пришло намного позже.

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

Все сайты в 1990-2000 году выглядели примерно так:

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

И как вы можете заметить, на cкриншотах выше, рекомендуемый размер экрана был 800x600, это скажем так, был эталон. Такой размер экранов был практически у каждого. Все мониторы были весьма стандартизированы. И выбора было очень мало.

Далее появились экраны 1024x768 — и это считалось очень крутым и модным разрешением. И то, как я помню, переход с 800x600 на 1024x768 был очень мучительным. Постоянно были споры о том, какого размера делать сайт. Ведь адаптивный дизайн еще не придумали тогда. Все кто был в тренде, давно уже старались делать сайты 1024x768, но клиенты очень сильно упирались и не верили в быстрый переход и смену разрешения экрана. Но в итоге 1024x768 все равно очень быстро стал новым стандартом.

В то время очень модно было использоваться гифки и вставлять их в страницы. И это считалось очень круто. Гифок благо в интернете было полно. Их вставляли куда только угодно. Заливали фон, добавляли рядом с текстом, использовали везде, где только можно и нельзя. Сегодня этот примем называется брутализм. 😎

В интернете, даже по сей день сохранились многие старые гифки. Как они выглядели можно посмотреть на сайте, где парень собрал всевозможные гифки в стиле «Under Construcion» http://textfiles.com/underconstruction/. Эти гифки часто использовали на страницах заглушках, когда сайт был в разработке.

А вот так раньше выглядели сегодняшние гиганты:

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

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

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

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

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

Вот такой и был дизайн в 2000 году. Люди тогда выжимали по максимуму из всех доступных и скромных технологий доступных на тот момент.

Приход Javascript (1995)

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

Ответом на ограничения HTML был Javascript. Хотите вывести всплывающее окно? Или вам нужно настроить динамическое изменение расположения элементов? Ответ один — Javascript. Однако главная проблема заключалась в том, что Javascript ложился поверх материала, из которого состоит веб и, соответственно, должен был загружаться отдельно.

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

В наши дни мы предпочитаем избегать использования Javascript, если тот же самый элемент может быть реализован с помощью CCS, но даже несмотря на это, JavaScript сегодня не теряет своей актуальности как в разработке интерфейсов (jQuery), так и в программировании серверной части (Node.js).

Flash технология (1996)

Потом появилась Flash технология. Adobe Flash (ранее Macromedia Flash), или просто Flash, по-русски часто пишут флеш или флэш) — мультимедийная платформа компании Adobe Systems для создания веб-приложений или мультимедийных презентаций. Широко используется для создания рекламных баннеров, анимации, игр, а также воспроизведения на веб-страницах видео- и аудиозаписей.

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

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

Это был новый бум. На флеше делались сайты, мультики, игры. Можно было легко все анимировать, рисовать и без сложного программирования создавать взаимодействие элементов. Можно было создавать все что угодно. Креативу не было предела.

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

1 серия Масяни 2001 год

Сегодня Flash официально мертв.

CSS (1998)

Примерно в то же время, что и Flash, появился другой, лучший с технической точки зрения способ структурирования дизайна — Cascading Style Sheets (CSS). Его базовая концепция заключалась в разделении функций контейнера содержимого и функций его представления, таким образом, что сам контент помещался в HTML, а его визуальное форматирование происходило при помощи CSS.

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

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

Здесь также важно пояснить, что CSS не является языком написания кода, скорее — языком объявления свойств объектов и, если вопрос о том, надо ли дизайнерам учиться писать код остается открытым, то ответ на вопрос «Следует ли им понимать, как работает CSS?» совершенно точно будет положительным.

Подъем мобильного контента — сетки и фреймворки (2007)

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

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

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

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

Вот так и развивался веб-дизайн и сайты развивались долгое время в таком направлении:

Адаптивный веб-дизайн (2010)

Умный парень по имени Итан Мэркот решил бросить вызов существующему подходу, предложив отображать одинаковое содержимое, используя при этом разные формы макетов для его представления, назвав это термином «Responsive web design» (адаптивный веб-дизайн). Формально, мы все еще продолжаем использовать HTML и CSS, поэтому речь здесь идет больше о концептуальном улучшении.

Относительно этого подхода существует немало заблуждений. Для дизайнера «адаптивность» означает создание множества набросков разных макетов, а для клиента это значит, что все будет работать на телефоне. Разработчик при этом думает о скорости загрузки страницы, о том, как представить пользователю изображения, о смысловой нагрузке элементов, о приоритете мобильной или десктопной версии и так далее… Главное преимущество такого подхода заключается в сохранении одного и того же контента на разных макетах. На практике это значит, что один и тот же веб-сайт работает везде.

Упрощение (2015)

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

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

Вот собственно и вся краткая история веб-дизайна.

Вернемся в сегодняшний день

Появилось огромное количество новых слов: ТЗ, макет, svg, css, js, cms, figma, контент, скрипты, сервер, хост, ftp, ssh, домен, админка, вёрстка, слои, mysql, sketch, afiinity, ретина, grid system, фреймворк, гайдлан, презентация, брендбук, руководство стиля, флэт, технический дизайн, текстуры, паттерн, mock-up, вектор, растр, иконки, шрифты, параллакс, иллюстрация, palette, artboard, кривые, спрайт, адаптивный дизайн, pixel perfect, ui/ux, скевоморфизм, метро-интерфейс, плитка, длинная прокрутка, лендинг, wow эффекты, эмоциональный дизайн и прочее прочее.

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

Эволюция веба

Кто сильно заинтересовался историей, можете еще изучить вот этот сайт:

evolutionoftheweb.com — тут можно глянуть развитие различных технологий.

Назад в прошлое

А еще у вас есть уникальная возможность, посмотреть как выглядел тот или иной сайт много лет назад.

Для этого используйте сайт archive.org — глобальный проект с казалось бы невыполнимой миссией — создание архива всех сайтов, когда либо размещенных в интернете. Причем, сайты сохраняются не в виде скриншотов, а в виде полноценно работающих веб-страниц со всеми ссылками, картинками и стилевым оформлением (CSS).

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

Dribblble выглядел вот так в 2010 году 🤘🏻

Behance 2007 год

Эволюция иконок

Иконки в дизайне — это целый тренд и мода, которая постоянно меняется. Как развивались иконки можно посмотреть на вот этом прекрасном сайте: https://historyoficons.com

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

Поделитесь своими воспоминаниями о вашем первом опыте в веб-дизайне.

Бонус!

Реклама Яндекса 2000 года

В статье использовался материал «Хабра» — краткая история веб-дизайна.

0
337 комментариев
Написать комментарий...
Михаил Б

Что-то я не понял, а где:

Ответить
Развернуть ветку
Alex Ayer
Ответить
Развернуть ветку
Андрей Солозобов

Это мой уровень дизайна

Ответить
Развернуть ветку
4 комментария
Vitaly Batushev

Псс, у меня был интернет в 2000-м. И я помню Corel 1.0, Xerox Ventura Publisher, Aldus Pagemaker, Aldus Photostyler (убитый злобный адобом), Photoshop не помню даже какой версии :))) Вот это были времена... Жесткий диск на 20Мб, который нужно было заводить столкача — берешь в руку (он был вынут из корпуса и лежал рядом, подсоединенный питанием и кабелем) и резко поворачиваешь его вокруг оси, и он начинает гудеть и работать! :))) Установка дискетами, ах!
В этом году 30 лет как я за компом :)

Ответить
Развернуть ветку
Причинно-следственная связь

У меня фотошоп появился в 2004м. Сказали что через эту прогу можно на фотках однокласниц раздевать. Повелся. Так я и попал в дизайн

Ответить
Развернуть ветку
5 комментариев
Egor Komarov
Автор

кстати о мажорах, помню такого мажора, у которого стоял диск на 1gb, и все думали что он псих. Мол, зачем ему столько пустого места. Сегодня это смешно. 

Ответить
Развернуть ветку
28 комментариев
Аккаунт удален

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

Ответить
Развернуть ветку
6 комментариев
Egor Komarov
Автор

мажор 😄

Ответить
Развернуть ветку
9 комментариев
Gre Li

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

Ответить
Развернуть ветку
1 комментарий
Bulat Ziganshin

20 ГБ, друг. диски на 300 МБ у нас были ещё в 87-м

Ответить
Развернуть ветку
21 комментарий
Lilly Sky

Я уже 39 лет за компом. Мама- программист (5 языков) усадила меня за монитор в 13 лет ещё в 1983 году.

Ответить
Развернуть ветку
Руслан Габиев

Забыли упомянуть Macromedia Homesite  и Dreamweaver. А так же Microsoft Frontpage. 

Ответить
Развернуть ветку
Elena Pimonova

а еще сайты по шаблонам народ.ру 

Ответить
Развернуть ветку
7 комментариев
Аккаунт удален

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

Ответить
Развернуть ветку
3 комментария
Denis Yakovlev

Точно. Первый сайт я сделал на народе, потом уже был Frontpage (редкое говно) и Dreamweaver.

Ответить
Развернуть ветку
Диктор Павел Константиновский

И Fireworks. Хорошая была программа. 

Ответить
Развернуть ветку
Vitaly Batushev

Ну это позже было. Хомесайтом не игрался, на дриме сделал первый "сайт" с рубаи Хайяма. На фронтпейдж не делал ничего, только за титьки помял.

Ответить
Развернуть ветку
Владимир Бугаев

Когда интернет можно было найти на улице.

Ответить
Развернуть ветку
Иван Сергеев

А кто помнит бесплатного провайдера Караван?
Можно было ночью на халяву сидеть в интернете. Это был просто аттракцион невиданной щедрости. Главное было пробиться.

Ответить
Развернуть ветку
10 комментариев
Михаил Качалов
Торрентов не было и сильного пиратства как сегодня тоже

- Винда, как и Photoshop у Вас конечно же были лицензионными?

Ответить
Развернуть ветку
Борис Смирнов

Было все лицензионное - на рынках, на дисках.

Ответить
Развернуть ветку
2 комментария
Egor Komarov
Автор

Не в таких масштабах разумеется. 

Ответить
Развернуть ветку
5 комментариев
Борис Смирнов

Берешь 8 дискет и записываешь на них ч/б макет для публикации в газете. Едешь на автобусе в другой конец города в редакцию газеты. Начинается распоковка, ты сильно молишься. 1 норм, 2 норм, 3 норм, 4 норм, 5 норм. Ты молишься. 6 ошибка, 6 ошибка, 6 ошибка. Ты молишься, но чуда не происходит. Сссссссс....ка, в один голос с верстальщиком. Ты едешь обратно. Завтра квест повторяется. А потом появились CD )))

Ответить
Развернуть ветку
Vitaly Batushev

Но и они не всегда читались :))))

Ответить
Развернуть ветку
1 комментарий
Аккаунт удален

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

Ответить
Развернуть ветку
boj Ko

Чувааааак,  а у тебя Dенди негде не завалялось ?

Ответить
Развернуть ветку
1 комментарий
Alexander Panasenkov

При «визжащем» модеме платить надо было все же за минуты, а не за мегабайты, трафик как раз был безлимитным. В целом статья точно от человека, который описываемые времена не застал, но попытался описать :) 

Ответить
Развернуть ветку
Egor Komarov
Автор

Кто за минуты платил, а кто за трафик, так что не надо тут. 

Ответить
Развернуть ветку
3 комментария
Alexey Sharapov

И не забыть еще бесплатные или дешевые часы в ночное время, менеджеры закачки и вот это вот все)
Пиратства было больше, компании вообще никто не штрафовал. До сих пор помню глаза иностранцев на Горбушке, которые смотрели на диск "Windows + MS Office + Adobe Photoshop +..." и удивлялись, что все это можно купить за 2 доллара. 

Ответить
Развернуть ветку
20 комментариев
Aristarkh Z.

Были в Ростове-на-Дону тарифы с трафиком по 2.5р за МБ без учёта времени. Сначала только ночью, потом и днём (когда ADSL начал вытеснять обычные модемы).

Ответить
Развернуть ветку
Арнольд Валерьянович

дитя, он выглядит по фоткам в три раза старше тебя

Ответить
Развернуть ветку
Killer

За минуты потом пошло, первоначально просто оплачивалась только точка доступа.

Ответить
Развернуть ветку
Александр Весёлкин

"JavaScript сегодня не теряет своей актуальности как в разработке интерфейсов (jQuery)"
Что простите???? Какой jQuery, от него даже в Bootstrap отказались. React/Angular/Vue3 сейчас.

Ответить
Развернуть ветку
yesYouStp

поколение 1.5 летних вайтишников может и отказалось, а так я пишу как react/vue так и одновременно другой сайт на jquery и ничего плохого в этом не вижу, и в этом и нет ничего плохого

Ответить
Развернуть ветку
Nick

Да что вы так агритесь сразу

Ответить
Развернуть ветку
3 комментария
Алексей Скляров

Каждый инструмент выбирается под цели. Зачем использовать Vue/Angular/React, когда мне надо сделать отправку данных через ajax с формы и написать хоть какую-то простенькую валидацию данных на клиенте? От jquery никто не отказался, если вы стали использовать Vue/Angular/React в силу увеличения сложности проектов, это не значит что оставленный вами фреймворк больше никому не нужен

Ответить
Развернуть ветку
1 комментарий
Alex Nevi

Bootstrap отказался, а я нет🤷🏻‍♂️

Ответить
Развернуть ветку
Грядущий фитиль

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

Ответить
Развернуть ветку
Владислав Гурский

Просто этот текст слизан со статьи 2014 года на хабре.

Ответить
Развернуть ветку
5 комментариев
yesYouStp

Помню нужно было обязательно сделать бегущую строку на js в табе, иначе не модно... по сложности выглядело для меня как выучить новый фреймворк сейчас )
Дизайн был, просто дизайн того времени. И многих он устраивал (скорее всех), вообще дизайн, например, 2004-2008 годов один из самых информативных (имхо) и самых отзывчивых. Серверный рендеринг, минимум js, простая и понятная типографика. Сейчас зайти в какую-нибудь админку google adwords -> просто отвратительно, всё подгружается динамически и очень медленно. Зайти на CIAN - макбук дымится при открытых 8 вкладках и тд

Ответить
Развернуть ветку
Sergei Timofeyev
 Помню нужно было обязательно сделать бегущую строку на js в табе

Зачем? Если был и есть HTML marquee?

Ответить
Развернуть ветку
4 комментария
Alexander Litvinov

2004-2008 это уже расцвет засилия графики в веб-дизайне

Ответить
Развернуть ветку
Pavel Voronkov

Начало неплохое, потом пошла каша.
Web без CSS уже в 2000 был примитивом.
Я блокнотом не пользовался, был прекрасный набор Homesite + TopStyle.
Верстка была табличной

Ответить
Развернуть ветку
Sergei Timofeyev

Почти всё писалось в блокноте, потом в N++ (NPP). Да и сейчас правлю быстренько в нём.

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Egor Komarov
Автор

Сколько тебе лет интересно, что ты в 1996 году, уже на фрилансе версткой зарабатывал. 

Ответить
Развернуть ветку
10 комментариев
Банан

Ощутите провинцию - я подключал город с населением порядка 100 тыс. человек к интернету в 2011-м году! (подключал - строили радиорелейку и ставили adsl стойку на узле связи). До нас в городе не было ничего, весь город пользовался интернетом через сотовые телефоны и спутниковые тарелки. Сейчас там конечно уже оптика в каждом доме.
И другая сторона - когда мы в 96-м ночами дозванивались чтобы почитать Кроватку, во Франкфурте в квартирах был интернет через ISDN по 128 Кбит/с без оплаты трафика.

Ответить
Развернуть ветку
5 комментариев
Aristarkh Z.

В регионах было похуже, но в том же 1996-м в различных НИИ и университетах уже всё было. Дома да, у меня и телефонной линии-то не было в квартире, зато я с кирпичной мордой без студенческого в 14 лет ходил через проходную НИИ прикладной математики и "тихонько присаживался" за комп в одном из компьютерных классов, а там был интернет, спасибо Соросу.

Ответить
Развернуть ветку
1 комментарий
Илья Ефимов

В Питере до 2006 провайдеры не могли выделенку провести в мой дом, предлагали коммерческий тариф в 200 долларов в месяц. Потом понеслось уже...

Ответить
Развернуть ветку
Bulat Ziganshin

автор как раз больше похож на молодого (на тот момент) москвича

у нас в набережных челнах (500 тыщ население, крупнейший завод, в общем довольно продвинутый в IT город) в 97-м было 3-4 провайдера, у каждого аплинк - два модема на 28.8 до Казани, примерно так

инет стоил $3/час, инженерская з/п была в районе $200. при этом реальная скорость была в среднем 300 байт/с, изредка можно было 800 байт/с увидеть

когда в 98-м один из провайдеров поставил на аплинк до казани 400 кбит/с тарелку - это был праздник! мы тогда впервые увидели скорость в несколько килобайт в секунду на модеме

и ещё - я с 98-го работал в конторе, которая была подключена к выделенке. 19.2 кбит/с были расшарены между несколькими десятками человек LOL  там шейпер был настроен на 1 байт/с, так что реально можно было увидеть как текст на экране появляется байт за байтом )))

Ответить
Развернуть ветку
Михаил Качалов

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

Ответить
Развернуть ветку
Giant Schlong
 Это настолько в провинции всё было медленно?

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

Ответить
Развернуть ветку
Pavel Levitskiy

"Кто это? Директор? Да пошел ты в жопу, директор, не до тебя щас..."

Ответить
Развернуть ветку
Алексей Алешин

В начале 90-х в институте на нашей специальности почти каждый собрал себе Синклер. Схема, передавалась из рук в руки, ксероксов тогда не было. Синклер был размером с клавиатуру, только выше. Базовая версия имела 64кб оперативной памяти. На нем можно было играть в игры, кот.загружались с магнитофона (были записаны на кассетах). Дисковод 5'25 был уже роскошью. Винта и мыши не было совсем. Позже иностранные студенты (родственники шейхов каких-то) подарили два ibm xt, один из кот.отдали на нашу кафедру. Вот это было круто!

Ответить
Развернуть ветку
Mikhail Che

Да, у меня папа сам такой собрал, помню как рубились в эти примитивные игрушки, лампово было)

Ответить
Развернуть ветку
1 комментарий
Алексей Новиков

Базовая версия имела 48 кб оперативки ваще-то. 64 — это уже новодел какой-то :)

Ответить
Развернуть ветку
2 комментария
Egor Komarov
Автор

У меня был Spectrum Z,  до сих пор вспоминаю игру Dizzy )

Ответить
Развернуть ветку
1 комментарий
Sergei Timofeyev

64 - мажорно, вообще они были 48/128, если мы про Синклер.

Ответить
Развернуть ветку
3 комментария
Алексей К

Paint - хорошее было приложение для быстрого решения простых задач.

Ответить
Развернуть ветку
Михаил Б

Что значит "было" ? До сих пор чуть ли не каждый день использую, чтобы обрезать скриншот.

Ответить
Развернуть ветку
4 комментария
Egor Komarov
Автор

как же я мог о нем забыть 🙈

Ответить
Развернуть ветку
Витя Архипов

Оно и сейчас его ого-го)

Ответить
Развернуть ветку
Vlad Kornev

Помню Photoshop 6.0 на 486 постоянно вис при загрузке. Пока я не пошел пить кофе и вернулся. Оказывается это была загрузка 10 минут. 

Ответить
Развернуть ветку
Sergey Redmi

Что за бред?
В 2000-м интернет в Питере и Москве был довольно хорошо развит. Да, на модемах, но всё же он был.
Я, например, интернетом с 1997 года пользуюсь, а некоторые и того раньше.

Ответить
Развернуть ветку
Egor Komarov
Автор

Ага, только у какого процента населения вообще компьютеры были? Я уже не говорю об интернете. Давайте все таки брать массовое явление, а не индивидуальные случаи. Я очень рад, что у вас уже в 1997 году интернет был.  

Ответить
Развернуть ветку
11 комментариев
Олег Ивахнов
Были только кнопочные телефоны и то не у всех.

Сейчас понял что у меня интернет появился раньше сотового. Как раз в 2000

Ответить
Развернуть ветку
Bulat Ziganshin

у меня на 6 лет раньше. купил сотовый только когда появилась работа с разъездами по всему татарстану. да даже комп свой купил позже, но дома постоянно были компы с работы, инет тоже понятно не за свои деньги ;)

Ответить
Развернуть ветку
Egor Komarov
Автор

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

Ответить
Развернуть ветку
3 комментария
Петр Иванов

олд скул. у меня в 1998 тоже раньше сотового. сотовый где то 2001

Ответить
Развернуть ветку
6 комментариев
Wera Ferat

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

Ответить
Развернуть ветку
Egor Komarov
Автор

интернет дороже нефти был 😄

Ответить
Развернуть ветку
1 комментарий
Евгений Никитчук

надеюсь у дизайнера этой скрепки уже есть памятник )

Ответить
Развернуть ветку
andrey adamovich

Кстати в последнем ролике в статье, где реклама Яндекса, лысый мужик это Тёма Лебедев.

Ответить
Развернуть ветку
Ильяна Левина

Сайт IKEA в августе 2000 — уже тогда на картинках были счастливые люди для привлечения внимания)

Ответить
Развернуть ветку
Egor Komarov
Автор

Not bad 

Ответить
Развернуть ветку
Аккаунт заморожен

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

Ответить
Развернуть ветку
Дима Анонимный

какая милота, музыка  Brian Eno - Alternative 3,  либо её "кавер" из Fallout.

Ответить
Развернуть ветку
Strawberry Domestos

Для диалапщиков настоящим спасением были сервисы типа FilePost (R.I.P). Можно было гигабайтами "скачивать", правда, с месячным пингом (пока диск почтой дойдет с Москвы). Ну а так, FlashGet и Download Master спасали более менее.

Ответить
Развернуть ветку
Alexander Leonov

А не ReGet ли спасал?
По-моему, DownloadMaster — это что-то уже из поздних вещей.

Ответить
Развернуть ветку
1 комментарий
SocialWarrior

у меня так кореш в 90-е куча музла выкачал через Флешгет, правда у него цифровая АТС в доме была и модем на чуть ли не на 115200 коннектился

Ответить
Развернуть ветку
1 комментарий
Georgy Smirnov

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

Ответить
Развернуть ветку
Elena Pimonova

помню, что в 2002-2003 году был визуальный редактор Microsoft Front Page, я его активно использовала

Ответить
Развернуть ветку
Andy Ch

Ууууу! Ностальгию подвезли!)))
Табличная верстка, нарезочка картинок, чуть позже резиновый дезигн от Лебедева (тогда он казался хреном горы) - как это было славно.
Помню был случай, когда удалось проникнуть в банк и предложить сделать сайт. Первый же вопрос был - "А зачем нам?". И что самое интересное, тогда мы не могли объяснить толком "зачем" - сайтов были единицы, интернет был у продвинутых гиков, вся жизнь была в оффлайне и сайт казался крутой, но малонужной штукой.
Вот такие были времена :)

P.S. А сейчас вспомнил и вздрогнул - про всякие там адаптации под Netscape и IE. По этому точно скучать не буду ))

Ответить
Развернуть ветку
Egor Komarov
Автор

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

Ответить
Развернуть ветку
3 комментария
Alex D

В 2000 уже в школе учили веб-дизайну, про CSS рассказывали помнится и какие то основы ХТМЛ.
Школа правда в США была, но тем не менее :)

Я к тому моменту уже ваял сайты про музончик, в ноутпаде, было же время )

Ответить
Развернуть ветку
Egor Komarov
Автор

Забавно, но мои первые сайты тоже были про музончик, концерты и тусовки )))

Ответить
Развернуть ветку
Wera Ferat

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

Ответить
Развернуть ветку
3 комментария
Ataman

Как же здорово раньше было, просто и без заморочек. Интересно было!
А теперь чтобы создать веб продукт - нужна целая команда, огромная вечно растущая конкуренция инстурментария требует больше времени и больше сотрудников.

Ответить
Развернуть ветку
Михаил Качалов

И долбаные фреймворки!

Ответить
Развернуть ветку
Александр

Ох сколько же я тогда денег потратил на эти дебильные карточки доступа по 100 минут, ещё были на 200 и 300, по цене вроде так же. Тогда и сделал свой первый сайт в Dreamweaver для того, чтобы продавать свою коллекцию электронной музыки на болванках, которую скачивал с rec.ru (если не ошибся с названием). Зато интернет тогда был свободен и на рынках можно было купить настоящий хакерский софт, ух...сколько я тогда изучил, удавалось проникать на чужие компы, оставлял на рабочем столе readme.txt, с просьбой ставить пароль для учетки в Win, никому не вредил и ничего не рыскал на чужих компах, чисто ради развлечения. Отличные были времена, хоть и затратные.

Ответить
Развернуть ветку
Иван Сергеев

а еще был адовый помегабайтный LAN-интернет с карточками. У меня был провайдер ПСС - Персональные системы связи. Это был ад и страдание. 

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Сергей Никитин

Но работать у него никто не стал, так как все основали свои студии)

Ответить
Развернуть ветку
Айдай Аликова

круто, спасибо за краткую историю

Ответить
Развернуть ветку
Andrey Bazulin

Мой сайт "powered by notepad" до сих пор крутится на ошметках от narod.ru

Ответить
Развернуть ветку
Yaroslav Shishnev

Мне было 14 лет, мы делали сайты как могли https://web.archive.org/web/20020108212046/http://nabat.city.tomsk.net/index.htm

Ответить
Развернуть ветку
Александр Антипов

Автору спасибо за ностальгию, увидел, всплакнул! Масяня это было настолько шедеврально на то время.

Ответить
Развернуть ветку
boj Ko

Щас заплачу верните мне мой Cirrus Logic graphic cards   и Casper EGA\VGA !

Ответить
Развернуть ветку
Иван Сергеев

а Deathtrack с крутейшими 3 тачками?

Ответить
Развернуть ветку
1 комментарий
Alex

Надеюсь, все сохранили в идеальном состоянии пишущий дисковод, ведь не зря купили второй, только читающий?

Ответить
Развернуть ветку
Mikhail Bajenov

*скупая мужская слеза* как сейчас помню начинал свои первые сайты делать в Namo WebEditor

Ответить
Развернуть ветку
Eugene Agafonov

Проникся ностальгией))

Ответить
Развернуть ветку
Pavel Makarov

ptn
ptn 

Ответить
Развернуть ветку
Дживан Гаспарян

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

Ответить
Развернуть ветку
Alexander Voynov

1) Мужик ты следил за мной с 98 года? Все точь в точь, разве что в порядке описания CSS я бы все таки поставил раньше. 
2) И. MS Frontpage и прочие насильники стандартов кода кстати не упомянуты.  
3) История нетскейп и эксплорера и следующих через призму стандартов тоже бы упомянуть бы
4) Картинки инет карточек просто с инета взяты иль таки земляк с южных окраин?

Ответить
Развернуть ветку
Дичь Петрович

Да нах это вспоминать, забыть как страшный сон

Ответить
Развернуть ветку
Евгений Вилков

«Вообщем»🤨

Ответить
Развернуть ветку
Egor Komarov
Автор

слово паразит ((( все никак не могу избавиться. Правильно писать "в общем". 

Ответить
Развернуть ветку
Denis Glebko

Как сделавший первый сайт в 1999-м, не согласен со многими утверждениями в статье.

Ответить
Развернуть ветку
Михаил Качалов

Как сделавший сайт в 97м, интересуюсь - с чем именно?)

Ответить
Развернуть ветку
4 комментария
Andre Macareno
А за интернет вообще надо было платить за мегабайты

Не обязательно, дайл-ап бывал и почасовым!

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
A.A. Rayskiy

Вспомнил как с бабушкой в 1999 году ездил на горбушку и покупали PS one, были эти столы с дисками-играми в целлофановой упаковке, диски ПОшками, касеты...эх нафталиновая ностальгия...

Ответить
Развернуть ветку
ivan krapivin

Подборка из референсов была бы неполной без
http://sila-avia.ru/

Ответить
Развернуть ветку
Egor Komarov
Автор

ну нормальный современный брутализм. )))

Ответить
Развернуть ветку
Юрий

Господи до слез...)

Ответить
Развернуть ветку

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

Развернуть ветку
Angry

А я первые страницы на html верстал в FAR. Комп у меня был AMD386 c 4 мегабайтами оперативки и винтом на 167 мегабайт. И Windows 3.11 for workgroup.
Шел 98-й год.
Написал это и даже как-то загрустил.

Ответить
Развернуть ветку
Стартапер-пессимист

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

Ответить
Развернуть ветку
Egor Komarov
Автор

ну это немного не о дизайне уже ) А кодировка да - вечная боль ) 

Ответить
Развернуть ветку
Nik N

У меня безлимит был ещё в 99, только на этот безлимит не дозвониться, а если дозвонился не дай бог связь оборвётся.  Поэтому фидонет наше всё)

Ответить
Развернуть ветку
Игорь Нестеренко

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

Ответить
Развернуть ветку
Daria Titova

Спасибо за ностальгию :)

Ответить
Развернуть ветку
Ivan Zamorev

А сейчас работа в виртуальной реальности повседневность) 🤓

Ответить
Развернуть ветку
Аккаунт удален

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

Ответить
Развернуть ветку
Сергей Поляков

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

Ответить
Развернуть ветку
Олег Ратунин

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

Ответить
Развернуть ветку
Nikita Spivak

Эххх, было время...

Ответить
Развернуть ветку
Российский чайник

Какой же я, оказывается, старый...)

Ответить
Развернуть ветку
Исполнительный кубок

на больших карточных поминутных тарифах был безлимитный ночной интернет, поэтому почти всё делалось днем, а качалось и грузилось ночью.
почему блокнот? frontpage и dreamviewer. первое это как раз около 2000 года, а второе скорее чуть позже, 2002-2003 наверное. еще не забываем про adobe image ready, а не просто photoshop. еще в эти же годы появился софт swish - в нем легко создавалась флэшевая анимация по готовым скриптам. "взрослый" флэш лично я так и не постиг тогда, а на свише делались крутые по тем временам баннеры и заставки с вылетающими и улетающими объектами. конечно, чаще это был просто текст и логотип. именно из-за этой программы я и узнал, что такое вектор и corel draw. такие поделки удавалось продавать по цене целого сайта-визитки, т.к. на флэше мало кто умел работать в рф.
из смешного, помню, тогда популярно было воровать чужой код и скрипты, поэтому особой фишкой был запрет использования правой кнопки мыши ))

Ответить
Развернуть ветку
Мария Кучар

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

Ответить
Развернуть ветку
Салохиддин Толипов

Сразу узнал интернет-карточки нулевых, те, которые в верхнем левом углу. Потому как это не белорусские карточки, а узбекские. Ээээх, ностальгия...

Ответить
Развернуть ветку
Никита Московченко

Опечатка, не CCS, а CSS

Ответить
Развернуть ветку
Ияза Гара

Забыли написать про счетчики-информеры 88x31, которые в середине 2000х были важным элементом дизайна любого сайта.
Под них выделялось место, ими гордились. Rambler Top 100, Liveinternet, денежка YaCa и куча разных кнопочек от каталогов и прочих рейтингов.

Ответить
Развернуть ветку
Дамир Хасанов

А у меня в 2000 был интернет безлимитный по кабелю (был на крупном нефтехимзаводе), поскольку я был админом, то весь трафик выедали мы админы... безвылазно сидевшие в нем :-)

Ответить
Развернуть ветку
Дамир Хасанов

Мой сайт портфолио на Flash в 2004 году

Ответить
Развернуть ветку
Дмитрий Комиссаров

Божественно) получил искреннее удовольствие от прочтения!

Ответить
Развернуть ветку
Marat Nigametzianov

А помнишь?!

Ответить
Развернуть ветку
Читать все 337 комментариев
null