Только разработчики 90-х помнят это

Original author: Zach Holman
  • Translation
Часто ли ты вставлял <blink> в <marquee> тег? Это сейчас Pixar получает все награды, а тогда в 90-х именно этот метод был наивысшим искусством в анимации. Ты был новатором, если совмещал эти теги; личностью, создающей инновацию; человеком, которому все подражали.

Ты был разработчиком в 1990-х.

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

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


1х1 GIF


должен был получить премии Grammy, Pulitzer, Most Improved, Third Grade Gym Class и какие-нибудь другие. Это самое важное достижение в компьютерной науке со времен появления гиперссылок. Это было не то будущее, которое мы заслужили, это было будущее, в котором мы нуждались (до тех пор пока не появился долбаный box model).

Если кто-то не знаком с трюком, то вот он:

Все еще не видите? Вот он, отступ:
image

Он же spacer.gif или transparent.gif — это всего лишь прозрачное изображение с шириной и высотой в один пиксель в формате GIF. Самый функциональный CSS фреймворк, но с миллиардными размерами файла он полностью оптимизирован под отзывчивый веб. Ты должен был использовать продвинутые атрибуты, чтобы почувствовать всю эту мощь:

<IMG SRC="1x1.gif" WIDTH="150" HEIGHT="250" />

Используя это, мы могли позиционировать что угодно ЛЮБЫМ СПОСОБОМ НА СТРАНИЦЕ. Совместив это с семантически-правильными элементами-контейнерами, у тебя бы получился удивительный результат:

<TABLE>
  <TR>
    <TD><IMG SRC="" WIDTH=300></TD>
    <TD><FONT SIZE=42>Hello welcome to my <MARQUEE>Internet Web Home</MARQUEE></FONT></TD>
  </TR>
  <TR>
    <TD BGCOLOR=RED><IMG SRC="/cgi/webcounter.cgi"/></TD>
  </TR>
</TABLE>

В те дни это был единственный способ вертикального центрирования элементов.

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


Изображения слишком трудны для тебя? В книге «HTML для чайников» тег <img> не встречал до четвертой главы? Ты счастливчик: "&nbsp" тег уже тут!

Ты можешь сказать себе: «Я знаю абсолютно все о сущности HTML. Что это за ерунда?».

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

PLEASE SIGN  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MY GUESTBOOK BELOW:
<HR><HR>

Если бы я получал по центу каждый раз, когда писал &nbsp, то в 90-е мне бы этого хватило, чтобы покрыть месячную статью расходов AOL.

Пунктирные подчеркивания и эффект рамки


К концу золотого века HTML на сцене появляется CSS — многообещающий мир разделенного контента и стилей. И мы имеем дело с этой катастрофой до сих пор.

Безусловно, первым нашим применением CSS было удаление подчеркивания ссылок. Внезапно весь интернет превратился в кучу шлака, где текст выглядел как ссылки и ссылки как текст. Пользователи не имели представления куда кликать, но, черт возьми, это не имело значения, потому что мы разрабатывали различные эффекты с курсором. Люди не покидали страницу и водили курсором до тех пор, пока за ним не появлялись двенадцать шаровых молний.

Это было такое захватывающее применение продвинутых технологий. Это было буквально всем, чем мы пользовались из CSS вначале. У меня даже есть доказательство в index.shtml (да черт это SSI) файле 2000 года:

