Как стать автором
Обновить

Комментарии 84

Задумывались ли вы когда-нибудь о том, как жилось веб-разработчикам 20+ лет назад, когда всемирная паутина была явлением совершенно новым [..] Что ж, вероятнее всего, нет...

У Хабра довольно взрослая аудитория, и значительная её часть не задумывалась - она это сама и делала 20+ лет назад.

Сайтов с функционалом на js тогда не было, или почти не было. С рекламой - особенно всплывающей, были. Тогда ИЕ был единственным браузером на 99% компьютеров, и на нём можно было с помощью утилит добавить в панель кнопки отключения картинок и js. Без js всё почти всегда работало. Кроме рекламы.
10 лет спустя был популярен Noscript на Firefox.
CSS шаблоны в 1999-м уже были, и сайт, использующий CSS, выглядел вполне современно, примерно как Хабр сейчас.
Не винтаж, новодел.

Ха, уже в 97 году я админил сайтик с Ajax. Да, это было возможно, но только для полей типа text.

XMLHttpRequest появился в IE5, до этого можно было, конечно, что-то в поля подгружать, да и даже целые куски страницы менять через ифрейм, но это было бы не "асинхронно"

Что-то вы приукрашиваете и привираете. Первый транспорт ActiveX XmlHttp появился в IE5 который поставлялся с Win2k в 2001. До этого времени была разметка фреймами, но доступ к содержимому фреймов через js появился тоже где-то в IE5.

С чего мне приукрашивать или тем более привирать? Если готовы что-то ставить на кон, то могу попытаться найти код. Насколько помню, подгружался файл с js, который запускался, и менял содержимое полей типа text. То есть каждый раз на стороне сервера перлом отдавался новый js. Никакого activx. Работало в Netscape, насчёт ie - не помню.

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

Я тоже делал в 1997-м, JS я тогда просто не умел, зато на той сайте был звук — записанный мой голос «Glad to meet you in our page» в каком-то диком кодаке )

Я начал только в 1997 году, но там был чистый HTML, когда получил доступ к 486 с win95. И только в 2000 году начал юзать js и vbscript. Но многие начали раньше меня.

Наш человек. За картинки отдельное спасибо.

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

Ждал ссылку на гипертекстовый векторный фидонет

@Mithgolкак там прогресс? Общество уже созрело.

=)
https://groups.google.com/g/relcom.penpals/search?q=after%3A1996-02-29 before%3A1996-04-30
Не поверите, сегодня утром зашел в архив relcom.penpals и relcom.fido.flirt, почитал 95-96й год.
Не совсем FIDO, NNTP вроде, шлюзовалось с FIDO,
а еще были BBS, я много тусил на BBS Innuendo… Эх...
/nostalgy

/me погладил хард с архивом SU.BOOKS в .ha, который унесу с собой в судный день.

Осталось найти еинк читалку со встроенной солнечной батареей

Я до сих пор так странички пишу. Правда js не использую.
Верстка таблицами и всё такое. Ну или беру wordpress.

Ну таблицами то зачем? Или вы и css не используете?

И css не использую.

Задумывались ли вы когда-нибудь о том, как жилось веб-разработчикам 20+ лет назад
Не только задумывались, но и жили.
Кстати, сейчас посмотрел — мой первый «фрилансерский» сайт до сих пор жив (как раз 1999-й год):₽$ Уже и фирмы такой нет, и автомобиль «Ока» давно не производится, а сайт всё работает…
₽₽$ Сайт делался в блокноте вот этими ручками 🙌
/nostalgie

Страничка настолько винтажна, что на ней телефонный код Москвы указан как "095", а не "495" :)

Хотел написать то же самое. Увидел, чуть не заплакал. И еще увидев про ДЕСЯТКИ автомобилей в любой комплектации. После первого Крыма десятки автомобилей - это недостижимая величина для салонов подержанных авто.

Если Хабр поднажмет, то выведем сейчас ее в топ мейла в разделе Рейтинг > Авто/мото > Купля-продажа ;)

