Pull to refresh

Comments 188

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

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

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 файлы которые нельзя было остановить
Для этого обычно пихали <bgsound>
Почему нельзя? Я выключал колонки, если музыка не нравилась.
А если у меня своя музыка играет? Нет, сейчас то клёво, можно по отдельным приложениям громкостью управлять. А тогда?
Зачем вам своя? Вам автор сайта ясно дает понять, под какую музыку нужно просматривать его творение.
Возможно вы имеете в виду HTML+TIME (позднее — XHTML+SMIL), попытку скрестить SMIL с HTML, очень крутую, но так и не ставшую популярной (на всем Хабре я нашел только 11 упоминаний).
Там ещё можно было программировать пуск при наведении мыши. Без JS!
Сразу скажу, что Холман слегка издевается — например, называя DHTML не «динамическим» HTML, а «распределённым».
И &ampnbsp; не забыт сегодня. Пусть мы и не делаем им больше отступов, но используем «неразрывный пробел» по назначению.
Я раньше им абзацы выделял :)
Ожидал услышать что-то типа «text-indent».
Когда писал вопрос, вдруг вспомнил об этом свойстве, но также и то, что не применял его уже несколько лет.
Вы сами ответили на свой вопрос :)
«text-indent», конечно же.
Им и сейчас можно отступы в select'ах делать :)
UFO just landed and posted this here
Это еще на редите обсуждали. Автор просто не мог все это видеть и использовать сам.
Видимо, он откуда-то понавыдирал отдельных особенностей веб разработки девяностых и слепил в статью.
А тут ее еще и криво перевели…
Ну уж не знаю. Я 91 года, и всё это видел и помню прекрасно. Сайты с дизайном 90-х то никуда не девались еще очень долго время…
Автор как археолог. Древнего Египта он своими глазами не видел. Но воссоздал картину по сохранившимся развалинам и древним манускриптам.
Ду ну нафиг. Я 90го года. В детстве, конечно, ничем таким не занимался, в смысле профессионально, но игрался с этим однозначно, книга по HTML была.
мне кажется, или у поста поехала верстка? О_о
как минимум нужно проверить все &lt и &gt
Почему кнопка не нажимается? Как я теперь скачаю Internet Explorer?!
Незаслуженно забыты ГИГАНТСКИЕ БОРДЮРЫ borders=all.
Я пару месяцев назад делал знакомой, учащейся в СПбГПУ, курсовик — сайт. Так в задании прямым текстом — обязательно наличие бегущей строки, реализованной с помощью тега marquee! Я был в шоке. А вы говорите 90-е…
А курсовик был по истории древнего мира? ))
Отнюдь, господа! Сам, заканчивая колледж, писал реферат по (обратите внимание на гордое название предмета) «Технологии разработки программных продуктов»: с табличной версткой, атрибутами тегов и прочими прелестями вебъодиннольной жизни (я-таки не поддался на провокацию и делал все по текущим стандартам, за что и была занижена оценка).
Я вот закончил этот универ и, признаться, ни разу не видел этого сайта. Вот нормальный сайт университета www.spbstu.ru/, а что там понаделали для внутренних нужд и\или сторонние организации не все ли равно. К слову у МГУ тоже тот еще музей с сайтами факультетов и НИИ.
UFO just landed and posted this here
Я всё это делал и считаю, что золотое было время!
Учитывая, что frontpage/dreamweaver были для нубов, а dhtml и css в блакнотике для настоящих гуру.
А сколько было холиваров на тему, что лучше dreamweaver или блокнот. И я там тоже сражался, не стану говорить на чьей стороне ))
А мне нравился Dreamweaver своим сплит-режимом — можно было писать чистый код в редакторе и сразу видеть результат, и никаких live reload не нужно было! Потом я долго им пользовался для перевода вордовских таблиц в HTML — достаточно легко и быстро можно было получить чистый код. А сейчас в редакторах использую раскраску кода под Dreamweaver :)
Я до сих пор делаю почти то же самое, только в Firefox/Firebug.
Помню как делал сначала страницы на вкладке дизайн, а потом открывал код и убирал «лишние» детали, которые сгенерил Dreamweaver :)
Ребята! Только MS FRONTPAGE! Жили зазря:)
А «Save as html» в MS Office Publisher выдавал прелестные страницы с текстом в пару мегабайт…
Save as html — это вообще первый сексуальный опыт разработчиков того времени (мой тоже).
Только far manager, только хардкор!
Многие наверняка помнят как минимум 3 ссылки на разные версии кодировки — koi8, windows, dos =))
Это было что-то.
Сейчас. слава богу, от этого избавились, а ведь тогда этим пестрили почти все сайты.

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

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

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