<style type="text/css">
<!--
a:hover {text-decoration: none; color: #000000}
-->
</style>

Это все. И все было инлайновым. Конечно же же речь идет о CSS. Будь уверен, что при наведении на ссылку уберется подчеркивание и цвет поменяется на черный. С этого рождались все интерактивные сайты.

DHTML


Вскоре после того, как мы стали обладателями технологии удаления подчеркивания у ссылок, мы решили совместить это с мощностью показа alert("Welcome to my website!") сообщений при загрузке страницы. CSS и JavaScript объединили силы для формирования Технологии Террора: DHTML.

DHTML, который начиналcя как «распределенный HTML» был финальным пером на нашей шляпе инструментов для разработки. Он выдержал испытание временем гарантируя, что мы можем заставить падать снежинки с верху страницы, создавать меню гармошку, анимируя image map или собственные <marquee>, исключая семантический тег <div>

DHTML способствовал переходу веб-разработки из хобби в полноценную самостоятельную профессию. Сайты наподобии Dynamic Drive предназначались для того, чтобы не изобретать эксклюзивные решения проблемы, а просто скопировать 50 строк кода и все будет исправлено. Фактически DHTML был Twitter Bootstrap'ом современности.

Пиксельные шрифты


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

image

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

Кнопки


Сейчас пойдет речь о том, что многие ненавидят Internet Explorer. Порой мне трудно в это поверить, так как современный IE произошел от самой чистейшей формы браузера — Internet Explorer 4.0

IE 4.0 был воплощением совершенства в браузере. В нем был Active Desktop. В нем были Channels. Да в нем были долбаные Channels — наикрутейшая технология, которую так и не воспринял рынок. IE 4.0 был настолько хорош, что он уже стоял на наших ПК, хотели мы этого или нет.

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

Мы размещали множество кнопок с размером 88x31 пиксель на наших сайтах:
image
Это было повсюду. Это напоминало погоны на форме военного офицера, рассказывающие историю о всех сражениях, которые привели нас туда, где мы сейчас находимся. Другими словами, на каком бы редакторе (само собой Frontpage '98) сайт не создавался, на каком бы сервере он не размещался (Geoсites, идиот), какой аудиторией он не обладал, все равно на нем были эти кнопки.

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

С гордостью подними стакан и сделай для всех на одолжение: вставь чертову тонну &nbsp; в твой следующий pull request, для того, чтобы твоя команда помуд… сь немного.

Примечание переводчика: я начал заниматься сайтостроением лишь в 2006, но отголоски веба 90-х на тот момент были еще заметны. А те же , позиционирование с &nbsp, могущественный DHTML и даже прозрачный GIF (во втором пришествии этого хака для IE PNG Fix) я успел опробовать. Возможно, я чокнутый, но сайты с похожим дизайном, методы/хаки, технологи и возможности того времени у меня вызывают сентиментальные чувства, как к добрыми и милым старикам. Удивляет то, как западные профессионалы (Zach Holman работает в GitHub) критикуют современный веб, когда я дико радуюсь тому, то сейчас есть тени, анимации, градиенты, все округленное и для этого не требуются изображения, а закругленный углы не приходится резать и ставить в bg крайних ячеек таблицы. А скоро совсем исчезнут все ухищрения благодаря Flex Box и Shapes. Про перевод: в некоторых местах (особенно в конце) либо я не правильно перевел, либо я не до конца понимаю достаточно грубый юмор автора.
Share post

Similar posts

Comments 188

    +62
    Ужасный перевод.
    Ужасное форматирование.
      +10
      Спасибо за критику, переводить учусь. Некоторые речевые обороты очень трудные. Поможете исправить что нужно в ЛС?
        +26
        Просто совет. Когда закончили перевод — отложите его на пару/тройку часов, а лучше день. И потом просто перечитайте его. Сразу будут видны 90% речевых ляпов.

        Пример: «Это выдержало испытание» лучше читается как «Он выдержал испытание».

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

            +1
            Пример откровенного ляпа в Вашем тексте я привел выше.
            Еще совет: дайте почитать перед публикацией кому нибудь. Пусть сторонний человек посмотрит на текст «не замыленным» взглядом.
              0
              Последние два абзаца просто не вычитаны.
          0
          А может кто сказать в чем может быть глюк из за написания 1x1.gif (в заголовке, в тексте)? Я буквально недавно заметил, что из текста один были выдернуты. Я их проставил, сохранил и из всей статьи поудалялись слэши… Получился ужас, который я вот буквально только что поправил. Потому опять сохраняю и 1х1.gif исчез. С трудом удалось его поставить.
          +5
          Ааааа, ностальгия, сейчас уже и не занимаюсь напрямую web-разработкой. Вижу как изменилась web-разработка (в лучшую сторону). Но данная статья вызывает приступы ностальгии, так же как упоминания Z80 ассемблера и спектрума.
            +29
            Поскольку я делал HTML-страницы в 90-ых, то отлично помню, что у тега font атрибут size имеет значения в диапазоне от 1 до 7, а никак не 42, как в примере )))
              +2
              А еще можно было видео вставлять как имг.

              <img dynsrc="habr.avi">
                +2
                Точно!!! Но это, конечно, даже для того времени была дичь. Помню, у меня была книга по HTML 3.0, которая была наполнена подобными штучками. Был ещё тег <audio>, который только в IE и работал.
                  +6
                  Ага и проигрывал в фоне midi файлы которые нельзя было остановить
                    +3
                    Для этого обычно пихали <bgsound>
                      +8
                      Почему нельзя? Я выключал колонки, если музыка не нравилась.
                        0
                        А если у меня своя музыка играет? Нет, сейчас то клёво, можно по отдельным приложениям громкостью управлять. А тогда?
                          +1
                          Зачем вам своя? Вам автор сайта ясно дает понять, под какую музыку нужно просматривать его творение.
                      0
                      Возможно вы имеете в виду HTML+TIME (позднее — XHTML+SMIL), попытку скрестить SMIL с HTML, очень крутую, но так и не ставшую популярной (на всем Хабре я нашел только 11 упоминаний).
                      +1
                      Там ещё можно было программировать пуск при наведении мыши. Без JS!
                    +14
                    Сразу скажу, что Холман слегка издевается — например, называя DHTML не «динамическим» HTML, а «распределённым».
                      +12
                      И &nbsp; не забыт сегодня. Пусть мы и не делаем им больше отступов, но используем «неразрывный пробел» по назначению.
                        +1
                        Я раньше им абзацы выделял :)
                          0
                          А сейчас как?
                            0
                            CSS.
                              0
                              Ожидал услышать что-то типа «text-indent».
                              Когда писал вопрос, вдруг вспомнил об этом свойстве, но также и то, что не применял его уже несколько лет.
                                0
                                Вы сами ответили на свой вопрос :)
                                «text-indent», конечно же.
                          +2
                          Им и сейчас можно отступы в select'ах делать :)
                          +26
                          Что примечательно, автор 93 года рождения
                            +6
                            Это еще на редите обсуждали. Автор просто не мог все это видеть и использовать сам.
                            Видимо, он откуда-то понавыдирал отдельных особенностей веб разработки девяностых и слепил в статью.
                            А тут ее еще и криво перевели…
                              +2
                              Ну уж не знаю. Я 91 года, и всё это видел и помню прекрасно. Сайты с дизайном 90-х то никуда не девались еще очень долго время…
                              +17
                              Автор как археолог. Древнего Египта он своими глазами не видел. Но воссоздал картину по сохранившимся развалинам и древним манускриптам.
                                0
                                Ду ну нафиг. Я 90го года. В детстве, конечно, ничем таким не занимался, в смысле профессионально, но игрался с этим однозначно, книга по HTML была.
                                +2
                                мне кажется, или у поста поехала верстка? О_о
                                  0
                                  Я выше написал и задал вопрос…
                                    0
                                    как минимум нужно проверить все < и >
                                    +2
                                    image

                                    :)
                                      +2
                                      Почему кнопка не нажимается? Как я теперь скачаю Internet Explorer?!
                                        +2


                                        Fixed :)
                                          +5
                                          Поправил немного:
                                          image
                                            –6
                                            Еще немного подправил.
                                            image
                                            Или же
                                            image
                                    +7
                                    Ностальгия… Вот <map> еще вспомнил, отличный инструмент позиционирования =)
                                      +13
                                      Незаслуженно забыты ГИГАНТСКИЕ БОРДЮРЫ borders=all.
                                        +13
                                        Я пару месяцев назад делал знакомой, учащейся в СПбГПУ, курсовик — сайт. Так в задании прямым текстом — обязательно наличие бегущей строки, реализованной с помощью тега marquee! Я был в шоке. А вы говорите 90-е…
                                          +17
                                          А курсовик был по истории древнего мира? ))
                                            +2
                                            Отнюдь, господа! Сам, заканчивая колледж, писал реферат по (обратите внимание на гордое название предмета) «Технологии разработки программных продуктов»: с табличной версткой, атрибутами тегов и прочими прелестями вебъодиннольной жизни (я-таки не поддался на провокацию и делал все по текущим стандартам, за что и была занижена оценка).
                                            +4
                                            Буквально сегодня наткнулся на руины детище этого универа: www.ssl.stu.neva.ru/fenix/index.html

                                            Прямо как в музее побывал.
                                              +2
                                              Я вот закончил этот универ и, признаться, ни разу не видел этого сайта. Вот нормальный сайт университета www.spbstu.ru/, а что там понаделали для внутренних нужд и\или сторонние организации не все ли равно. К слову у МГУ тоже тот еще музей с сайтами факультетов и НИИ.
                                            • UFO just landed and posted this here
                                              0
                                              Я всё это делал и считаю, что золотое было время!
                                              Учитывая, что frontpage/dreamweaver были для нубов, а dhtml и css в блакнотике для настоящих гуру.
                                                +6
                                                А сколько было холиваров на тему, что лучше dreamweaver или блокнот. И я там тоже сражался, не стану говорить на чьей стороне ))
                                                  +4
                                                  А мне нравился Dreamweaver своим сплит-режимом — можно было писать чистый код в редакторе и сразу видеть результат, и никаких live reload не нужно было! Потом я долго им пользовался для перевода вордовских таблиц в HTML — достаточно легко и быстро можно было получить чистый код. А сейчас в редакторах использую раскраску кода под Dreamweaver :)
                                                    +1
                                                    Я до сих пор делаю почти то же самое, только в Firefox/Firebug.
                                                      +2
                                                      Помню как делал сначала страницы на вкладке дизайн, а потом открывал код и убирал «лишние» детали, которые сгенерил Dreamweaver :)
                                                        +1
                                                        Ребята! Только MS FRONTPAGE! Жили зазря:)
                                                          +2
                                                          А «Save as html» в MS Office Publisher выдавал прелестные страницы с текстом в пару мегабайт…
                                                            –1
                                                            Save as html — это вообще первый сексуальный опыт разработчиков того времени (мой тоже).
                                                      +1
                                                      Только far manager, только хардкор!
                                                      0
                                                      Всё верно, все «крутые» веб-программисты использовали только «нотпад» :)
                                                      +10
                                                      Многие наверняка помнят как минимум 3 ссылки на разные версии кодировки — koi8, windows, dos =))
                                                      Это было что-то.
                                                      Сейчас. слава богу, от этого избавились, а ведь тогда этим пестрили почти все сайты.

                                                      Хотя сейчас их место (с позиции мельтешения) заняли социальные ссылки и расшаривание.
                                                        +5
                                                        И их куда больше!
                                                          +10
                                                          А когда строительством сайта занимался не только верстальщик, но и админ, эти ссылки, о ужас, могли вести на URLы с разными портами.
                                                          Дополнительное счастье пользователя настигало, когда автор верстки прописывал кодировку в HTML-заголовке, а мудрый админ включал автоматическую перекодировку на стороне сервера. После чего browser пользователя сходил с ума от того, что на самой странице кодировка была одна, в заголовке прописана другая, а в HTTP-заголовке передается третья (потому что админ был криворукий).
                                                            +1
                                                            Особую пользу это доставляло читателям из тех организаций, в которых имелся свой админ со своим мнением о том, что нечего ходить в Интернет на нестандартные порты.
                                                          +9
                                                          Да, было время… Ещё помнится обработка <form action="/cgi-bin/form_handler">, где form_handler скомпилирован на Си локально под линуксом в дуал-буте с настоящей консолью (иксы валились) и залит по ftp.
                                                            +3
                                                            Ну, CGI, собственно, не то чтобы исчез.

                                                            Скажем, несколько видоизменился.
                                                              +1
                                                              CGI вообще-то никуда не изменился. Просто им мало кто сейчас пользуется.
                                                                +1
                                                                Скажем так: широко используются совместимые на каком-то уровне абстракции интерфейсы, но чтобы процесс напрямую получал из stdin тело запроса, отдавал ответ в stdout, а заголовки и прочую инфу брал из env практически не встречается.
                                                                  +2
                                                                  Хм, мы в 2002, кажется, делали курсовую на дельфях: BDE + стандартные компонеты + exe->cgi + Denver.
                                                                  И ведь работало…
                                                                    0
                                                                    Что я могу сказать — сочувствую :)
                                                              0
                                                              Ушел читать оригинал, но все равно спасибо! Понастольгировал )
                                                                +9
                                                                Боги, как давно это было… В Первую Эпоху, еще до того, как в кузницах Мордора был выкован IE6…

                                                                  0
                                                                  А лет через 15 будут также глумиться и ностальгировать по нынешнему сайтостроению. И круг замкнется.
                                                                  Даже интересно, над какими вещами, считающимися сейчас верхом крутизны и прогрессивности, мы будем глумиться в будущем с особым азартом.
                                                                    +10
                                                                    Изощрения с :before и :after
                                                                      +1
                                                                      Я надеюсь, что над межбраузерной совместимостью.

                                                                      И над «реалистичной» тенью с помощью 3-х классов.
                                                                      И над “.clearfix”.
                                                                      А еще над вертикальным выравниванием текста с помощью display: table-cell.
                                                                      Над тем, как нам присылали макеты с не-normal-смешанными слоями, а мы злились))
                                                                      И над мегакрутым плиточным интерфейсом у сайтов.
                                                                      +10
                                                                      А я вот тут неосторожно загуглил тег marquee, и тут просто подвис от необычной выдачи гугла. Не перестают удивлять! Я ведь тоже его использовал, но уже позабыл об этом.
                                                                        0
                                                                        Эх… В выдаче гугла бегущая строка сделана через двигающиеся дивы, а не через marquee.
                                                                        Не оригинал, подделка! ))
                                                                          –1
                                                                          Притом не работает в Файерфоксе. (Во всяком случае, с моим набором расширений.)
                                                                          +1
                                                                          Но сделано это почему-то через -animation.
                                                                            +11
                                                                            Вы еще попробуйте <blink> загуглить.
                                                                            +17
                                                                            Маловат список — дополню первым, что вспомнилось.
                                                                            Анимированные гифы и редакторы для их создания;
                                                                            Framesets;
                                                                            img onmouseover="..." onmouseout="..." (впрочем, этим и сейчас кто-то еще пользуется!);
                                                                            a onmouseover=«window.status=''»… — для сокрытия линка от любопытного юзера;
                                                                            vbscript;
                                                                            яваскрипт-дебаггинг с помощью алертов;
                                                                            Guestbooks;
                                                                            А счетчик посетителей при помощи таинственных cgi-скриптов! Это было в самом начале, когда не было даже asp. Только динозавры это помнят.

                                                                            И мы, такие наивные и верящие в этот чудесный новый мир. Мир, в котором еще не было рекламы, спама, соцсетей, штафов за незаконное скачивание, слежки за пользователями, все было доступно всем и держалось на открытости и восторге. Это было в конце 90-х годов.
                                                                              +1
                                                                              Помню-помню. А ещё помню время, когда появились джава-апплеты! Настоящее безумие!
                                                                                +1
                                                                                О да! Эти струящиеся волны :)
                                                                                  0
                                                                                  Приложеньице запущено
                                                                                +8
                                                                                Если уж вспоминать 90-е, то не нельзя забывать про:

                                                                                • Цвета обычно из традиционного набора, и скажите спасибо, если текст не ярко-зелёным по ярко-красному.
                                                                                • Никогда не пропадающие надписи «Сайт в разработке».
                                                                                • Обязательные анимации со снежинками и прочей летающей нечистью по праздникам.
                                                                                • Ядрёные градиенты, ядрёные тени и прочие крутые спец-эффекты от обладателей фотошопа.
                                                                                • Анимированные надписи в строке статуса и заголовке окна.
                                                                                • GIF анимации для украшения, для кнопок, для навигации. Позже — то же самое с флэшем.
                                                                                  +1
                                                                                  А баннеры из баннерообменных сетей размером 468×60 и 100×100? У сетей были почему-то обязательно трёхбуквенные названия — RRU, RB2, RLE, IRR и так далее. Была ещё более поздняя лебедевскую сеть TX3 — там обменивались текстовыми баннерами.
                                                                                    0
                                                                                    А этот прекрасный Comic Sans! До сих пор аж передергивает, когда встречаю его на некоторых страницах Лурки.
                                                                                      0
                                                                                      А у нас есть в фирме сотрудник (к счастью далекий от разработки), который им письма пишет.
                                                                                        +1
                                                                                        Вот, вот вы мне и объясните, чем же он так плох и ужасен? =)
                                                                                          0
                                                                                          Да вот тут уже все объяснили. lurkmore.to/Comic_Sans
                                                                                            0
                                                                                            Ну пусть меня минусуют, но не вижу ничего ужасного в использовании Comic Sans, да даже статья на лурке читается не чуть ни хуже, статей на хабре =D
                                                                                              0
                                                                                              Минусить не собираюсь, как и спорить о вкусовых предпочтениях. Но вот читать много текста написанного подобным «прыгающим» шрифтом я бы точно отказался. Причем, дело не в «комиксовости», есть другие подобные шрифты, которые при этом выполнены более продуманно, и читать текст набранный ими намного приятнее, например, BrushType.
                                                                                                +3
                                                                                                Завидую вам. Вас и «не чуть ни хуже, статей» читать не парит.
                                                                                                XKCD на похожую тему
                                                                                      0
                                                                                      В смысле редактор? Я всегда использовал imageready!
                                                                                        0
                                                                                        Программы для редактирования гифов существовали еще до image ready. И были они, насколько я помню, совершенно бесплатны, в отличие от.
                                                                                          0
                                                                                          В 2000 году у меня не было денег и возможности купить IR, даже за $75 которые она тогда стоила, так что это различие в 12 лет несущественно :)
                                                                                            +1
                                                                                            У меня в 2000 году был ImageReady, Фотошоп и куча других аудио-и-графических- редакторов. Все на одном диске и ни про какие $75 я тогда слыхом не слыхал…
                                                                                              0
                                                                                              Вот и я о том же, я только году в 2002-м узнал, что за рубежом программы стоят значительно дороже диска с базара…

                                                                                              А про $75 я прочитал в книжке про фотошоп, запомнилось почему-то…
                                                                                        +1
                                                                                        Помню, как написал свой первый счётчик на Perl, а потом несколько лет его развивал, таская по разным маленьким проектам :)
                                                                                          0
                                                                                          А вместо анимированных гифов сейчас что используют?
                                                                                          • UFO just landed and posted this here
                                                                                              0
                                                                                              Неравноценная замена, по-моему. Особенно для рекламных баннеров.
                                                                                              Или предполагается, что развесистый HTML+CSS-код должен быть еще и в iframe'е вставляться на рекламную площадку? (Чтобы код анимации остался под контролем рекламодателя).
                                                                                          +4
                                                                                          coffiecup я один юзал? :)
                                                                                            +2
                                                                                            Вы не одиноки, правда я со временем на php expert editor пересел(для знающих русский он был бесплатен)
                                                                                            +7
                                                                                            Geocities
                                                                                              0
                                                                                              там до сих пор древние сайты лежат и ничего им не делается :)
                                                                                                +2
                                                                                                скачать рефераты ускроритель интернета архив яндекс народ
                                                                                                  0
                                                                                                  это было сильно позже
                                                                                                  +2
                                                                                                  К сожалению, на оригинальном Geocities уже ничего не лежит, Yahoo его закрыл в 2009. Только во всяких веб-архивах.
                                                                                                  +2
                                                                                                  Tripod
                                                                                                • UFO just landed and posted this here
                                                                                                    +2
                                                                                                    Дык выложите куда-нибудь ;) Зачем беречь? ;)
                                                                                                    • UFO just landed and posted this here
                                                                                                        +1
                                                                                                        Раздача на каком-то трекере в i2p + честное предупреждение скачавшим, что там образцы вирусов…
                                                                                                      0
                                                                                                      А покажите фото диска. У меня кажется такой же.
                                                                                                      • UFO just landed and posted this here
                                                                                                          +1
                                                                                                          У меня такие есть:
                                                                                                          Скрытый текст
                                                                                                          image

                                                                                                          Скрытый текст
                                                                                                          image

                                                                                                          Скрытый текст
                                                                                                          image

                                                                                                          Скрытый текст
                                                                                                          image


                                                                                                          Диски хранились в тайнике за шкафом, потому дожили до 2011 года, что с ними потом стало — не знаю.
                                                                                                          • UFO just landed and posted this here
                                                                                                      +4
                                                                                                      Да, я всё это делал и не стыжусь этого.
                                                                                                        0
                                                                                                        Эх, пробил на скупую слезу… :'(
                                                                                                        Классное было время, интересное… Хотя табличную вёрстку и гифы 1х1 лично я использовал года до 2006-2007 — спасибо IE6, где проще было так, чем воевать с его неадекватностью в «нормальной» вёрстке.
                                                                                                          +1
                                                                                                          Свой первый сайт верстал в 1998. Как это было мучительно долго и захватывающе.
                                                                                                            +4
                                                                                                            Width, height для blank.gif использовали чайники, мастера оптимизации отрисовки юзали hspace, vspace.
                                                                                                              +13
                                                                                                              И еще целые сайты на <TABLE>, с попиксельно выверенными ширинами и высотами.
                                                                                                              Впрочем, это и сейчас некоторые используют
                                                                                                              0
                                                                                                              Как интересно.
                                                                                                              Для кого-то это «давно» и «не застал». А я и сейчас готов дать в лоб любому, кто использует <blink>. Я и сейчас готов терпеливо объяснять, что не издеваюсь, когда говорю, что верстаю в Far-e, а не в Frontpage, или (совсем дебил) признаю Flash анимацию только там, где с ее помошью можно уменьшить картинку в разы (крутящийся земной шар, поместившийся в 700 байт, вместо 40КБ (! секунд 10 для загрузки) из лучших примеров интернета).
                                                                                                              И всего-то двадцать лет прошло, с того первого сайта…
                                                                                                              А подходы все те же, привет «популярным технологиям»;
                                                                                                              )
                                                                                                                +1
                                                                                                                Всегда диву давался: во времена модемов, маленьких дисков, экономии на всем, мегавебмастеров не ломало писать transparent.gif каждый раз, где это требовалось. Тупо 10 лишних байтов на каждом вхождении в исходный код!

                                                                                                                Другими словами, замена на средней страничке в коде строчек «transparent.gif» на «1.gif» уже ускоряла загрузку на несколько секунд.

                                                                                                                P.S. Давайте вспомним героев прошлого:

                                                                                                                DreamWeaver
                                                                                                                Fireworks
                                                                                                                Photoshop


                                                                                                                !!!
                                                                                                                  +2
                                                                                                                  MS Word же! Я лично видел, как на нем странички «писали». Оформляют, и потом экспорт в HTML.
                                                                                                                    +1
                                                                                                                    Тогда уж MS Frontpage, страх и ужас WYSIWYG.
                                                                                                                      0
                                                                                                                      В универе кафедры обязали делать сайты. И для сотрудников были месячные курсы по фронтпэйдж. Там внутри были шаблоны и картинки (фоны, кнопки). В итоге все сайты кафедр были «красочными» и одинаковыми )

                                                                                                                      Нам, пользователям Netscape 4 было не до шуток
                                                                                                                    +11
                                                                                                                    Суперский редактор Macromedia Homesite, варварски прихлопнутый Adobe-ом!
                                                                                                                      +2
                                                                                                                      Я кодил в версии 5.5 до, наверное, 2007 года. Отлчный был редактор.
                                                                                                                        +3
                                                                                                                        Суперский редактор Allaire Homesite, испоганенный Macromedia!
                                                                                                                          0
                                                                                                                          Ох ты, и правда, а я и забыла про Allaire. Но макромедиевский вариант все же остался вполне юзабельным.
                                                                                                                            +1
                                                                                                                            Macromedia вроде бы wysiwyg добавили. И на дискету перестал влезать, что было обидно.
                                                                                                                          0
                                                                                                                          Ещё HotDog вспомните )
                                                                                                                          +2
                                                                                                                          Netscape Composer :)
                                                                                                                            0
                                                                                                                            Это не он стал KompoZer'ом в итоге?
                                                                                                                              0
                                                                                                                              Чем-то похож, но думаю вряд ли.
                                                                                                                          +1
                                                                                                                          Я его всё время называл «0.gif», ноль — потому что его как бы нет.
                                                                                                                            0
                                                                                                                            Ну оно бы конечно ничего не ускорило, модемы то сжимали текст неплохо. Но ведь не лень же было писать :)
                                                                                                                              +1
                                                                                                                              Ускорило бы :) Модемы сжимали же всю страницу, а частями, а страница, да на таблицах, да красивая, вынуждена была весить куда больше буфера модема )))
                                                                                                                                0
                                                                                                                                К тому же табличка не показывалась пока не загружалась целиком.
                                                                                                                                  0
                                                                                                                                  А вот это это уже зависело от разработчика.

                                                                                                                                  У толковых ребят таблица показывалась в процессе загрузки. Для этого надо точно задавать размеры ячеек, а также размеры вложенных картинок.
                                                                                                                                    +1
                                                                                                                                    Opera, кажется, сразу отображала и без шаманства.
                                                                                                                                    • UFO just landed and posted this here
                                                                                                                              0
                                                                                                                              В те года верстал в www.evrsoft.com/1stpage2.shtml назло Homesite )
                                                                                                                                0
                                                                                                                                Среди своих верстаков был холивар: www.coffeecup.com/html-editor/ или Homesite

                                                                                                                                Когда уже появился под брендом дримвивера, то отпугивал своими жуткими тормозами на пк
                                                                                                                                +7
                                                                                                                                А я в 94 году, сидя в НИИ Физики в Петергофе, полгода думал, что lynx — программа для просмотра расписания электричек из Петергофа до Питера. Когда узнал правду и увидел все эти первые сайты, понял, что если нужна инфа — нужен текстовый браузер, а все остальное — для хипстеров.

                                                                                                                                Так до 2003 года и сидел в основном в линксе.
                                                                                                                                  +5
                                                                                                                                  Утилита telnet и протокол gopher, всё остальное — для хипстеров.
                                                                                                                                    0
                                                                                                                                    usenet ещё
                                                                                                                                      0
                                                                                                                                      Кстати, да. Гофер мне нравился очень. Надо посмотреть, остался ли хоть один из серваков в живых…
                                                                                                                                    0
                                                                                                                                    Безусловно, первым нашим применением CSS было удаление подчеркивания ссылок.

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

                                                                                                                                    А однопиксельные gif и nbsp; я тоже застала в середине 2000-х, как и inline-css. Уже считалось дурной практикой в те времена, насколько я помню. Но использовалось часто, как и к примеру верстка с помощью таблиц.
                                                                                                                                      +5
                                                                                                                                      Когда на меня наплывает ностальгия по старому интернету и браузеру Netscape Navigator 4 который почему то хорошо запомнился. Я захожу на
                                                                                                                                      archive.org/web/ музей интернета
                                                                                                                                      беру бутылочку пива 0.33
                                                                                                                                      ввожу адреса и поднимаю из глубины души воспоминания
                                                                                                                                        +19
                                                                                                                                        На эту картинку можно было смотреть вечно… image
                                                                                                                                        –5
                                                                                                                                        Программист на HTML это конечно же круто, только кого тогда это волновало? Я в 90х писал на prolog, и неплохо этим зарабатывал, самый продвинутый из моих знакомых-программистов писал вообще на всем что попадалось под руку, и был первым «на деревне» кто начал работать на power builder а потом на самой первой джаве.
                                                                                                                                          +3
                                                                                                                                          Вы молодец.
                                                                                                                                          +7
                                                                                                                                          Вот так и стареем…
                                                                                                                                            +5
                                                                                                                                            Свой первый «сайт» я сделал из нескольких iframe <frameset>/<frame>.
                                                                                                                                            Табличная верстка содержащая десятки ячеек обеденных colspan или rowspan, были очень увлекательным занятием, особенно если проходилось что то добавить.
                                                                                                                                            Еще пацанская домашняя страничка обязательно снабжалась <bgsound>.

                                                                                                                                            <code><body bgcolor=#cabe55  text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 rightmargin=0 bottommargin=0></code>
                                                                                                                                            

                                                                                                                                            Я и забыл что у <body> есть такие атрибуты. Взято с моего самого старого сайта доступного онлайн, все стили там inline, пятиуровневая вложенность таблиц, spacer.gif (прозрачный 1х1), вся графика сайта в gif.

                                                                                                                                            Спасибо, понастальгировал.

                                                                                                                                              +2
                                                                                                                                              пятиуровневая вложенность таблиц

                                                                                                                                              Сайты тех времён очень прикольно рассматривать в файрфоксовском 3D-режиме. Такие шикарные ландшафты получаются!
                                                                                                                                              0
                                                                                                                                              Волшебный DHTML был моим welcome в вебдев. Сначала в голове не укладывалось, почему нужно потратить час, чтобы сделать программу, которая работает в Mozilla, еще один час, чтобы адаптировать ее для Opera, и еще один день, чтобы она заработала в Internet Explorer.

                                                                                                                                              Сейчас вот сижу и думаю — а что изменилось? Кроме jQuery, underscore, объектных фреймворков…

                                                                                                                                              Разве что я решил забить на IE :)
                                                                                                                                                +6
                                                                                                                                                То и изменилось: пишешь на jQuery, и работает оно сразу везде.
                                                                                                                                                  0
                                                                                                                                                  :)
                                                                                                                                                    0
                                                                                                                                                    А есть ли jQuery готовая кроссбраузерная функция для сложения чисел?
                                                                                                                                                    • UFO just landed and posted this here
                                                                                                                                                  0
                                                                                                                                                  Примечание переводчика: я начал заниматься сайтостроением лишь в 2006, но отголоски веба 90-х на тот момент были еще заметны.

                                                                                                                                                  Я занялся веб-разработкой в 2009 году, и они еще были живее всех живых ) Почти все это знакомо: 1x1.git, бегущая строка, <blink />, выравнивание с помощью &nbsp; (контент-менеджеры и по сей день пользуются этой методикой). Кстати, бегущую строку я не так давно (может, пару-тройку лет назад) сам поставил на сайт. Заказчики настойчиво требовали, чтобы она там была.
                                                                                                                                                    +4
                                                                                                                                                    А еще вроде никто не упоминал, что кнопки тогда делали картинками (и текст на них тоже был вписан в картинку), которые менялись по ховеру на другую картинку. При том, что скорость соединения была ужасной (да, если удавалось подключиться на 14 400 — круто!), при наведении на такую кнопку приходилось ждать пока подгрузится ее «ховерный» вариант.
                                                                                                                                                      0
                                                                                                                                                      А ещё, о ужас, я помню сайты на narod.ru, которые были сделаны в MS Word с его тоннами CSS и совершенно неудобоваримой вёрсткой. К тому же из него переезжали все эти WordArt с текстом и прочими плюшками… Ностальгия!
                                                                                                                                                        0
                                                                                                                                                        Черт! Я делал эти сайты в ворде на narod.ru в 2001… Клянусь style=«border-right:1px solid #000000; border-left:1px solid #000000; cursor: hand; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: mediumОМ!
                                                                                                                                                        +3
                                                                                                                                                        Эх, золотое было времечко.
                                                                                                                                                        С гордостью вставлял в head <meta name="generator" content="Notepad.exe">, после того как удалял лишний мусор после Netscape Composer. :)
                                                                                                                                                        • UFO just landed and posted this here
                                                                                                                                                            +1
                                                                                                                                                            А как же фреймы? Фреймы забыли! А какие замечательные фреймы были в 90-ых!
                                                                                                                                                              0
                                                                                                                                                              Первый заказ на сайт который я получил в 1999-м содержал требование о двух версиях сайта: под Mosaic и под современные (NN4, IE4) браузеры. Пришлось делать, было забавно :)
                                                                                                                                                                0
                                                                                                                                                                Если поискать в google тег <marquee>, то к строчке о количестве результатов «внезапно» будет применяться этот самый тег ;)
                                                                                                                                                                  +1
                                                                                                                                                                  <blink> поищите =)
                                                                                                                                                                    0
                                                                                                                                                                    Выше было: habrahabr.ru/post/214761/#comment_7378181. И результаты поиска там в двух div'ах с классом resultMarquee:
                                                                                                                                                                    <div id="resultStats">
                                                                                                                                                                      <div class="resultMarquee">
                                                                                                                                                                        Результатов: примерно 54 800 000
                                                                                                                                                                        <nobr> (0,28 сек.) </nobr>
                                                                                                                                                                      </div>
                                                                                                                                                                      <div class="resultMarquee" style="left: 300px;">
                                                                                                                                                                        Результатов: примерно 54 800 000
                                                                                                                                                                        <nobr> (0,28 сек.) </nobr>
                                                                                                                                                                      </div>
                                                                                                                                                                    </div>
                                                                                                                                                                    
                                                                                                                                                                    +1
                                                                                                                                                                    Самое печальное, что многое из всего этого до сих пор используется при вёрстке email…
                                                                                                                                                                      0
                                                                                                                                                                      Специфика. Почтовых клиентов в самом различном окружении куча, нужно выбирать минимальное подмножество фич, которые поддерживаются подавляющим большинством.
                                                                                                                                                                        0
                                                                                                                                                                        По-другому, смотреться письмо одинаково на всех устройствах и браузерах не будет. И верстка там на таблицах преимущественно, потому что их все понимают. И все классы css не распознаются, а пишутся инлайн в теги. Мыло недалеко шагнуло с тех времен. Сейчас пишу как раз такой редактор, то еще удовольствие. Благо люди придумали, да и сам написал кучу всего, чтобы делать письмо-страницу в привычном формате, а оно потом само, автоматически, назад в 90-е.
                                                                                                                                                                        0
                                                                                                                                                                        Ностальгия, табличечки… Кстати к нам это все пришло позже и было актуальным и в начале 00-х
                                                                                                                                                                        Помню как меня удивила особая магия — таблица с ячейками в 1px, хитрый яваскрипт и в результате эдакая совсем неторопливая реализация нынешнего canvas.
                                                                                                                                                                        А fronpage`ом у нас вроде не любили пользоваться, больше сохраняли ворд документы как веб страницу :)
                                                                                                                                                                          0
                                                                                                                                                                          Сайт из примечания переводчика — жалкая подделка! Там все сделано div-ами!!!
                                                                                                                                                                            +3
                                                                                                                                                                            Хабр в стиле web 90х:

                                                                                                                                                                            PS Надеюсь хабраэффект не настигнет.
                                                                                                                                                                              +4
                                                                                                                                                                              Благодаря хабраэффекту даже скорость загрузки как тогда! Круто!
                                                                                                                                                                              +2
                                                                                                                                                                                                   
                                                                                                                                                                                +1
                                                                                                                                                                                Спасибо за перевод!

                                                                                                                                                                                Сейчас действительно всё это очень весело вспоминать — мигающие заголовки, бегущие строки, анимированные гифы в диких количествах, теги, набранные исключительно капсом, и так далее. Но я помню, какой библией для меня был справочник по html 3.2 в 1998 году — волшебная книга! :)
                                                                                                                                                                                  +2

                                                                                                                                                                                  Картинка Артемия Лебедева в поддержку Any Browser Campaign. Предположительно, 2003 год. Скорее, 1997. Это у меня файл на диске с 2003 лежит.
                                                                                                                                                                                    0
                                                                                                                                                                                    Если бы 2003, в слове «брОузер» был бы логотип оперы:)
                                                                                                                                                                                    0
                                                                                                                                                                                    Еще одним важным аттрибутом была бегущая строка в статус-баре… Где он сейчас… статус-бар…
                                                                                                                                                                                      0
                                                                                                                                                                                      А если в веб-чат (дырявый ессно) загнать тэг , то народ реально верил что все их компы уже взломаны )

                                                                                                                                                                                      Only users with full accounts can post comments. Log in, please.