выведем сейчас ее в топ мейла
Моей второй задачей после создания сайта было вывести его в топ поисковиков — для этого и куча счётчиков на странице (наличие которых поднимало рейтинг сайта), и встроенная конференция (поднимала посещаемость, и как следствие рейтинг, и вообще круть крутейшая по тем временам), и правильный подбор ключевых слов для нужного результата поиска (поэтому некоторые фразы выглядят не совсем грамотно с точки зрения русского языка, но зато лучше искались).
Так что если бы в те времена вам захотелось ”недорого купить автомобиль Ока в Москве”, или приобрести ”автомобиль Ока по отпускной цене завода”, или просто ”купить дешевый автомобиль”, то большинство поисковиков выдали бы этот сайт в верхних строках результатов на первой странице поиска.
₽$ Кстати, и сейчас если вам захочется найти автомобиль Ока по отпускной цене завода или купить автомобиль Ока дешевле отпускной цены завода изготовителя то Google выдает http://avtoritetavto.narod.ru почти в самом верху
₽₽$ А вот купить там уже не получится, да и завода-изготовителя уже нет, но тут я бессилен :'(.
/nostalgie
завода-изготовителя уже нет

Почему нет ?) Оку выпускали три завода: АвтоВАЗ, КамАЗ, и СеАЗ. Два первых вполне себе здравствуют. Просто выпускают другие машины. Вот СеАЗ, да, не только закрылся, как структура, но и сам завод, физически, разрушен.

Оку выпускали три завода: АвтоВАЗ, КамАЗ, и СеАЗ. Два первых вполне себе здравствуют.
Неточно выразился, согласен, i'm sorry…
В данном случае речь о СеАЗ — АВТОритетАВТО был его дилером, ЕМИНП одним из основных (по крайней мере в Москве), поэтому и мог продавать автомобили дешевле отпускной РОЗНИЧНОЙ цены завода (да, там можно было купить напрямую).
ВАЗ-овская или КамАЗ-овская ОКА тоже иногда продавались, но конечно без такой скидки.

Со странички "тюнинг" я вообще обалдел, особенно с автоматического сцепления.

Со странички «тюнинг» я вообще обалдел, особенно с автоматического сцепления.
Автоматическое сцепление делали в Серпухове, но не на самом СеАЗ, а где-то «около него» (то ли какой-то кооператив, то ли просто умельцы, уже не помню).
Управление от ручки переключения КП — кладешь на нее руку, контакты замыкаются, соленоид выжимает сцепление, а когда руку снимаешь соленоид сцепление отпускает.
При трогании дополнительное управление по оборотам двигателя (получается что-то типа «центробежного сцепления»).

А вот поворотное сиденье делали в Москве (детали заказывали на заводе, а собирали сами).
Это была моя разработка, на уровне изобретения — здесь это последнее внизу справа
image

/nostalgie

₽$ Да и вообще это было мое последнее изобретение, «Впрочем это уже совсем другая история» :'(

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

Ваши предыдущие статьи читались на одном дыхании
Спасибо!
Вы, оказывается, еще и сайты делали...
Очень кушать хотелось :'(
Когда едешь на работу с мыслью — заплатить ли сегодня за проезд и остаться без обеда, или проехать зайцем и пообедать в столовой, то не только сайты будешь делать :'(

₽$ Кстати, я не только сайты делал — для фирмы, торгующей итальянской кухонной мебелью АМО (”Амо-амо-амо · моя вторая мама”©) на основе AutoCAD и AutoLISP сделал программу 3D моделирования и визуализации кухонной мебели.
Тогда это была круть крутейшая — приходишь в мебельный салон, а там тебе девочка на компьютере «нарисует», как будет выглядеть твоя будущая кухня, а потом напечатает на принтере ее цветную фотографию 3D картинку.
/nostalgie
₽₽$ И ту, и другую подработку мне предложили друзья, с которыми я до этого работал на АЗЛК, и которые ушли с него раньше, не дожидаясь его окончательного краха, а я тянул до последнего, надеясь, что это когда-то должно кончиться, и мне все-таки удастся реализовать и внедрить в производство свою CVT (в обнимку с которой я остался на аватарке image)
Но увы, Илон Маск из меня не получился :'(

Помню в то время появилась технология макромедиа флеш, вот это была круть крутетская!

В шоке с того, что тогда уже существовали сайты ахаха, я 2001)

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

Кайф-то какой!

Какой шикарный идущий маг в контактах!!!

В 1999 году все это самое было бы сделано без жабоскрипта вообще, просто отдельные html-ки. И весило бы меньше, и загружалось бы быстрее, тк грузилась бы только нужная страница, а не все сразу.

