Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 188
Ужасный перевод.
Ужасное форматирование.
Ужасное форматирование.
Спасибо за критику, переводить учусь. Некоторые речевые обороты очень трудные. Поможете исправить что нужно в ЛС?
Просто совет. Когда закончили перевод — отложите его на пару/тройку часов, а лучше день. И потом просто перечитайте его. Сразу будут видны 90% речевых ляпов.
Пример: «Это выдержало испытание» лучше читается как «Он выдержал испытание».
IMHO, конечно. Не претендую на истину в последней инстанции.
Пример: «Это выдержало испытание» лучше читается как «Он выдержал испытание».
IMHO, конечно. Не претендую на истину в последней инстанции.
А может кто сказать в чем может быть глюк из за написания 1x1.gif (в заголовке, в тексте)? Я буквально недавно заметил, что из текста один были выдернуты. Я их проставил, сохранил и из всей статьи поудалялись слэши… Получился ужас, который я вот буквально только что поправил. Потому опять сохраняю и 1х1.gif исчез. С трудом удалось его поставить.
Ааааа, ностальгия, сейчас уже и не занимаюсь напрямую web-разработкой. Вижу как изменилась web-разработка (в лучшую сторону). Но данная статья вызывает приступы ностальгии, так же как упоминания Z80 ассемблера и спектрума.
Поскольку я делал HTML-страницы в 90-ых, то отлично помню, что у тега font атрибут size имеет значения в диапазоне от 1 до 7, а никак не 42, как в примере )))
А еще можно было видео вставлять как имг.
<img dynsrc="habr.avi">
Точно!!! Но это, конечно, даже для того времени была дичь. Помню, у меня была книга по HTML 3.0, которая была наполнена подобными штучками. Был ещё тег
<audio>, который только в IE и работал.
Ага и проигрывал в фоне midi файлы которые нельзя было остановить
Возможно вы имеете в виду HTML+TIME (позднее — XHTML+SMIL), попытку скрестить SMIL с HTML, очень крутую, но так и не ставшую популярной (на всем Хабре я нашел только 11 упоминаний).
Там ещё можно было программировать пуск при наведении мыши. Без JS!
Сразу скажу, что Холман слегка издевается — например, называя DHTML не «динамическим» HTML, а «распределённым».
И не забыт сегодня. Пусть мы и не делаем им больше отступов, но используем «неразрывный пробел» по назначению.
Это еще на редите обсуждали. Автор просто не мог все это видеть и использовать сам.
Видимо, он откуда-то понавыдирал отдельных особенностей веб разработки девяностых и слепил в статью.
А тут ее еще и криво перевели…
Видимо, он откуда-то понавыдирал отдельных особенностей веб разработки девяностых и слепил в статью.
А тут ее еще и криво перевели…
Автор как археолог. Древнего Египта он своими глазами не видел. Но воссоздал картину по сохранившимся развалинам и древним манускриптам.
Ду ну нафиг. Я 90го года. В детстве, конечно, ничем таким не занимался, в смысле профессионально, но игрался с этим однозначно, книга по HTML была.
мне кажется, или у поста поехала верстка? О_о
Ностальгия… Вот
<map> еще вспомнил, отличный инструмент позиционирования =)
Незаслуженно забыты ГИГАНТСКИЕ БОРДЮРЫ borders=all.
Я пару месяцев назад делал знакомой, учащейся в СПбГПУ, курсовик — сайт. Так в задании прямым текстом — обязательно наличие бегущей строки, реализованной с помощью тега marquee! Я был в шоке. А вы говорите 90-е…
А курсовик был по истории древнего мира? ))
Отнюдь, господа! Сам, заканчивая колледж, писал реферат по (обратите внимание на гордое название предмета) «Технологии разработки программных продуктов»: с табличной версткой, атрибутами тегов и прочими прелестями вебъодиннольной жизни (я-таки не поддался на провокацию и делал все по текущим стандартам, за что и была занижена оценка).
Буквально сегодня наткнулся на руины детище этого универа: www.ssl.stu.neva.ru/fenix/index.html
Прямо как в музее побывал.
Прямо как в музее побывал.
Я вот закончил этот универ и, признаться, ни разу не видел этого сайта. Вот нормальный сайт университета www.spbstu.ru/, а что там понаделали для внутренних нужд и\или сторонние организации не все ли равно. К слову у МГУ тоже тот еще музей с сайтами факультетов и НИИ.
Я всё это делал и считаю, что золотое было время!
Учитывая, что frontpage/dreamweaver были для нубов, а dhtml и css в блакнотике для настоящих гуру.
Учитывая, что frontpage/dreamweaver были для нубов, а dhtml и css в блакнотике для настоящих гуру.
А сколько было холиваров на тему, что лучше dreamweaver или блокнот. И я там тоже сражался, не стану говорить на чьей стороне ))
А мне нравился Dreamweaver своим сплит-режимом — можно было писать чистый код в редакторе и сразу видеть результат, и никаких live reload не нужно было! Потом я долго им пользовался для перевода вордовских таблиц в HTML — достаточно легко и быстро можно было получить чистый код. А сейчас в редакторах использую раскраску кода под Dreamweaver :)
Только far manager, только хардкор!
Всё верно, все «крутые» веб-программисты использовали только «нотпад» :)
Многие наверняка помнят как минимум 3 ссылки на разные версии кодировки — koi8, windows, dos =))
Это было что-то.
Сейчас. слава богу, от этого избавились, а ведь тогда этим пестрили почти все сайты.
Хотя сейчас их место (с позиции мельтешения) заняли социальные ссылки и расшаривание.
Это было что-то.
Сейчас. слава богу, от этого избавились, а ведь тогда этим пестрили почти все сайты.
Хотя сейчас их место (с позиции мельтешения) заняли социальные ссылки и расшаривание.
И их куда больше!
А когда строительством сайта занимался не только верстальщик, но и админ, эти ссылки, о ужас, могли вести на URLы с разными портами.
Дополнительное счастье пользователя настигало, когда автор верстки прописывал кодировку в HTML-заголовке, а мудрый админ включал автоматическую перекодировку на стороне сервера. После чего browser пользователя сходил с ума от того, что на самой странице кодировка была одна, в заголовке прописана другая, а в HTTP-заголовке передается третья (потому что админ был криворукий).
Дополнительное счастье пользователя настигало, когда автор верстки прописывал кодировку в HTML-заголовке, а мудрый админ включал автоматическую перекодировку на стороне сервера. После чего browser пользователя сходил с ума от того, что на самой странице кодировка была одна, в заголовке прописана другая, а в HTTP-заголовке передается третья (потому что админ был криворукий).
Да, было время… Ещё помнится обработка
<form action="/cgi-bin/form_handler">, где form_handler скомпилирован на Си локально под линуксом в дуал-буте с настоящей консолью (иксы валились) и залит по ftp.
Ну, CGI, собственно, не то чтобы исчез.
Скажем, несколько видоизменился.
Скажем, несколько видоизменился.
CGI вообще-то никуда не изменился. Просто им мало кто сейчас пользуется.
Скажем так: широко используются совместимые на каком-то уровне абстракции интерфейсы, но чтобы процесс напрямую получал из stdin тело запроса, отдавал ответ в stdout, а заголовки и прочую инфу брал из env практически не встречается.
Боги, как давно это было… В Первую Эпоху, еще до того, как в кузницах Мордора был выкован IE6…
А лет через 15 будут также глумиться и ностальгировать по нынешнему сайтостроению. И круг замкнется.
Даже интересно, над какими вещами, считающимися сейчас верхом крутизны и прогрессивности, мы будем глумиться в будущем с особым азартом.
Даже интересно, над какими вещами, считающимися сейчас верхом крутизны и прогрессивности, мы будем глумиться в будущем с особым азартом.
Изощрения с :before и :after
Я надеюсь, что над межбраузерной совместимостью.
И над «реалистичной» тенью с помощью 3-х классов.
И над “.clearfix”.
А еще над вертикальным выравниванием текста с помощью display: table-cell.
Над тем, как нам присылали макеты с не-normal-смешанными слоями, а мы злились))
И над мегакрутым плиточным интерфейсом у сайтов.
…
И над «реалистичной» тенью с помощью 3-х классов.
И над “.clearfix”.
А еще над вертикальным выравниванием текста с помощью display: table-cell.
Над тем, как нам присылали макеты с не-normal-смешанными слоями, а мы злились))
И над мегакрутым плиточным интерфейсом у сайтов.
…
А я вот тут неосторожно загуглил тег marquee, и тут просто подвис от необычной выдачи гугла. Не перестают удивлять! Я ведь тоже его использовал, но уже позабыл об этом.
Маловат список — дополню первым, что вспомнилось.
Анимированные гифы и редакторы для их создания;
Framesets;
img onmouseover="..." onmouseout="..." (впрочем, этим и сейчас кто-то еще пользуется!);
a onmouseover=«window.status=''»… — для сокрытия линка от любопытного юзера;
vbscript;
яваскрипт-дебаггинг с помощью алертов;
Guestbooks;
А счетчик посетителей при помощи таинственных cgi-скриптов! Это было в самом начале, когда не было даже asp. Только динозавры это помнят.
И мы, такие наивные и верящие в этот чудесный новый мир. Мир, в котором еще не было рекламы, спама, соцсетей, штафов за незаконное скачивание, слежки за пользователями, все было доступно всем и держалось на открытости и восторге. Это было в конце 90-х годов.
Анимированные гифы и редакторы для их создания;
Framesets;
img onmouseover="..." onmouseout="..." (впрочем, этим и сейчас кто-то еще пользуется!);
a onmouseover=«window.status=''»… — для сокрытия линка от любопытного юзера;
vbscript;
яваскрипт-дебаггинг с помощью алертов;
Guestbooks;
А счетчик посетителей при помощи таинственных cgi-скриптов! Это было в самом начале, когда не было даже asp. Только динозавры это помнят.
И мы, такие наивные и верящие в этот чудесный новый мир. Мир, в котором еще не было рекламы, спама, соцсетей, штафов за незаконное скачивание, слежки за пользователями, все было доступно всем и держалось на открытости и восторге. Это было в конце 90-х годов.
Помню-помню. А ещё помню время, когда появились джава-апплеты! Настоящее безумие!
Если уж вспоминать 90-е, то не нельзя забывать про:
- Цвета обычно из традиционного набора, и скажите спасибо, если текст не ярко-зелёным по ярко-красному.
- Никогда не пропадающие надписи «Сайт в разработке».
- Обязательные анимации со снежинками и прочей летающей нечистью по праздникам.
- Ядрёные градиенты, ядрёные тени и прочие крутые спец-эффекты от обладателей фотошопа.
- Анимированные надписи в строке статуса и заголовке окна.
- GIF анимации для украшения, для кнопок, для навигации. Позже — то же самое с флэшем.
А баннеры из баннерообменных сетей размером 468×60 и 100×100? У сетей были почему-то обязательно трёхбуквенные названия — RRU, RB2, RLE, IRR и так далее. Была ещё более поздняя лебедевскую сеть TX3 — там обменивались текстовыми баннерами.
А этот прекрасный Comic Sans! До сих пор аж передергивает, когда встречаю его на некоторых страницах Лурки.
А у нас есть в фирме сотрудник (к счастью далекий от разработки), который им письма пишет.
Вот, вот вы мне и объясните, чем же он так плох и ужасен? =)
Да вот тут уже все объяснили. lurkmore.to/Comic_Sans
Ну пусть меня минусуют, но не вижу ничего ужасного в использовании Comic Sans, да даже статья на лурке читается не чуть ни хуже, статей на хабре =D
Минусить не собираюсь, как и спорить о вкусовых предпочтениях. Но вот читать много текста написанного подобным «прыгающим» шрифтом я бы точно отказался. Причем, дело не в «комиксовости», есть другие подобные шрифты, которые при этом выполнены более продуманно, и читать текст набранный ими намного приятнее, например, BrushType.
Завидую вам. Вас и «не чуть ни хуже, статей» читать не парит.
XKCD на похожую тему
Да-а… спать все же надо =(
В тему картинки — игра в кернинг.
Ого! С первого раза 100/100! Я немножечко уху ел даже…
В смысле редактор? Я всегда использовал imageready!
Программы для редактирования гифов существовали еще до image ready. И были они, насколько я помню, совершенно бесплатны, в отличие от.
Помню, как написал свой первый счётчик на
Perl, а потом несколько лет его развивал, таская по разным маленьким проектам :)А вместо анимированных гифов сейчас что используют?
coffiecup я один юзал? :)
Geocities
Да, я всё это делал и не стыжусь этого.
Эх, пробил на скупую слезу… :'(
Классное было время, интересное… Хотя табличную вёрстку и гифы 1х1 лично я использовал года до 2006-2007 — спасибо IE6, где проще было так, чем воевать с его неадекватностью в «нормальной» вёрстке.
Классное было время, интересное… Хотя табличную вёрстку и гифы 1х1 лично я использовал года до 2006-2007 — спасибо IE6, где проще было так, чем воевать с его неадекватностью в «нормальной» вёрстке.
Свой первый сайт верстал в 1998. Как это было мучительно долго и захватывающе.
Width, height для blank.gif использовали чайники, мастера оптимизации отрисовки юзали hspace, vspace.
Как интересно.
Для кого-то это «давно» и «не застал». А я и сейчас готов дать в лоб любому, кто использует
И всего-то двадцать лет прошло, с того первого сайта…
А подходы все те же, привет «популярным технологиям»;
)
Для кого-то это «давно» и «не застал». А я и сейчас готов дать в лоб любому, кто использует
<blink>. Я и сейчас готов терпеливо объяснять, что не издеваюсь, когда говорю, что верстаю в Far-e, а не в Frontpage, или (совсем дебил) признаю Flash анимацию только там, где с ее помошью можно уменьшить картинку в разы (крутящийся земной шар, поместившийся в 700 байт, вместо 40КБ (! секунд 10 для загрузки) из лучших примеров интернета).И всего-то двадцать лет прошло, с того первого сайта…
А подходы все те же, привет «популярным технологиям»;
)
Всегда диву давался: во времена модемов, маленьких дисков, экономии на всем, мегавебмастеров не ломало писать transparent.gif каждый раз, где это требовалось. Тупо 10 лишних байтов на каждом вхождении в исходный код!
Другими словами, замена на средней страничке в коде строчек «transparent.gif» на «1.gif» уже ускоряла загрузку на несколько секунд.
P.S. Давайте вспомним героев прошлого:
DreamWeaver
Fireworks
Photoshop
…
!!!
Другими словами, замена на средней страничке в коде строчек «transparent.gif» на «1.gif» уже ускоряла загрузку на несколько секунд.
P.S. Давайте вспомним героев прошлого:
DreamWeaver
Fireworks
Photoshop
…
!!!
MS Word же! Я лично видел, как на нем странички «писали». Оформляют, и потом экспорт в HTML.
Суперский редактор Macromedia Homesite, варварски прихлопнутый Adobe-ом!
Netscape Composer :)
Это не он стал KompoZer'ом в итоге?
Чем-то похож, но думаю вряд ли.
он стал NVU потом www.nvu.com/
Я его всё время называл «0.gif», ноль — потому что его как бы нет.
Ну оно бы конечно ничего не ускорило, модемы то сжимали текст неплохо. Но ведь не лень же было писать :)
В те года верстал в www.evrsoft.com/1stpage2.shtml назло Homesite )
Среди своих верстаков был холивар: www.coffeecup.com/html-editor/ или Homesite
Когда уже появился под брендом дримвивера, то отпугивал своими жуткими тормозами на пк
Когда уже появился под брендом дримвивера, то отпугивал своими жуткими тормозами на пк
А я в 94 году, сидя в НИИ Физики в Петергофе, полгода думал, что lynx — программа для просмотра расписания электричек из Петергофа до Питера. Когда узнал правду и увидел все эти первые сайты, понял, что если нужна инфа — нужен текстовый браузер, а все остальное — для хипстеров.
Так до 2003 года и сидел в основном в линксе.
Так до 2003 года и сидел в основном в линксе.
Безусловно, первым нашим применением CSS было удаление подчеркивания ссылок.
Эх, если бы было. Каждый третий заказчик просит именно это. Или в макете так нарисовано, или присылают в списке доработок по готовому сайту.
А некоторые к тому же хотят чтобы еще и цветом никак эти ссылки не выделялись. Например буквально сегодня меня попросили их сделать черными. Да, в отдельном блоке где только ссылки и больше ничего, но вот чисто визуально никак не скажешь что там могут быть только ссылки, а не простой текст.
А однопиксельные gif и nbsp; я тоже застала в середине 2000-х, как и inline-css. Уже считалось дурной практикой в те времена, насколько я помню. Но использовалось часто, как и к примеру верстка с помощью таблиц.
Когда на меня наплывает ностальгия по старому интернету и браузеру Netscape Navigator 4 который почему то хорошо запомнился. Я захожу на
archive.org/web/ музей интернета
беру бутылочку пива 0.33
ввожу адреса и поднимаю из глубины души воспоминания
archive.org/web/ музей интернета
беру бутылочку пива 0.33
ввожу адреса и поднимаю из глубины души воспоминания
Программист на HTML это конечно же круто, только кого тогда это волновало? Я в 90х писал на prolog, и неплохо этим зарабатывал, самый продвинутый из моих знакомых-программистов писал вообще на всем что попадалось под руку, и был первым «на деревне» кто начал работать на power builder а потом на самой первой джаве.
Вот так и стареем…
Свой первый «сайт» я сделал из нескольких iframe <frameset>/<frame>.
Табличная верстка содержащая десятки ячеек обеденных colspan или rowspan, были очень увлекательным занятием, особенно если проходилось что то добавить.
Еще пацанская домашняя страничка обязательно снабжалась <bgsound>.
Я и забыл что у <body> есть такие атрибуты. Взято с моего самого старого сайта доступного онлайн, все стили там inline, пятиуровневая вложенность таблиц, spacer.gif (прозрачный 1х1), вся графика сайта в gif.
Спасибо, понастальгировал.
Табличная верстка содержащая десятки ячеек обеденных 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.
Спасибо, понастальгировал.
Волшебный DHTML был моим welcome в вебдев. Сначала в голове не укладывалось, почему нужно потратить час, чтобы сделать программу, которая работает в Mozilla, еще один час, чтобы адаптировать ее для Opera, и еще один день, чтобы она заработала в Internet Explorer.
Сейчас вот сижу и думаю — а что изменилось? Кроме jQuery, underscore, объектных фреймворков…
Разве что я решил забить на IE :)
Сейчас вот сижу и думаю — а что изменилось? Кроме jQuery, underscore, объектных фреймворков…
Разве что я решил забить на IE :)
Примечание переводчика: я начал заниматься сайтостроением лишь в 2006, но отголоски веба 90-х на тот момент были еще заметны.
Я занялся веб-разработкой в 2009 году, и они еще были живее всех живых ) Почти все это знакомо: 1x1.git, бегущая строка, <blink />, выравнивание с помощью (контент-менеджеры и по сей день пользуются этой методикой). Кстати, бегущую строку я не так давно (может, пару-тройку лет назад) сам поставил на сайт. Заказчики настойчиво требовали, чтобы она там была.
А еще вроде никто не упоминал, что кнопки тогда делали картинками (и текст на них тоже был вписан в картинку), которые менялись по ховеру на другую картинку. При том, что скорость соединения была ужасной (да, если удавалось подключиться на 14 400 — круто!), при наведении на такую кнопку приходилось ждать пока подгрузится ее «ховерный» вариант.
А ещё, о ужас, я помню сайты на narod.ru, которые были сделаны в MS Word с его тоннами CSS и совершенно неудобоваримой вёрсткой. К тому же из него переезжали все эти WordArt с текстом и прочими плюшками… Ностальгия!
Эх, золотое было времечко.
С гордостью вставлял в head <meta name="generator" content="Notepad.exe">, после того как удалял лишний мусор после Netscape Composer. :)
С гордостью вставлял в head <meta name="generator" content="Notepad.exe">, после того как удалял лишний мусор после Netscape Composer. :)
А как же фреймы? Фреймы забыли! А какие замечательные фреймы были в 90-ых!
Первый заказ на сайт который я получил в 1999-м содержал требование о двух версиях сайта: под Mosaic и под современные (NN4, IE4) браузеры. Пришлось делать, было забавно :)
Если поискать в google тег
<marquee>, то к строчке о количестве результатов «внезапно» будет применяться этот самый тег ;)<blink> поищите =)
Выше было: 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>
Самое печальное, что многое из всего этого до сих пор используется при вёрстке email…
Специфика. Почтовых клиентов в самом различном окружении куча, нужно выбирать минимальное подмножество фич, которые поддерживаются подавляющим большинством.
По-другому, смотреться письмо одинаково на всех устройствах и браузерах не будет. И верстка там на таблицах преимущественно, потому что их все понимают. И все классы css не распознаются, а пишутся инлайн в теги. Мыло недалеко шагнуло с тех времен. Сейчас пишу как раз такой редактор, то еще удовольствие. Благо люди придумали, да и сам написал кучу всего, чтобы делать письмо-страницу в привычном формате, а оно потом само, автоматически, назад в 90-е.
Ностальгия, табличечки… Кстати к нам это все пришло позже и было актуальным и в начале 00-х
Помню как меня удивила особая магия — таблица с ячейками в 1px, хитрый яваскрипт и в результате эдакая совсем неторопливая реализация нынешнего canvas.
А fronpage`ом у нас вроде не любили пользоваться, больше сохраняли ворд документы как веб страницу :)
Помню как меня удивила особая магия — таблица с ячейками в 1px, хитрый яваскрипт и в результате эдакая совсем неторопливая реализация нынешнего canvas.
А fronpage`ом у нас вроде не любили пользоваться, больше сохраняли ворд документы как веб страницу :)
Сайт из примечания переводчика — жалкая подделка! Там все сделано div-ами!!!
Спасибо за перевод!
Сейчас действительно всё это очень весело вспоминать — мигающие заголовки, бегущие строки, анимированные гифы в диких количествах, теги, набранные исключительно капсом, и так далее. Но я помню, какой библией для меня был справочник по html 3.2 в 1998 году — волшебная книга! :)
Сейчас действительно всё это очень весело вспоминать — мигающие заголовки, бегущие строки, анимированные гифы в диких количествах, теги, набранные исключительно капсом, и так далее. Но я помню, какой библией для меня был справочник по html 3.2 в 1998 году — волшебная книга! :)
Картинка Артемия Лебедева в поддержку Any Browser Campaign. Предположительно,
Еще одним важным аттрибутом была бегущая строка в статус-баре… Где он сейчас… статус-бар…
А если в веб-чат (дырявый ессно) загнать тэг 
, то народ реально верил что все их компы уже взломаны )
, то народ реально верил что все их компы уже взломаны )Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Только разработчики 90-х помнят это