Комментарии 73
А как же табличная верстка? А как же создание отступов с помощью 0.gif?
Это надо в статью “Как верстали 25 лет назад”.
Табличная верстка уже в 2009 считалась моветоном, ты не труЪ хакер если у тебя не дивы на сайте. А ещё XHTML конечно же, иначе не круто.
О, spacer.gif – та самая невидимая распорка на 43 байта, которой задавали и отступы, и минимальную высоту ячейки, чтобы она не схлопывалась. Сверху – вложенные таблицы в три-четыре уровня, потому что одна раскладку целиком не держала. Причём Photoshop через "Save for Web" сам нарезал макет в таблицу, так что скелет из ячеек верстальщику иногда доставался уже готовым.
Ещё кроссбраузерную пиксель-перфект вёрстку вспомните в эпоху всяких нетскейпов, ие и опер... А ещё png может не прозрачным быть. А ещё... а ещё...
кстати с помощью .vbs скрипта даже на win 11 можно открыть ie
CreateObject("InternetExplorer.Application").Visible=trueСкрытый текст
После таких материалов еще сильнее раздражают компании, которые годами заставляют поддерживать древние браузеры
Это всегда про 6 осла было. И 15 лет назад.
Их очень легко поддерживать. Просто не надо гоняться за выдумкой и химерой, писать обычный линейный документ, а меню делать в виде списка.
Во времена живого осла поддержка websocket была огромной проблемой, так что нет, не легко. Нарисовать ту же вёрстку - может быть, но функционально огромное количество проблем возникало на ровном месте.
Да даже JS: можно было только облизваться на новые конструкции и продолжать городить вместо indexOf какие-то километры воркэраундов. Да и с “линейным документом” я категорически не согласен: ie6 отличался не только устарелостью, но и изрядной забагованностью. Все баги хорошо изучены вдоль и поперёк, но поддержка ie всегда требовала множества костылей. Ну если это, конечно, не просто набор каких-нибудь статей, отображаемых в режиме read only, а полноценный сайт с среднестатистическими задачами. Плюс: вот для кого времена “живого осла” давно позади? Я вот не сказал бы, что так уж давно с ним распрощались. Даже после окончания поддержки Windows XP ещё длительное время какая-то доля странных пользователей ie всё ещё находилась. Помимо XP ещё некоторое время официально поддерживавлась embedding версия ОС на том же ядре всё с тем же ослом. Поэтому политика некоторых крупных компаний требовала продолжать поддерживать совместимость.
Мне благо приходилось только с 8-11 в поддержке иметь. Edge тогда только-только в беты появился. Если верить statcounter то IE умер в ковидные времена - примерно в 2020 большинство перестало его поддерживать на своих сайтах и теперь оно крутится в основном на легаси системах. Но и для них EoL обозначен 2032 годом.
Вы не сталкивались с госсектором и военными. Когда вам дают новые ноутбуки 2008 года на Vista вы проклянёте верстальщиков под последний Chromе и будете судорожно искать и ставить совместимый браузер (о, погуглил и вспомнил, Supermium) на передовой. Хотя есть продукты, у которых web-морда открывается и из-под XP.
Возможно, эти компании смотрят в статистику посещаемости и понимают, что отсекут значимое количество пользователей, убрав эту поддержку? Тем более, для этих браузеров давно никто не требует стопроцентной поддержки всех фич, достаточно предоставления базовой функциональности и общего следования гайдлайнам корпоративного стиля.
Это про web-сайты - страницы конфигурирования всяких маршрутизаторов, телефонов, АТС-PBX, шлюзов и прочее прочее. Особенно удручает способность одних писать красивые страницы для конфигурирования, которые открываются из-под Win7-XP на IE, MC BC 3.0 Клиент КГОД, Konqueror и прочее древнее, а отдельные производители под похожее железо (да скажу прямо - Линтех) подавай последнюю версию Chrome под 1920х1080 и не менее. Просто руки опускаются и хочется больно бить таких разрабов.
Konqueror... Аж олдскулы свело!
Может, те разрабы просто ничего иного в жизни уже и не встречали, кроме хрома, вот и не задумываются о таких вещах. А насчёт статистики — это пример из жизни, кстати. Доводилось принимать участие в подобных обсуждениях, где на одной чаше весов лежит неизбежный ежемесячный лишний человеко-месяц страданий команды для реализации поддержки старых браузеров, а на другой — десятки тысяч пользователей, каждый со своими обстоятельствами, для которых отказ от этой поддержки будет означать ухудшение качества жизни через невозможность пользования сервисом. На большой пользовательской базе очень чётко такое понимается.
Что значит 15 лет назад? Я так до сих пор верстаю
Зато работало быстрее. А верстка 90х ещё быстрее
Только из-за отсутствия вложенных flex и grid, которые реально сложно обсчитать (всё зависит от всего, а иногда и вовсе результат не детерминирован и размеры элементов есть только в голове автора, рендер тут бессилен), из-за открытого соединения и из-за малого размера страницы (паджинация использовалась, а не бесконечные ленты комментариев, без подгрузки которых мы уже не считаем, что страница загрузилась). Никакой магии.
Небольшая поправка к статье. Не было тогда фронтендеров, был сплошной фулстак. Половину пишешь на Perl плюс MySQL, половину верстка - в одном лице ))
И да, "табличная верстка" рулила, в фотошопе даже был специальный инструмент для нарезки картинки на кусочки сразу в таблицу.
Вот такие дизайны раньше резал для таблиц ))
О, да. Ещё каждый активный графический элемент - это одна картинка со всеми состояниями и манипуляция background-position при hover/focus/active.
падажжите, а верстальщики? которые ни разу не фуллстек? или это раньше было?
Таких вакансий не много встречалось. Впрочем как и сейчас. Предположу, что это могут себе позволить компании из списка Топ 100 на рынке. Бум мобильной разработки тоже по ощущениям где-то в прошлом, не те объемы работы, чтобы держать в штате во всякой рога-и-копыта отдельных специалистов. Где раньше “нашлёпать форм” требовалось 1000 человекочасов и 40 совещаний, сегодня 10 хватит. Индустря достигла зрелости. Инструменты тоже.
Когда мы начинали в 90 то первые кто начали делать сайты (по крайней мере в моем городе) это дизайнеры которые работали в журналах. Мне кажется поэтому и начали сайты делать красивыми, до этого сайты были похожи на вордовские документы просто.
И сначала сайты и были просто ХТМЛ даже без CSS. Потом потихоньку начали со стилями уже работать. Потом начали появляться форумы и чаты, и мы ринулись осваивать языки не для того чтобы их писать, а хотя-бы смочь запустить у себя и чуть доработать. В итоге когда вошли в 2000 годы, профессия вебмастер включала, что ты сначала сам рисуешь в фотошопе, потом это верстаешь, потом пишешь скрипты и подключаешь базу.
Microsoft FrontPage. Для своего времени был не так уж и плох с точки зрения удобства редактирования статичных страниц и шаблонов, но разметку генерировал избыточную. Во всяком случае работа с ним напоминала настоящий жизненный цикл проекта, а не серию каких-то бессистемных кустарных правок с многократным пересозданием всех ресурсов раз за разом.
(Утёр ностальгическую слезу) FrontPage! Macromedia dreamweaver, всё же был богаче и удобнее.
Для меня до сих пор загадка, как в такие дикие времена у них получались настолько хорошие с точки зрения UI/UX продукты. Да, Flash в плане безопасности имел проблемы, где-то культура разработки хромала (а где-то были вопросы к API), однако, если закрыть на это глаза, то альтернативы с настолько продуманным интерфейсом просто не существовало. И работало это на, мягко скажем, не самом современном на то время железе, просто великолепно. Немногим позже для входа в работу с актуальной анимацией вам пришлось бы уже выложить солидную сумму на железо. И в лучшие времена там всего несколько десятков разработчиков в штате было. Оказавших колоссальное влияние на индустрию.
Да и всяческие их примеры: они настолько классно были выполнены, что глаз радовался. Уж точно выше уровня документации Apple тех лет.
Первая работа в IT была именно флешером (2006 г.). Блин, чего я только не делал, и 3D сайты с навигацией как в FPS шутерах, и динамические сайты с админкой (php) и транспортом данных по XML... Всё было красиво, быстро и грузилось отлично. Но потом Apple сказал всем что флэш это очень плохо и выпили его из своих айфончиков :(
Не было тогда верстальщиков. Уже во второй половине нулевых они гордо звались джумла/фронтпейдж/битрикс/<имя CMS> разработчиками и зачастую умели ровно в одну CMS. А порой и ровно в конкретную версию. И это, зачастую, при нулевых знаниях PHP, который был под капотом.
Спасибо, поплакал.
Начинал с фронтенда, помню как отправил тестовое задание, но перед этим решил минифицировать HTML. И вся верстка поехала из-за того что отступы учитывали перенос строки в HTML-элементах. Это был эпик фейл, а смешнее всего было то что в Хроме не поехало, а в Лисе и ИЕ да. На что меня спросили мол я только в Хроме проверял что-ли типа? А я всё затачивал чтобы даже в ИЕ6 всё прекрасно было... Но на работу тогда всё-равно взяли.
Я на собеседованиях код писал ручкой на бумажках в клеточку (вдруг я допускаю опечатки и всё сломается). В окружении комиссий с бухгалтерами и т.п. Дикие времена.
Такое тоже было. А самое дикое было когда мне предложили сводную таблицу в Excel сделать. Я конечно же не умел. На что мне сказали какой же я тогда программист.
Меня в одной компании спрашивали, знаком ли я с устройством пластиковых окон. Вот так вот с порога. Компания занималась их производством. Вакансия программиста джуна (опыт в пару месяцев, релокация), не конструктора и не технолога. Понятно, что перед собеседованием я из приличия немного изучил информацию о компании (из приличия т.к. в тот момент я нисколько не искал пристанище надолго), но никак не думал, что меня развернут т.к. я не имею опыта ремонта окон.
С одной стороны раньше попадался кривой дизайн под конкретным браузером, а с другой, когда смотришь сколько "весят" современные сайты на которых кот наплакал информации, думаешь, а точно ли нужны "красивости" с таким весом.
Я требую снова увидеть дизайн сайта Муз-ТВ 2000-го года! :D
А ещё для тестирования вёрстки приходилось открывать сразу несколько браузеров. Помню, по началу у меня это был такой комплект: Opera, Firefox, IE6 и IE7. Позже постепенно менялись версии IE. CSS-хаки и прочие костыли... Эх, были же времена...
P.S. Как говорится, олды здесь =)
пробелы с inline-block можно было ещё удалить, комментируя переносы строк, типа так:
<!--
--><div>1</div><!--
--><div>2</div><!--
--><div>3</div><!--
--><div>4</div><!--
-->уродливо, но под генерацию php шаблонов сойдёт
А я помню магию с ифреймами. Псевдо-динамическое обновление страницы. Чатики там всякие.
Ещё IE6 не поддерживал прозрачность PNG, а какой-нибудь GIF добавлял зернистость. Лечилась проблема PNG подключением специального js. Ну и тяжёлые картинки сохранялись в progressive JPG.
Вы так написали, будто не было dreamwaver'а.
С удивлением обнаружил, что Dreamweaver до сих пор жив! Я думал, Adobe его похоронили давно... эх, сколько ностальгии! Macromedia Flash, DW, нарезка на таблички в Adobe Image Ready... и Dreamweaver выжил! А вот Flash (Animate) они всё-таки решили похоронить втихую.Как похоронили прекрасный Adobe Edge Animate до этого. Почему-то в Adobe ненавидят хорошие продукты
А ещё ие5.5 не поддерживал css значение display: inline-block. Но поддерживал элементы <ins> и <del>, которые именно так и работали. Правда, для них приходилось снимать курсив и зачеркивание, ну всё как мы любим
Зашёл почитать, как делали круглые углы через таблицу на 9 ячеек и картинки. А ещё кнопки красивые (на то время) картинками все делали, отрисовывая и нарезая сперва каждый элемент в фотошопе и нарезая на гифки… но потом вспомнил, что это было уже 20-25 лет назад, а не 15, да)
Апчхи, ajax, ни на что не намекаю))
Вы так прикольно пишите, как будто сейчас это не используется. Попробуйте сверстать письмо или сделайте возможность печати по всем правилам. Сразу же столкнетесь и с необходимостью верстать таблицей и с миллионом просто нерешаемых багов.
кста, было много вакансий в стиле нужен верстка для писем. Сейчас видимо даже в этом полагаются на ИИшку. Знаю что есть ui kit и даже специальные фреймворки для этого говна, славу богу я всего пару раз работал с шаблонами для писем. Интересно письма и через 40 лет будут также фигово поддерживаться
Всё из-за желания поддержки старого Outlook только. Притом доля пользователей, которые откуда-то его умудряются откопать, неизменна. Кто-то ещё The bat пользуется, но, насколько мне известно, он тоже давно умеет рендерить современную разметку (только стили нужно поставлять inline).
а нет поддержки у старого аутлука, он тупо никуда не коннектится, потому что везде современный TLS на входе, в который он не умеет. Ну, у меня был честно куплен аутлук 2013, что-ли, который полностью устраивал по функционалу, так вот пришлось закапывать по этой причине. Первым взбрыкнул гмейл, потом почти сразу все остальные емейл-провайдеры.
А вот книги и газеты 15 лет назад верстали в Adobe Indesign, и вероятно делают это в нем до сих пор. Грустно, что про профессию верстальщика печатных изданий в контексте IT уже даже не вспоминают, хотя лет тридцать назад это был передний край компьютерных технологий.
Зашёл почитать про что-то такое:
Скрытый текст
зашел чтобы понастольгировать. Помню как еще студентом 2го курса бакалавриата работал на парт-тайм в веб студии. Верстал с pdf (шаблоны в Photoshop). Тогда было весело все ручками измерять, прописывать, проверять во всех браузерах
А ещё помните, когда кнопку нужно с закруглёнными углами, а border-round ещё не изобрели?
А что за книга-то? Дубакова, Седерхольма или кто-то еще кого я забыл?
А ещё 15 лет назад тексты писали сами люди, а не нейросети, и их можно было читать без мысли "Господи какая же унылая тоскливая генерация которая убивает даже хорошую тему"
Помню как году в 2010 или в 2011 взял колым - сверстать сайт. Как оказалось верстка должны была быть типа адаптивной (такого понятия еще не знал, но суть в том что не фиксированной ширины, а тянуться под любые мониторы). А у меня на съемной квартире был только мой старый монитор с макс. разрешением 1024х768. Вот это челлендж был, практически верстка вслепую. Да еще и естественно кросс-браузерная.
Когда я начинал свой путь в веб-дизайне в 1998 году, верстка была в чистом HTMLе в Блокноте. Помню писал скрипты, которые чистили текст от всяческого форматирования, оставляя только курсив, жирный и т.п. Очень гордился, что скрипт делал файл в три раза меньше, не 6 Кб, 2 Кб.
Как верстали 15 лет назад