То есть былобы 3 странички: index.html, about.html и contact.html. Ну еще и файл со стилями и картинкой.

Хорошо бы и сейчас делать сайты аналогичным же способом.

Ну, вот, сайт одной современной OC до сих пор так же примерно сделан. Чистые HTML'ки, CSS есть, но JS нет совсем.


И, кстати всё современное и навороченное совершенно не смотрится под текстовыми браузерами Lynx и Links. A упомянутый сайт работает.


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

Го делать сайт как будто на дворе каменный век

Ммм, а я в 2000-м делал свой первый сайт на Delphi. WebBroker, PageProducer'ы, ISAPI-расширение для IIS, Interbase как хранилище - вот это всё. Правда, потом уже после приёмки выяснилось, что заказчик собирается его хостить на линуксе... но надо ж было в ТЗ тогда не писать, что "требется работа под Windows" :) Деньги все равно заплатили.

Вот и выросло поколение (с). Ждём следующего откровения — что веб-сайт можно хостить непосредственно у себя в .exe-шнике без всяких апачей и прочего.

Вот и выросло поколение

А я... А я... А я телефон-автомат видел юзал!

2 коп для звонков по городу, 15 коп для звонков по межгороду. Причем существовало в виде атавизма в пансионате Сочи, когда 15-копеечные монеты СССР, продавали по N рублей РФ, чтобы их кидали в автомат.

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

А сейчас даже представить трудно, как это можно было совершать звонки анонимно, не предъявив паспорта.

Сейчас можно совершать анонимные звонки с бесплатных деревенских телефонов.

Но ведь нужно было предъявить две копейки!

Ждём следующего откровения — что веб-сайт можно хостить непосредственно у себя в .exe-шнике

Вряд ли это будет откровением для нового поколения, сейчас самохостинг из встроенного сервера, это вполне себе мейнстрим для девелоперских сред. Это наоборот, мы для себя такое открывали, начиная когда-то с IIS и прочих Апачей.

Так chm файлы же. Microsoft Compiled HTML Help.

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

ATM0 — и вот уже ничего не нужно слушать...

Это не кошерно. По звуку можно было определить на какой скорости снюхались мопеды =)

Посмотрим под Рысью.


Главная страница

image


Эбаут

image


Всё читается, наглядно.
Но есть неконсистентность. Претензия будет тоже из 99 года :):


  • на главной странице всё хорошо с навигацией, но она по сути не нужна, т.к. реально там, итак, отображается содержимое всех трёх страниц;
  • а на второй содержание соответствует замыслу, но уже хромает навигация (по самому сайту), фактически можно только кнопкой назад ходить

Тэг ilayer кажется сильно нестандартным даже для тех времён.

Кстати, об IE — я хотел реализовать простую анимацию фразы (Welcome to 1999!) под заголовком страницы, которая бы непрерывно скользила слева направо.

Тег MARQUEE.

Для разграничения кода IE/NC можно использовать conditional comments.

Я нашел лишь упоминание, что оно работало в IE6. Работало ли оно до него — возможно и нет.

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

хм… Aditor pro как редактор. И еще была программулька imagecrasher емнип. моя страничка в таком стиле все еще болтается на сервере chat.ru/~poulch. 1998 год. правда куда-то большая часть картинок пропала. Но в браузерах открывается, верстка на месте и навигация работает :)

Какой javascript? На личных сайтах его не использовали. А вкладки реализовывались с помощью ссылок с target="iframe_name". Без js, без лишних килобайтов скрытого dom дерева

На личных сайтах его не использовали.

Мне казалось, на личный сайтах как раз в начале-середине 2000х были популярны свистелки и перделки. Яркие фоны, гифки, все такое. И JS для них тоже применялся. Не говорите, что не помните на сайтах "падающие снежинки", которые безбожно тормозили :)

Я, правда, скорее года с 2005 сайты застал. В 1999, может, и не использовали.

Свою первую страничку в студенческие времена я именно со свистелками всякими делал.
Через пару лет решил, что повзрослел и страничка превратилась в вечный Under Construction. И даже сохранилась на вебархиве.


Заголовок спойлера

image


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

НЛО прилетело и опубликовало эту надпись здесь

Использовали, чего бы нет. Называлось это DHTML. Вот Junix, 1999-й: https://github.com/bolknote/junix