И над «реалистичной» тенью с помощью 3-х классов.
И над “.clearfix”.
А еще над вертикальным выравниванием текста с помощью display: table-cell.
Над тем, как нам присылали макеты с не-normal-смешанными слоями, а мы злились))
И над мегакрутым плиточным интерфейсом у сайтов.
А я вот тут неосторожно загуглил тег marquee, и тут просто подвис от необычной выдачи гугла. Не перестают удивлять! Я ведь тоже его использовал, но уже позабыл об этом.
Эх… В выдаче гугла бегущая строка сделана через двигающиеся дивы, а не через marquee.
Не оригинал, подделка! ))
Притом не работает в Файерфоксе. (Во всяком случае, с моим набором расширений.)
Но сделано это почему-то через -animation.
Маловат список — дополню первым, что вспомнилось.
Анимированные гифы и редакторы для их создания;
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! До сих пор аж передергивает, когда встречаю его на некоторых страницах Лурки.
А у нас есть в фирме сотрудник (к счастью далекий от разработки), который им письма пишет.
Вот, вот вы мне и объясните, чем же он так плох и ужасен? =)
Ну пусть меня минусуют, но не вижу ничего ужасного в использовании Comic Sans, да даже статья на лурке читается не чуть ни хуже, статей на хабре =D
Минусить не собираюсь, как и спорить о вкусовых предпочтениях. Но вот читать много текста написанного подобным «прыгающим» шрифтом я бы точно отказался. Причем, дело не в «комиксовости», есть другие подобные шрифты, которые при этом выполнены более продуманно, и читать текст набранный ими намного приятнее, например, BrushType.
Завидую вам. Вас и «не чуть ни хуже, статей» читать не парит.
XKCD на похожую тему
Да-а… спать все же надо =(
В смысле редактор? Я всегда использовал imageready!
Программы для редактирования гифов существовали еще до image ready. И были они, насколько я помню, совершенно бесплатны, в отличие от.
В 2000 году у меня не было денег и возможности купить IR, даже за $75 которые она тогда стоила, так что это различие в 12 лет несущественно :)
У меня в 2000 году был ImageReady, Фотошоп и куча других аудио-и-графических- редакторов. Все на одном диске и ни про какие $75 я тогда слыхом не слыхал…
Вот и я о том же, я только году в 2002-м узнал, что за рубежом программы стоят значительно дороже диска с базара…

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

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

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

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


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

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

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

DreamWeaver
Fireworks
Photoshop


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

Нам, пользователям Netscape 4 было не до шуток
Суперский редактор Macromedia Homesite, варварски прихлопнутый Adobe-ом!
Суперский редактор Allaire Homesite, испоганенный Macromedia!
Ох ты, и правда, а я и забыла про Allaire. Но макромедиевский вариант все же остался вполне юзабельным.
Macromedia вроде бы wysiwyg добавили. И на дискету перестал влезать, что было обидно.
Чем-то похож, но думаю вряд ли.
Я его всё время называл «0.gif», ноль — потому что его как бы нет.
Ну оно бы конечно ничего не ускорило, модемы то сжимали текст неплохо. Но ведь не лень же было писать :)
Ускорило бы :) Модемы сжимали же всю страницу, а частями, а страница, да на таблицах, да красивая, вынуждена была весить куда больше буфера модема )))
К тому же табличка не показывалась пока не загружалась целиком.
А вот это это уже зависело от разработчика.

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

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

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

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

А однопиксельные gif и nbsp; я тоже застала в середине 2000-х, как и inline-css. Уже считалось дурной практикой в те времена, насколько я помню. Но использовалось часто, как и к примеру верстка с помощью таблиц.
Когда на меня наплывает ностальгия по старому интернету и браузеру Netscape Navigator 4 который почему то хорошо запомнился. Я захожу на
archive.org/web/ музей интернета
беру бутылочку пива 0.33
ввожу адреса и поднимаю из глубины души воспоминания
На эту картинку можно было смотреть вечно… image
Программист на HTML это конечно же круто, только кого тогда это волновало? Я в 90х писал на prolog, и неплохо этим зарабатывал, самый продвинутый из моих знакомых-программистов писал вообще на всем что попадалось под руку, и был первым «на деревне» кто начал работать на power builder а потом на самой первой джаве.
Свой первый «сайт» я сделал из нескольких 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.

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

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

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

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

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

Я занялся веб-разработкой в 2009 году, и они еще были живее всех живых ) Почти все это знакомо: 1x1.git, бегущая строка, <blink />, выравнивание с помощью &nbsp; (контент-менеджеры и по сей день пользуются этой методикой). Кстати, бегущую строку я не так давно (может, пару-тройку лет назад) сам поставил на сайт. Заказчики настойчиво требовали, чтобы она там была.
А еще вроде никто не упоминал, что кнопки тогда делали картинками (и текст на них тоже был вписан в картинку), которые менялись по ховеру на другую картинку. При том, что скорость соединения была ужасной (да, если удавалось подключиться на 14 400 — круто!), при наведении на такую кнопку приходилось ждать пока подгрузится ее «ховерный» вариант.
А ещё, о ужас, я помню сайты на narod.ru, которые были сделаны в MS Word с его тоннами CSS и совершенно неудобоваримой вёрсткой. К тому же из него переезжали все эти WordArt с текстом и прочими плюшками… Ностальгия!
Черт! Я делал эти сайты в ворде на 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ОМ!
Эх, золотое было времечко.
С гордостью вставлял в head <meta name="generator" content="Notepad.exe">, после того как удалял лишний мусор после Netscape Composer. :)
UFO just landed and posted this here
А как же фреймы? Фреймы забыли! А какие замечательные фреймы были в 90-ых!
Первый заказ на сайт который я получил в 1999-м содержал требование о двух версиях сайта: под Mosaic и под современные (NN4, IE4) браузеры. Пришлось делать, было забавно :)
Если поискать в google тег <marquee>, то к строчке о количестве результатов «внезапно» будет применяться этот самый тег ;)
Выше было: 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`ом у нас вроде не любили пользоваться, больше сохраняли ворд документы как веб страницу :)
Благодаря хабраэффекту даже скорость загрузки как тогда! Круто!
Спасибо за перевод!

Сейчас действительно всё это очень весело вспоминать — мигающие заголовки, бегущие строки, анимированные гифы в диких количествах, теги, набранные исключительно капсом, и так далее. Но я помню, какой библией для меня был справочник по html 3.2 в 1998 году — волшебная книга! :)
Если бы 2003, в слове «брОузер» был бы логотип оперы:)
Еще одним важным аттрибутом была бегущая строка в статус-баре… Где он сейчас… статус-бар…
А если в веб-чат (дырявый ессно) загнать тэг , то народ реально верил что все их компы уже взломаны )
Sign up to leave a comment.

Articles