Сменил дизайн сайта
Одиннадцатого ноября 2000 года я запустил свой сайт на бесплатном хостинге chat.ru, дизайн его не сохранился, но это к лучшему. В то время я занимался довольно прогрессивным движком чата (обновление без перезагрузки, оптимизация под узкий канал тогдашних
Он предложил мне хостить сайт у себя. Под сайт потребовался более приличный дизайн и мне его сделала дизайнер Наталия Морозова. Сейчас тот дизайн не выглядит дизайном, но тогда большинство сайтов выглядело похоже.
В октябре блог полностью замещает сайт и становится основным его содержимым. В августе 2004 года я делаю дизайн, который просуществовал более шести лет. Столько же просуществовала и вёрстка, с небольшими изменениями. Месяц назад моему сайту исполнилось 10 лет. Я планировал к этому времени выложить новый дизайн сайта Теперь всё готово. Старые материалы я пока не сконвертировал, но буду работать над этим в будущем. Возможно, Читать эту историю полностью
Комментарии 57
Здорово, но предыдущий дизайн как то лаконичнее…
ЗЫ: да вы, батенька, «извращенец» — сидел и думал, неужто он фреймами заделал скроллинг… а оказалось он float+position врубил :)
Спасибо! :)
Ну уж нет :) Хотя ничего криминального фреймах не вижу :)
я помню все версии дизайна, обожемой!
Старожил детектед! :)
Пока что предыдущий нравился больше.
Шрифты — может быть. А полосочки он просто боится убрать :) Не нужны они :)
Это пока :)
в старых постах ссылки из камментов кривые:
http://http//anecarchive.ru/pro-rodstvenni …
дублируется http://
Комментарий дляxd-ru.ya.ru:
Это всегда так, кажется, что предыдущий был лучше, по себе знаю, когда сайты меняют дизайн, никогда не кажется, что стало лучше :)
Это всего лишь информационный дизайн :)
Поправил, что нашли (Линукс буду на работе смотреть). Сам нашёл один баг, но поправлю попозже, он неприятный, но не фатальный.
А дизайн сильно похож, потому что Илья сделал хороший дизайн для блогов.
Вот сразу багрепорт: http://dl.dropbox.com/u/561956/bolk.png
Если
Ага, спасибо! Про кнопку тоже
https://photos-1.dropbox.com/i/xl/HrvVfiex … 00/cbfd570
Я разобрался в чём дело: я обновил стили, а на клиентах они закешировались. В общем, поправил.
А подробнее?
дизайн шикарный. дико непривычен, но удобен сразу же. очень нравится.
Про дизайн с рюшечками и картинками: я не за них — в старой их небыло совсем, но было видно дизайн.
Минималистичный дизайн требует не меньше усилий чем с картинками. Не хочу обижать, но текущий дизайн упорно выглядит как будто css файл не подгрузился.
По поводу шрифтов — убери Trebushet в стилях :) Просто реально сравни как красиво у того же бирмана смотрятся шрифты. А тут топорненько, глаз режет. Также италик в заголовках камментов тоже не очень. Хотя я не дизайнер и ни черта не разбираюсь, чисто по ощущениям.
Имхо, он очень удобный. Максимальная цель дизайна достигнута.
Комментарий для alexei:
Минималистичный дизайн требует не меньше усилий чем с картинками. Не хочу обижать, но текущий дизайн упорно выглядит как будто css файл не подгрузился.
У нас разные идеалы дизайна :)
Описана мной в http://trifler.ru/blog/comment_1287912798.html
Еще один ресурс в коллекцию курьезов, где разметка выполнена на основе position:fixed; :)
Можете рассказать что не так? А то я не вижу. Лучше со скриншотом.
Можно и скриншот — http://trifler.ru/blog/i/image/web_06.png
Наглядно показывает проблемы использования position:fixed;
при изменении размеров рабочей области окна браузера по горизонтали,
с появлением горизонтальной прокрутки и попытками ею поиграться :)
Попытка скомпенсировать негативную составляющую подобного рода разметки,
а именно запас пустого пространства справа, чуть все скрашивает,
но если отодвинуть разметку от левой части окна браузера, то будет еще хуже :)
Вот и приходится выбирать или использовать разметку страницы с position:fixed
с описанной проблемой, или искать альтернативу, где есть свои нюансы, либо вообще
не использовать фиксированные блоки (колонки) на
В качестве примера разметка на абсолютном позиционировании http://trifler.ru/blog/i/layouts/fixed/fix_left.htm
Это IE 6? Я не поддерживают IE до
А вот с шириной комментариев
Баг с шириной комментов поправил.
Комментарий для Евгения Степанищева:
Скриншот снят в IE8
Но посмотрим скриншоты снятые в:
Google Chrome — http://trifler.ru/blog/i/image/web_07.png
OPERA — http://trifler.ru/blog/i/image/web_08.png
Меню, которое по идее, всегда должно быть доступно отсутствует
и наличие фиксированой колонки теряет всякий смысл :)
Обратите внимание на положение горизонтальной прокрутки.
А поддержка того или иного браузера — воля автора ресурса :)
Комментарий для http://trifler.ru/blog/:
Я было не хотел его поддерживать, в связи со скорым выходом IE9, но вспомнил, что есть пользователи XP, где IE9 не будет. Надочто-то придумать.
Наверх промотайте.
Горизонтальная прокрутка там, потому что у моего сайта есть минимальная ширина, обусловленная шириной картинок, которые я использую в материалах.
Думаю, при использовании position:fixed, проблемы останутся.
Меню из фиксированной колонки становится горизонтальным и уходит в шапку сайта
и, чтобы до него добраться, мотать страницу назад, какой в этом смысл,
если меню должно быть всегда доступно, ведь в этом и состоит главная идея вашей разметки,
не так ли?
Комментарий для http://trifler.ru/blog/:
Проблемы возникаютиз-за того, что IE8 почти ничего не умеет из media queries. Возможно, придётся эмулировать скриптом.
и, чтобы до него добраться, мотать страницу назад, какой в этом смысл,
если меню должно быть всегда доступно, ведь в этом и состоит главная идея вашей разметки,
не так ли?
Нет, конечно. Просто есть два вида сайта: для небольшого окна и для широкого. Это нормальная практика, привыкайте.
он вправе предположить, что при изменении размеров окна браузера,
оно останется на месте.
А кульбиты оного…
Является ли это хорошой практикой, вопрос спорный :)
Комментарий для http://trifler.ru/blog/:
Что ж, он ошибётся. Надеюсь, это будет самой сильной ошибкой в этой жизни.
Совершенно нет. Мне очевидно, что сайты не обязаны смотреться одинаково при разных разрешениях экрана.
Комментарий для Евгения Степанищева:
А может быть ошибается автор ресурса :)
С каких пор разрешение экрана монитора и простое уменьшение размеров окна
общем-то, не проблема, речь идет только о корректной верстке, надо решать.
браузера по вертикали и горизонтали, при оценке визуала сайта, стало равнозначным? :)
В любом случае, проблему просмотра страниц ресурса, при различных размерах окна браузера,
хотя бы в IE8, если более ранние версии не поддерживаются принципиально,
что, в
Еще один пример — http://trifler.ru/blog/i/layouts/fixed/fix … ontent.htm
Довести его до кондиции, а он дан в редакции двух годичной давности, собственно не проблема.
Работает во всех популярных брайзерах, включая и IE6(7,8)
Комментарий для http://trifler.ru/blog/:
Автор ресурса точно знает как всё работает :)
Для сайта это одно и тоже. Какая разница сайту каковы размеры монитора? Что вообще это меняет? А вот размеры окна, конечно же, сказываются на том как сайт смотрится.
Посмотрите что я несколькими комментариями выше написал: «я было не хотел его (IE8) поддерживать, в связи со скорым выходом IE9, но вспомнил, что есть пользователи XP, где IE9 не будет. Надочто-то придумать».
Кстати, моя вёрстка полностью корректна.
Не работает в моей «Опере» 11, не работает в моём «Хроме» 10. Появляется горизонтальная прокрутка.
какой-то JavaScript.
Я уже написал, что подумаю что можно сделать в IE8. Вероятно, это будет
Комментарий для Евгения Степанищева:
Только вот пользователю об этом неведомо :)
А без него никак? :)web-стандартов :)
Думаю, в этом случае навлекете на себя гнев апологетов
А она и должна появляться при уменьшении размеров окна браузера.
min/max-width имеется, и практически находится по центру рабочей области браузера, что плюс.min/max-width для IE6.
Разметка адаптирована под разрешение 1024*768, на разрешениях ниже, скажем — 800*600
горизонтальная прокрутка будет присуствовать сразу.
В предложенной по линку разметке, страница ведет себя вполне предсказуемо,
Все только на чистом html и css, за исключением эмуляции
Единственно, при нахождении курсора мыши над фиксированной колонкой,
страница не прокручивается по вертикали, это минус :)
Комментарий для http://trifler.ru/blog/:
Стоит один раз попробовать.
Никак, конечно. IE8 не поддерживает всего необходимого. По нынешним временам это очень слабый браузер.
В общем, я не собираюсь ничего менять, за исключением того, что постараюсь сделать поддержку IE8 через JS. Возможно и готовые библиотеки есть.
Хозяин — барин :)
Очень жаль, что IE9 не будет в XP. У пользователь XP есть другой выход — Google Chrome Frame.
Комментарий для Евгения Степанищева:
Очень клевая идея убирать боковое меню при уменьшении ширины окна. Онотоле одобряе!