Спасибо за статью,я аж прослезился;) Хочу обратно в 1999 год 🙂

Это возможно. И даже не обратно. У вас много возможностей :):


Ээээ, делать сайт «как тогда» легко, но «тогда» все эти ваши CSS только начинались, и считались «перспективной технологией, которая, к сожалению, пока что работает вообще не везде и не так, как надо», а пихать js в навигацию по сайту вообще считалось или злобным троллингом, или бесконечной глупостью…

Задумывались ли вы когда-нибудь о том, как жилось веб-разработчикам 20+ лет назад

В смысле, задумывались? Я как раз тогда и начал веб-разработкой заниматься :)

Абсолютно так же руками писал HTML-код своего первого сайта руками. Даже без CSS :) И сейчас бы написал закрытыми глазами, потому что до сих пор помню синтаксис. Более того, я даже табличку рисовал так, что делал строки и столбики толщиной в 1 пиксель. А джаваскрипт мне там не нужен был (только сторонние счетчики типа HotLog были, но это я тупо вставлял, как есть).

В 1999 уже был MS FrontPage 2000

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

Небольшой хоррор для тех, кто помнит то время.

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

В 1999 году всё было проще. Голый HTML в блокноте (потому что любой визуальный редактор генерирует абсолютно кривой код), никаких скриптов (потому что у многих не IE5, а IE4, IE3 или какой-нибудь Netscape. А то и вовсе lynx или links). Картинки грузятся долго, поэтому почти у всех они отключены (я сам до 2006 года с отключенными по умолчанию картинками сайты читал). Вся вёрстка - фреймами (но их уже ругают) или таблицей. Рисуешь страничку, заливаешь её по FTP на сайт, смотришь на счётчик просмотров и радуешься каждому клику.

Да что вы понимаете в дизайне - https://www.lingscars.com/

P.S

при этом сайт входит (по крайней мере лет 5 назад входил) в alexa top 100

Какая красота :))

https://www.lingscars.com/

Хватай китайского шпыёна!!!

На IE6 (или 7) делал такую штуку с Alpha [Opacity
Тогда казалось прикольным )


Помню-помню, Frontpage, дизайн на div-ах, даже без всякого CSS и JS. Один мой сайт, сделанный по той технологии, до сих пор жив-здоров и используется: http://pediatria-mid.ru/
Как говорится, "русское народное зодчество, без единого гвоздя возведено". Единственное, для чего тут задействован JS - это фокусы с динамическим масштабированием шрифта (на больших экранах он растёт) и с красивым появлением. С мобильным браузингом, правда, есть трудности - но простите, кто себя хорошо чувствует спустя три поколения технологий? :)

Делал веб-фронтенд для управления ботом Телеграма антибана. Показалось хорошей шуткой сделать интерфейс на голом html (под капотом - новейшие фронтенд решения, с учётом, что они еженедельно устаревают)

Еще из более-менее тех времен вспоминаются:

  1. Распорки (img с прозрачным gif 1x1, растянутый до нужной ширины).

  2. Netscape Navigator крэшился, если в строках на JS была буква «я» (у нее был код 255), но не всегда, а только иногда.

  3. Питон-фреймворк с названием %опа.

  4. Возникший Prototype.js был глотком свежего воздуха, а потом появился jQuery, который РЕАЛЬНО оказался таким глотком.

  5. Редактор HomeSite с невероятно детско-лего-кубизным гладким жирным шрифтом и подсветкой синтаксиса, после которого так не смотрелись все остальные редакторы.

Ага, точно! Отлично помню, в какой восторг меня привело знакомство с jQuery.

О, флэшбэк из времён, когда программирование было искусством, а не ремеслом.

Ностальгическая статья.
Я в 1999 году при создании сайтов DIV вообще не использовал.
Дизайнил только с помощью табличной верстки и изредка фреймов.

Даже восстановил из пыльного архива свой первый сайт, который даже какую-то премию выиграл в свое время - http://cool.eburg.club/

НЛО прилетело и опубликовало эту надпись здесь

"на получение всех данных уйдет 6 секунд. В 1999 году это было, наверное, приемлемо." :)))) посмешило. в каком смысле?) современные страницы грузятся зачастую не быстрее и на скорости более 100 мбитс. сайты перегружены, а из интернета калеку сделали.

Зарегистрируйтесь на Хабре, чтобы оставить комментарий