Как стать автором
Обновить

Комментарии 269

НЛО прилетело и опубликовало эту надпись здесь
Я бы увеличил межстрочный интервал у основного текста.
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
ну, ваш комментарий как бы и не виден по умолчанию. поэтому ИМХО не совсем корректно обвинять автора поста в невыполнении гарантий. хотя вопрос спорный, да :)
С такими талантами, шел бы лучше в Microsoft работать, IE тестировать на соответствие стандартам.
НЛО прилетело и опубликовало эту надпись здесь
Похоже, Колобку посмотреть профиль sandycat импонирует стиль линчевания Сами-Знаете-Кого. :)
НЛО прилетело и опубликовало эту надпись здесь
ну а какая разница, если возражения вполне себе верные. конечно, про "стадию разработку" и "побробнее" — это чушь.
НЛО прилетело и опубликовало эту надпись здесь
На самом деле, самое важное у вас — в таблицах. А именно их оформление хромает больше всего, и с этим сложно что-то сделать при вашем количестве столбцов. Попробуйте отказаться от таблиц в пользу последовательного описания элементов.
Домик на Новорижском 840 кв.м. за 2 млн рублей - я бы взял 8))
У вас в шапке таблицы таблице "цена (руб.)", а когда открываешь страницу - оказывается, это 2,000,000 у.е. 8)
И к слову о типографике - суммы у вас в основном семизначные, неплохо бы разделять разряды по правилам, описанным Heath тут: http://habrahabr.ru/blog/typography/4113…
О мопеде Контент конечно "без комментариев", но хотелось бы услышать отзывы по удобству пользования.
Во-первых, не приложилась ссылка. Во-вторых, НПДД по типографике. :) По удобству пользования пишите в Хабрапорку.
Отличная идея, по-моему.
Для журнала, который я делаю, особенно актуально.
Взгляни, пожалуйста: http://free-sight.ru/.
НЛО прилетело и опубликовало эту надпись здесь
1. Немного увеличить интерлиньяж (межстрочное расстояние) в текстах.
2. Проблема не в том, что мелкий текст не должен быть с засечками, это неправда. :) Проблема в том, что а) нет чёткой разницы в размере шрифтов заголовков, подзаголовков и текста и б) слишком перемешаны шрифты с засечками и без.

По пункту два, я бы увеличил кегль заголовков, и одним и тем же шрифтом с засечками, чёрного цвета (но разного размера) оформил заголовок и подзаголовок. Имя автора и текст сделал бы шрифтом без засечек, одинакового кегля, цвета оставить какие есть. Между размерами заголовка, подзаголовка и текста должен быть более чёткий контраст.
НЛО прилетело и опубликовало эту надпись здесь
И ещё, в тексте статей слишком длинные строки на 1280 
Чёрт, забыл, что Хабр прожорливый. :)
Слишком длинные строки на разрешении 1280 × 1024. Ширину колонки основного текста лучше задать в em’ах, а не в пикселях.
В ex’ах. Для ширины лучше подходят эксы.
Почему это? Ex задаёт высоту строчных, как это применимо для ширины? :)
«Х» не всегда квадратен. Впрочем, особого значения это не имеет — ширину колонки важно держать в определённых границах для комфортного чтения. А «с точностью до лаптя» нет особой разницы, как ширину подбирать — в em или в ex. Я предпочитаю пользоваться только em — это упрощает расчёт пропорций и относительных размеров.
Если известно, что оптимальная ширина колонки текста 60 символов, то сразу можно задавать width: 60ex.

Если известно, что высота блока должна быть такой, чтобы вмещать 5 строк текста, то можно задавать height: 5em.

Использовать em в первом случае и ex — во втором не так удобно.
Нельзя. Во-первых, средний символ латиницы у́же среднего символа кириллицы. Во-вторых, и ширина среднего символа латиницы, и среднего символа кириллицы зависит от шрифта и не равняется шрифтонезависимо ни в точности ex с каким-либо множителем, ни в точности em с каким-либо множителем.

Сделай локально HTML-файл с DIV’ом шириной в 60 ех, и вставь туда lorem ipsum и какой-нибудь русский текст. В Times New Roman латинские строки будут иметь длину 65—72 символа, а русские — в среднем на 10-12 меньше, кириллица — значительно шире. В Tahoma показатели будут другими.
Сделал p с шириной 60ex. Вставил этот твой комментарий. Подсчитал в одной из строк: 58 символов.
Впрочем, разумеется, для чистого эксперимента нужно провести исследования в разных кеглях, разных гарнитурах… Но на моей практике приравнивать ex ширине буквы обычно вполне уместно.
У меня получилось 564 символа на 10 полных строк, в среднем — 56,4. В латинице посчитал точнее, получилось 65,5.

Я же и говорю, ex вполне себе примерно равен средней ширине символа, но это «примерно» сильно зависит от шрифта и от текста, и может отличаться в любую сторону. Но зато если тебе необходимо соблюсти пропорции ширины колонок, интерлиньяжа и высоты некоторых блоков (что часто бывает), то уместнее всё задавать в одних единицах измерения.
Тетрадка
К сожалению заниматься им пока некогда. Есть 2 нераеализованных идеи, но к типографике они имеют мало отношения.
Спасибо.
НЛО прилетело и опубликовало эту надпись здесь
Ну вот как раз одной из идей и является перелистывание :)
Был сначала italic, но не везде он смотрится читабельно (вообще хоть как-то читабельно даже на более-менее крупных шрифтах). Поэтому пока ничего не придумал...
Кхм. Как улучшить, я даже не знаю. Дело в том, что идея переноса тетрадки на веб в чистом виде не срабатывает и сработать не может. Разве что, на флеше. :) Я меняю размер шрифта, и текст на главной съезжает с линеек. Сам текст внутри не всегда написан ровно в клеточках — это, кстати, можно поправить на стандартном размере шрифта с помощью изменения интерлиньяжа и межабзацных отступов.

Внутри тетрадки также нужно вставить как минимум пробелы между номерами страниц, потому что я не сразу догнал, что подчёркнутое число «123456» — это навигация по страницам.

И не пишите длинные записи — вы хоть раз видели тетрадь с прокруткой? :)
В связи с этой проблемой, и собственно проблемой сглаживания italic, есть авантюрная идея - сделать шрифт картинками :) просто написать собственным почерком.
Тогда можн убить сразу всех зайцев, т.е. переносить текст на следующую страницу, заранее зная сколько там где его входит. И идея эта не выходит у меня из головы.
Это очень плохо, потому что абсолютно неюзабельно. Скопировать текст не удастся, например. Оставьте шрифт с засечками, просто поработайте ещё над деталями. Сама идея слишком тяжела в воплощении, потому что сайт — не бумага. Как ваш сайт будет смотреться при ширине экрана в 1900?
Можно сделать чтобы можно было скопировать. Смотерться будет почти как любой сайт фиксированной ширины. Хочу добавить со временем всякого функционального мусора вокруг.
Но согласен что нужно все делать очень тщательно и 10 раз подумать. Поэтому собственно и спрашиваю. И может быть действительно это тупиковая идея. Но на флэше я точно делать не буду. Хотя там можно даже анимировать "листание". Может быть я придумаю как сделать масштабирование, вобщем в поиске :) Сенкс.
НЛО прилетело и опубликовало эту надпись здесь
Уже есть, туда никто не пишет, как полковнику. :)

Тем более, это экспериментальный НПДД, и только типографический.
Полковник НПДД.

Звучит.
http://www.taiursky.com/
одна из свободно доступных тем для вордпресса, интересует что можно улучшить или заменить на какую-либо другую тему)
Пока руки не доходят писать что-то постоянно, так что статей там толком нет.
Унылая схема, очень малоконтрастная. Хорошо бы сделать посветлее фон. Убрать точки в заголовках, они там не нужны. Я бы ещё и полосу под заголовками убрал, достаточно выделения кеглем шрифта. Увеличил бы чуть-чуть отступ заголовка от верхней белой линии обрамляющей запись границы.

В колонках справа нужно увеличить расстояние между пунктами списка, оставив в неприкосновенности межстрочное расстояние внутри самих пунктов.
Спасибо за обьективный ответ, попробуем исправить
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Всё стандартно, но чистенько и симпатично. Только я бы слово «Поиск» выровнял по левому краю самой правой колонки, сейчас оно визуально находится левее (FF2), и рвёт вертикальную линию выравнивания. Ещё можно разве что разбить строки после записей типа «Опубликовано 18 мая 2008 года | Теги: Английский, ЕГЭ, экзамен, языки | Категории: Учеба» на несколько строк:

Опубликовано 18 мая 2008 года
Теги: Английский, ЕГЭ, экзамен, языки
Категории: Учеба

Сейчас, когда строчка длинная, «Категории» может остаться на первой строке, а сами категории перенестись на вторую. Когда видишь сайт впервые, это сбивает с толку.

Местами есть ошибки в использовании (точнее, в неиспользовании) неразрывных пробелов, дефисы вместо длинного тире в диапазонах. Судя по наличию традиционных кавычек, символов многоточия и длинных тире, вас беспокоит правильное оформление текста — можно перейти на следующий уровень. :)
НЛО прилетело и опубликовало эту надпись здесь
Если не трудно посмотрите www.rocksochi.ru , было бы приятно послушать у продвинутых людей что сжедать, чтобы было приятнее смотреть.
Чего-то не хватает.
Я как-то в своей комнате поклеил пару плакатов с концерта "Монстры рока Советского Союза" - так что мама боялась заходить :)
* Слишком топорная серая плашка в шапке. Попробуйте её вообще убрать, или сделать темнее основного фона страницы. А логотип можно инвертировать тогда.

* Ссылки чёрного цвета на белом фоне становятся белыми на белом при наведении. Да и не видно, что это ссылка пока курсор не наведёшь.

* Оранжевые звёздочки на сером фоне не видно.

* «0 пользователя и 0 гостя в сети», «11 часа 29 минуты назад» — почему не склоняется?

* Время добавления комментариев бросается в глаза сильнее, чем сами комментарии. Комментарии из-за этого не видно.

* Случайное изображение: название файла вместо изображения.
Спсибо, будем работать!
Мелкий шрифт основного текста, из-за этого строки слишком длинные, для комфортного чтения в строке должно быть около 10 слов. У вас в 2 раза больше! Если вы укоротите текстовые блоки, то из них получатся симпатичные прямоугольники (сейчас это нитки), которые можно будет легко отбить друго от друга по вертикали!
Фраза «RSS feed for comments on this post. TrackBack URI» слиплась из-за уменьшения межбуквенного расстояния!
Спасибо.
Важно ваше мнение, идет разработка...
http://sayda.ru/
Всем ответившим СПАСИБО!
Уфф… Тут много чего. Первое, что бросилось в глаза.
1. О-о-очень мало воздуха. Такое впечатление, что на главную страницу тупо попытались уместить всё, что можно, и побольше, побольше. Это была плохая идея.
2. В текстах в блоке «Новости свадебного мира» заголовок и текст слишком похожи друг на друга. Либо сделайте заголовки больше, либо сделайте более контрастирующими с текстом по цвету.
3. В некоторых блоках выключка текста по ширине, а в некоторых — по левому краю. С такими узкими колонками лучше сделать выключку везде по левому краю.
4. Не нужны двоеточия в заголовках «Ваш аккаунт» и «Поиск по сайту».
5. Ссылки на архивы можно было бы и текстом сделать совершенно безболезненно, а не картинкой.
6. В текстах не согласовано обращение: то «ты», то «Вы». Должно либо везде «ты», либо везде «вы».
7. Кавычки, тире, многоточия.
8. ПИСАТЬ ПРОПИСНЫМИ — ДУРНОЙ ТОН.
Спасибо, будем править!
Хочется больше свободного места.
Местами не очень аккуратно отрисовано (почти везде можно сделать лучше).
Слишком большое количество навигационных стилей.
9. Текст слишком близко к краям страницы расположен.
10. Сильно отличаются стили заголовков у разных блоков.
11. В «Свадебные галереи» и «Свадебный форум» убрать чёрточки-буллиты из ссылок и поменять на нормальные буллиты-кружочки.
12. Есть некоторые корявости с наезжанием текста на текст и отрисовывании закруглённых уголков посреди плашки (смотрю в ФФ).
13. Разные расстояния между колонками. Особенно бросается в глаза дыра посреди страницы. + Вертикальные дыры после некоторых блоков.
Спасибо!
Лучшее сделаем лучше!!!
1. Кнопочка «поиск» в вакуумной упаковочке. :) Хотя, это общая проблема сайта — илишком мелкие элементы интерфейса (кнопки, поля ввода, табы).
2. С языками что-то намудрили. Если сайт англоязычный, то нужно и тексты интерфейса перевести.
3. Слишком выделяются даты в списке новостей.
4. Под заголовком «Old Manga», наверное, стоит убрать полосу.
5. «Bokurano Volume 9 Chapter 48 - Chapter 52» — не хватает разделительных знаков. И тире вместо чёрточки.
Понравилось. :) Текст надо сделать более контрастным цветом — белым, например. И фотографию девушки прикрепить с помощью background-position к верхнему правому углу, а то её при уменьшении окна браузера некрасиво обрезает. Так бы фокус на глазах оставался.
Спасибо, посмеялся :) На самом деле это просто моя страница-заглушка, и в разрешении 1920
блин. 1920x1200 она выглядит замечательно :)
Парсер ест юникод, думает он умнее меня. ЛОЛ.
Закрепите в top right, она везде будет выглядеть замечательно. У девушки красивые глаза, жалко обрезать. :)
Вру, не будет. :) Ладно, хрен с ней, сохранил на винт. :)
Саммер Глау (или Глоу) рулит! Классный сайт :)
О, там еще и текст есть :)
"А еще, я могу убить тебя мыслью" в тайкуновском переводе.
Пожалуйста, прокомментируйте сайт http://wargames.bashtel.ru/
И меня, меня проверьте, пожалуйста. http://ulota.com.ua
Всё хорошо, придраться практически не к чему, кроме пунктуационных ошибок в тексте местами, и совсем редких опечаток («20 000 м² — штукатуркии» на главной).

Тут и тут (и может где-то ещё) в заголовках не нужны двоеточия. Вот тут небольшой косяк.

Вам, в принципе, можно было бы сделать правую колонку так, чтобы базовые линии шрифта были выровнены с базовыми линиями в тексте («вертикальный ритм» так называемый), но это уже опциональные украшательства. И ещё нюанс, что нет единой семантики использования полужирного и курсива. Либо она неочевидна. Это не очень хорошо, выделениями в тексте лучше пользоваться аккуратно.
Спасибо за указания на ошибки, с выделениями получилось на самом деле не ясно, но это поправимо ;-) Еще раз спасибо.
Спасибо за указания на ошибки. А с использованием полужирного и курсива на самом деле косяк вышел, но его можно исправить. Еще раз спасибо.
Просто и симпатично! На пятёрку.
Спасибо за разбор нижней части, некогда точно не знал как правильно ее оформлять, а вы меня прям таки просветили. Большое спасибо за проделанную работу.
Самое главное — верните обратно letter-spacing. Им разумно пользоваться только в очень крупных (уменьшать) или очень мелких (увеличивать) кеглях. А так текст превращается в невнятный частокол.
пасиб, вернул... с какого перепугу я его увеличивал - ума не приложу...
Слишком серо, как Питер зимой ;)
юзабилити, батенька
1. Во всех случаях типа Читать » и Как помочь проекту >>> я бы поставил стрелочки →
2. Между годами в подвале — короткое тире
Ну, против длинного тире в диапазона не имею ничего против. Сам бы поставил короткое из эстетических соображений. :)

Да, и точку между ПитерКульт и годом следует на запятую поменять.
стрелки поменял, спасибо :)
чисто со стороны типографики.
Текст на польсокм так что в принципе понимать его и не надо.
http://www.eastbusiness.pl
http://uploads.screenshot-program.com/up…
http://uploads.screenshot-program.com/up…
Ещё текст на главной лучше бы разбить на более короткие абзацы. Возможно, где-то выделить какие-то списки с пунктами. Я так понимаю, там описания пунктов меню внутренних страниц.
спасибо большое за анализ странички:)
У вас дефис вместо тире, а так очень симпатично. Осталось грамотно сверстать и предусмотреть поведение сайта при изменении размеров окна браузера.
Спасибо! Не думал что все будет так оперативно :)
А с дефисом действительно косяк. Спасибо!
Приятненькая работа. Попробуйте чуть левее заголовок «iSox» переместить, чтоб выступал над текстом. Знак копирайта, по аналогии с конвертиком, можно вынести влево. И лого, чтоб лучше держалось, я бы скомпоновал как-то так:

Спасибо за очень нужные замечания.
Вот ссылка http://sno-grsmu.by.ru/ - Cтуденческое Научное Общество ГрГМУ - ругайте, по головке гладьте. Интересует все :)
Попробуйте ещё раз!
???
очень много «плохо»:
1. Выравнивание текста по ширине, вместо выравнивания по правому краю.
2. Фон под текстом мелкий и рябит.
3. Ссылки не подчёркнуты.
4. Неправильно использована акциденция.
5. Выделение прописными вместо жирного или курсивного написания.
6. Целый абзац выделен жирным в правой колонке.
7. Использован наношрифт в меню и в подвале.
8. Пестрота отвлекает от чтения.
9. Выравнивание тоже пляшет как пьяный сантехник.
10. Ну и шапки не видно, потому что JS в рекламе не работает!
Переделать надо. Посмотрите на эту работу. Да тут нет такого обилия цветов, зато есть гармония.
Спасибо за комментарии :)
Всё супер, но есть небольшие замечания:
Эээээ... Мне кажется, вы немного промахнулись...
:)
Прошу прощения…
Ничего страшного)
К дизайну придираюсь по минимуму, а к типографике…
Спасибо большое :)
Дизайн делался моим другом, передам ему ваши советы.
У вас чёрточки вместо тире и копирайты не по правилам указаны. :)
Содержимое формы авторизации следует выровнять по содержимому главного меню.
Спасибо! Буду исправлять )
www.riverain.ru - сайт моей группы. Мой первый и единственный пока опыт в сайтостроении. Интересна критика не только по типографике.:)
Классический пример самодельного сайта группы играющей что-то готичное и тяжёлое. Ничем не отличается от остальных таких же сайтов. Попробуйте нанять фото-художника на сайте photosight.ru для одной качественной фотки, загримируйтесь и выложите фотку на задний фон. И добавите пару слов о себе, например ссылку на альбом.
Эмм... Ну вообще там слов о нас и так гораздо больше чем пара - возможно вы не все разделы посмотрели?:) Альбом первый особого внимания публики не стоит, а второй - на подходе. Там уже будет и редизайн сайта, при котором учтутся все советы (а они активно собираются). Материалы по сайтостроению читаю очень активно (только вот на php и иже с ними пока не замахиваюсь), и САМЫХ ламерских ошибок (вроде кучи разных шрифтов и градиентов) вроде избежал :) Но хочется большего, потому в равной степени благодарен всем как за конкретные советы, где и что можно улучшить, так и за наводки на то, где наиболее толковую информацию по теме можно найти самостоятельно. Ну кроме общеизвестных кладезей вроде "ководства", разумеется.
Я имел в виду что к большой качественной художественной фотке добавил бы только текст и альбом!
Неплохо для первого опыта.
Между тем, не гиперссылки подчёркивать не нужно. Кавычки тоже страдают.
А что именно не так с кавычками, подскажите? Использование английских вместо русских?
Да.
Можете оценить мой блог, поскольку графической информации мало, а текстовая составляющая весьма важна для меня.
Извиняюсь вот мой сайт: librarian.spb.ru
Мне нравится почти все.
Чуть бы большее расстояние между постами.
И все уехало в разделе Frends.
А скрин можете приложить что и как, у меня в FF3 все нормально отображается там.
Cпасибо, не учел что изза float такое может произойти. спасибо.
Чистый минимализм ;)

Поправил.
Насчет статистики, пожалуй, Вы правы.
Сейчас ещё кое-что узрел:
1. Кавычки руссские: „ “ - лапки и « » - ёлочки.
2. Висят предлоги, если лень вручную делать, можно пропустить через типограф. Если не лень то можно и вручную, раскладки в помощь!
3. Теги слиплись, нужно увеличить левый и правый отступы.

Рад что смог помочь. Мне самому очень нравится то как получилось, удачи ;)
1. С кавычками в принципе получилось сделать, с помощь css. Но в некоторых ситуациях это вызывало падение браузера(Mozilla) + некоторые проблемы с кэшированием, хотя в Opera таких проблем не наблюдалось
2. Что имелось ввиду под "Висят предлоги..."?
3. С тегами после долгого и утомительного копания в коде движка тоже не вышло.
>2. Что имелось ввиду под "Висят предлоги..."?
Предлог в конце строки прибивается к следующему слову с помощью  

т.е. плохо:
Берем мягенькую тряпочку, капаем на потертость чуть-чуть зубной пасты и мягкими и нежными круговыми движениями втираем.

хорошо:
Берем мягенькую тряпочку, капаем на потертость чуть-чуть зубной пасты и мягкими и нежными круговыми движениями втираем.

А не лучше ли вместо:
| Новости | 17 мая 2008 | Комментировать |
обойтись:
Новости | 17 мая 2008 | Комментировать
к чему лишний шум.
Не подумал что после публикации ширина блока будет другой и ничего не понятно будет.

т.е. плохо:
Берем мягенькую тряпочку, капаем НА
потертость чуть-чуть зубной пасты И
мягкими и нежными круговыми движениями
втираем.

хорошо:
Берем мягенькую тряпочку, капаем
НА потертость чуть-чуть зубной пасты
И мягкими и нежными круговыми движениями
втираем.
Цветная ссылка на валидатор выделяется на фоне остальной страницы, мне кажется лучше убрать ее.
Ок, критику понял.
Картинки на W3C еще исправлю. Гимп для подобной оптимизации не очень подходит, к сожалению :(
http://vonnegut.ru - до сих пор не могу придти к окончательному мнению, каким шрифтом лучше указывать разного рода тексты на сайте. Там разные типы шрифтов: названия книг, названия книг ссылкой, ссылки на статьи, английские названия, урлы сайтов, и др.
С одной стороны, хочется отделять одно от другого, с другой - винигрета не хочется :)
Градиент ужасен.

Блок
"Реклама
окна ПВХ для квартир
промышленные пылесосы, профессиональные пылесосы karcher, автохимия"
наезжает на изображение (поможет clear:both).

Лучше использовать такие кавычки: «Вот».
И такое тире:
— Привет. Я — классическое русское тире.

Линки → Ссылки (далеко не все юзатели вашего ресурса аццки хорошие одмины, разбирающиеся в сленге).

Мелочи типа «new» и шарика радуют.
В таком случае, если не можете прийти к окончательному решению, используйте только один шрифт. Допустим, с засечками. А всё отделения делайте размером шрифта и/или цветом. Так будет сложнее сделать каку.
http://www.rikons.ru

(Начинающий в этом деле — чем больше минусов укажете, тем лучше. Спс заранее.)
Скромные комментарии любителя :)

Почему-то ссылку не могу сюда правильно вставить:
http://picbite.com/img/14317zjtpec.jpg
спс
http://avtor.net.ru
один из первых моих проектов, прошел много версий. Прошу любую критику.
Красивый сайт, а из недостатков бы выделил:

1. Правая колонка ("О проекте") и Левая колонка ("Дуэли") находятся на разных уровнях. Надо бы выровнять.

2. Немного удручающе выглядит:
"По итогам конкурсов
18-03-2008, подробнее..."
Возможно стоит писать краткий анонс сообщения и убирать автоматическое "подробнее".
Анонсы были, но решил убрать для экономии места.
Читаю и понимаю, что "Подробнее..." лучше заменить на "Читать новость".

Спасибо за внимание :)
В таком случае просто в принципе «Подробнее» уберите. Заголовок новости и так является ссылкой. Соответственно, ссылку «Новости» на все новости надо оставить одну, а не три.
Повсеместно дефисы вместо тире.
В списке "Правила Avtor.net.ru", "В помощь" (справа) у пунктов не нужны кавычки.
В пункте «Дуэли» что-то странно творится с разделением абзацев, визуально этого деления не происходит.
Извиняюсь за повтор, но видимо из-за того что я не сделал свою ссылку в виде ссылки (тавтология) никто не захотел комментировать :) Уж очень хочется услышать живую критику! WarGames
Прокомментировал:
http://picbite.com/14319tgxwrt/

p.s. прошу прощенья, но чтобы вставлять активные ссылки нужно просто карма >0 или я что-то не так делаю? :)
Теперь должны мочь. :)
Пасиба ^_^ Я так рад что меня заметили!
Рекоммендую его также сделать более живым, немного похож на созданный роботом. Это что касается удобства предоставления информации.

Общие комментарии, в т.ч. в плане типографики:
http://picbite.com/14322eptlds/
http://faceless.align.ru/projectnds/
Скажу спасибо за критику.

П.С.
Верстать не умею совсем, сделал как получилось.В HTML-код лучше не смотреть совсем - там страшно.
Честно скажу, что понял о чем сайт только через пару минут - прочитав заголовок браузера со словами Nintendo. Это дало подсказку о том, что мы видим отсортированный список игр с названием, языков и весом файлов... но скачать нельзя :)

Можно только сортировать и без конца смотреть просто на список игр.

Я не фанат Nintendo, разве что как и все любил Денди в детстве.

Скажите, что это за сайт и зачем он нужен? :)
Домашняя разработка - приложение для учета своей домашней коллекции ROM'ов для Nintendo DS. Ближайший аналог - advanscene.com.
На хостинг выкладывалось с урезанным функционалов, в основном для того, чтобы спросить совета по расширению функционала и улучшению внешнего вида.

Спасибо за замечания =)
Всё хорошо, но нужно padding в клетках таблицы увеличить. В идеале — со всех сторон на несколько пикселей (3—5), чтобы расстояние между текстами разных ячеек увеличилось и по горизонтали, и по вертикали.
В этом случае таблица будет выглядеть довольно жирной и неуклюжей, ИМХО.
А сейчас у вас текст слипается. :) Попробуйте сравнить три варианта: нынешний, с увеличенным на 3px горизонтальным padding в ячейках с текстом и с увеличенным на 3px padding со всех сторон. Второй точно будет лучше первого. Сравните вашу нынешнюю таблицу с The Pirate Bay, например.

P.S. Забыл добавить про неподчёркнутые ссылки!
Спасибо за весьма дельные замечания!
Всегда пожалуйста!
Тоже неплохо. Но вторую строчку названия надо выравнивать по левому краю названия же, а не номера.
Не совсем понимаю смысла этого. Аргументируйте, пожалуйста.
Сравните сами. В варианте справа двустрочное название легче считывается. Происходит это потому, что при чтении чёрного текста серый текст не воспринимается, и глаз, дочитав до конца строки, возвращается к началу первой строки, но ниже. А там уже кусок строки остался слева — глазу приходится двигаться ещё левее, что приводит к задержкам в чтении.

http://antclub.org
Буду очень признателен за полезную критику сайта.
Ух, какой полезный сервис!
Два не дизайнера долго мучались со шрифтами на audioweb.ru, нужен совет.
Будем рады также любым замечаниям по юзабилити.
Получите.
Беда случилась! Хабр похоже съел все картинки с правками дизайнов, которые Вы прикрепляли в пункте неотложных дел. По моему проекту audioweb.ru столько полезного было сказано (9, по моему пунктов).
Сейчас сел писать ТЗ на редизайн, а картинки-то уже нет:( Помню только половину замечаний. Может, где-то сохранились эти картинки?
Это не Хабр съел, а злой GoDaddy:

Dear customers,
GoDaddy has switched us off and removed all PicBite's data (including FTP backups) without any explanations:
... Because of this violation this website cannot be reactivated...
Suspended web sites are removed from Go Daddy's web hosting servers all content is permanently deleted...
As stated in our previous email, the server will not be reactivated. This decision is final, and not up for debate. They even didn't tell us why.
Now we are moving to new servers, please be patient. We'll get back shortly.
Короче, теперь только ждать пока восстановят. :(
Прикольно! А не секрет если, поделитесь ссылкой - как вставить такой гуглопоиск на сайт?
Кстати, по поводу типографики:
Просто банально найдите все «"» на вашем сайте, и замените на «правильные».
Еще внизу, где цифирки «>» — мне кажется грубовато сделано.
Затем, «Новости сайта» сделать так же (с сылкой и стилями), как написано «Новое в Мастер-галерее».
Последнее. Левый блок, где ссылки (видимо продажные) я бы как-то объединил и подписал, например «Реклама».
Картинки едут: например, в новости об обновлении Carrara линия-разделитель находится не под рисунком к новости, в справа от него.
Готово! Там много всего, но сайт понравился. Это ваш сайт?
Ага, начинался как личный проект 5 лет назад! Спасибо за линч, подумаю над замечаниями.
Очень нравится ваш сайт. Объявляю благодарность с занесением в личное дело ;)
Спасибо, приятно!
Заголовки то Verdana то Times (судя по всему Firebug задох, не могу посмотреть точно), возможно, это художественный замысел такой, но как-то не очень.

Большие иллюстрации возле постов выбиваются за нижнюю границу, смотриться не аккуратно.

"Полный текст" можно убрать.

И все-таки сайт на русском и хотелось бы видеть "10 марта", а не "10 Mar"
http://www.promoufa.ru/
Буду рад любой критике.
Спасибо ;)
1) Предложенная форма записи телефонного номера конечно правильная, но тот же символ «цифровая черточка» или «figure dash» в IE не понимается. Можно извратиться и взять наиболее похожий знак «минус», но тогда вся философия теряется и скайпом номер уже не парсится. Впрочем, можно не заморачиваться поставить дефисы, как быть? (пока поставил через «минус»)
2) Меню нашептал первый заголовок =)
3) «„за“ вылазит за „С“» - согласен, есть совсем малек =)
4) «Сайта не существует» - буду безумно признателен за более удачный Ваш вариант ;)
Насчёт «figure dash» не парьтесь. :) Эта чёрточка имеет ту же ширину, что и цифры (и то, только в случае, когда цифры моноширинные). В разделении телефонного номера дефисом нет совершенно ничего страшного. А дефис явно лучше минуса.
Спасибо. Сделал дефисами :) Хотелось бы узнать мнение по 4-му пункту, да и общим впечатлением поделитесь, если не трудно ;)
Забавно, ваш дизайн очень напоминает один из недавних выпусков журнала B&A. :) А так согласен с Рюмкиным, и в http://www.promoufa.ru/clients/ поработал бы поаккуратнее с картинками — верхний край фотографий мужчин лучше выравнивать по верхнему уровню строчных букв. Сейчас у вас выровнено чуть выше уровня прописных.
Упс. Имел в виду не дизайн целиком, только картинку справа, с деревом, горшком и Яндекс.Лейкой.
А ещё вот что при ширине экрана 1280: http://uploads.screenshot-program.com/up…
На 1024 как раз всё получается красиво, но лучше верхнее меню сделать «резиновым» совместно с колонкой текста.
НЛО прилетело и опубликовало эту надпись здесь
У себя искать всегда трудно ;)
В меню справа стоит увеличить интерлиньяж и убрать подчеркивание у ссылок (в списках его можно убирать ради улучшения читабельности).
Про интерлиньяж — бесспорно. А вот над подчёркиванием надо ещё подумать — как никак подчёркивание — устоявшийся и глубоко засевший в подкорке способ выделения ссылок.
Опять промахнулся, это ваш линч.
Если не трудно, хотелось бы аргументацию. Особенно того, что касается правой колонки и количества записей в скобках…
Не ожидал. :) У вас хороший сайт. Я бы на главной странице сделал одинаковым расстояние между заголовком и строкой с автором и датой и между этой строкой и текстом анонса, оставив их сумму неизменной. Сейчас первое расстояние больше, и заголовок немного отрывается от последующего текста. Ну и следите за правильными кавычками, тире, минусами и т. п.
Чего именно не ожидали :)
Расстояние подровнял.
Что-то я совсем перестал нормальные кавычки использовать, да и все остальное. Пошел править.
Заявки в НПДД на этот сайт. :)
Всегда есть к чему стремиться, а взгляд со стороны бывает полезней чем три раза перепроверить самому.
Я тоже ничего ужасного на нём не заметил. Пристально и долго вглядывался, но  всё хорошо. Сайт — супер!
буду рад коментариям
Хорошо, чистенько, только в последних записях слипаются фотографии с тегами — увеличьте margin сверху для div.flickr-frame, идущего первым потомком div.storycontent. И у blockquote серая полоска стоит слишком тесно к тексту — текст нужно сдвинуть чуть вправо от неё. Про тире и кавычки сами знаете, наверное. :)
спасибо большое. поправлю то, что вы заметили
НЛО прилетело и опубликовало эту надпись здесь
Конечно стоит. Просто увеличьте межстрочное расстояние — читать сразу станет легче.
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Отличный дизайн! Вот мои комментарии!

И ещё… у вас теги слиплись!
При наведении на иллюстрации, страница дергается немного (смотрю в FF3), попробуйте курсор поставить в желтую полоску под изображением вообще веселуха получается.

Вместо тире используется дефис,
"Filemail - сервис отправки файлов на почту" — дефис
"Filemail — сервис отправки файлов на почту" — тире

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

Отступы не последовательны, к примеру, иконка RSS (которая большая) прилипла верхним краем к блоку, облако левой стороной.

То что под датой показано количество комментариев, не так уж и очевидно, особенно в формате 00, я сразу подумал, что это часть даты.

uppercase ухудшает читабельность заголовкой, лучше просто шрифт покрупней взять.

Я бы предпочел видеть рубрики на главной, а не только на страницах постов.

У блога два заголовка, над главным меню и под, хорошо бы объединить их.
посоветуйте daza prosto .com
http://dea-21.ru/
Принимаются любые комментарии. Ваше мнение очень важно для нас!
Заранее спасибо.
предложения по улучшению?
Что-что… простите?
http://profinance.kz
Вот как раз сейчас делаем редизайн своего корпоративного сайта. Пока готова только главная страница, скоро все остальные доделаем. Интересно будет услышать, все ли гуд, или косяк на косяке? :)

http://www.r-smile.ru
© 2007—2008 Интернет-компания «р•Смайл» => © Интернет-компания «р•Смайл», 2007—2008

Серая форма выбивается из общего стиля, и вообще не очень аккуратно выглядит.

Все диагональки кроме тех что возле телевона я бы убрал. Пятна «ляпнули шоб було» или правда запачкали сайт при разработке :), тоже убрать стоит.

Там где:
Новости компании
Работаем
Блог
Несколько интересностей
Наши проекты
все просто в кучку, непосредственно под заголовком "Наши проекты" пусто, а сами прокты где-то правее, сделайте еще пару проектов или просто прислоните их влево.
Посмотрите, плиз http://www.veinik.by.
Очень понравилось особенно тематика! Пару минусов, всё-таки лучше подправить!
Большое Вам спасибо! Плюсанул все, что только можно :)
Там всё более-менее нормально, за исключением кавычек и тире, но если у вас UGC, то с этим особо ничего не сделаешь. Двоеточия после заголовков я бы на странице рецепта убрал, и постарался как-то структурировать текст способа приготовления. Разбить на пункты, или хотя бы на абзацы. Хотя, с UGC это опять же сложно.

Есть ещё не по типографике вопрос, а как у простого пользователя. Если честно, вызывает сомнение решение с выводом новых рецептов при скроллинге. Потому что я тупо не знаю, сколько их. А ещё я нашёл рецепт, отлистав 3 страницы вниз, а браузер потом закрыл. Мне потом три страницы снова надо будет листать? Постраничное разбиение хоть и не понтовое, но удобное.
Мы долго думали по поводу автоскроллинга..
Вот аргументы за:
1. постраничное разбиние не дает гарантии сохранности рецепта на конкретной странице. Единственное исключение - неклассическая (на мой взгляд), т.е. 1-ая отображаемая страница имеет макс. номер, нумерация для сортированного по дате контента. Для сортировке по рейтингу это уже не работает.
2. сайт впринципе на простых пользователей, слабо разбирающихся в компьютерах. Согласитесь, гораздо приятнее просто крутить скролл мыши (жать page down, etc), чем постоянно метиться в дурацкую ссылку "следующая"...
3. сайт нацелен на работу с авторизованным пользователем (ну, или будет нацелен, буду очень стараться, что бы это было так), и для него ведется история просмотра рецептов. Так что граммотно пользующийся системой человек будет не листать заново, а посмотрит свою историю.
Так что решили сделать автоскорлл..
Кстати, если отрубить в браузере js - то будут paginate ссылки.. ;-)
А, и ещё. Если есть возможность, на списке поднапрягитесь, и от робозаписи «оценок: 0», «оценок: 1», «оценок: 2» перейдите к записи «оценок пока нет», «1 оценка», «2 оценки» и т. п.
спасибо, вообще пытаемся избавляться от этого, но тут упустили..
Ещё стоит убрать капс с фамилий авторов и чуть увеличить интерлиньяж между внутренними строками абзацев простого текста на страницах с новостями.
Обращаюсь в "Неотложный пункт добрых дел" с просьбой рассмотреть ошибки на сайте.
Знаю, что в типографическом плане имеется много недочетов. Поэтому, прежде всего, хотелось бы услышать о наиболее бросающихся в глаза ошибках, которые стоило бы исправить первым делом.
Конструктивная критика приветствуется!
Сайт: Насладись.net
Извините, что спрашиваю здесь, но может быть кто нибудь в курсе...
По какой-то причине постоянно выходит из строя счетчик FeedBurnerа, не подскажите, в чем может быть причина? Ресинхронизация не помогает, FeedMedic молчит и не сообщает о каких-то проблемах.
Хочу выдвинуть на ваш мудрый суд еще один сайт сделанный мною. Сделал я его около года назад. Было бы очень хорошо если бы вы его поверили. По возможности дайте характеристику английской версии, так как в в англ. типографике я нечего не понимаю и делал наугад. Заранее спасибо. http://www.dpu.iatp.org.ua/
Симпатично, ничего особо не напрягло. Тут в самом низу справа нужно убрать капс с «EDUCATIONAL» и «POLYGRAPHIC». Везде неправильные кавычки: должны быть “такие” вместо «таких». И прочитайте статью про штрихи, чтобы использовать правильный апостро́ф и знаки угловых минуты и секунды (у вас там в контактах для инопланетян использованы не те символы).
Спасибо, особенно за разъяснения по поводу кавычек в англ. языке.
Пыщь-пыщь! По макету не всё можно сказать, но на первый взгляд нормально. Я бы после «операционку» двоеточие убрал. В дате записи заменил дефис на запятую: «Bobs, 19 мая 2008, 21:48». Если нет тегов, то и надпись «Нет тегов не нужна», просто строчку убрать. Межстрочное расстояние в тексте лучше увеличить.
Спасибо!
Там с надписью "нет тегов" есть проблема - если ее убрать, то образуется слишком много пустого места.
Так пусть текст записи целиком вверх поднимается.
Господин Heath, есть какае-то специфическая причина по которой вы не захотели отреагировать на мою просьбу или же просто нехватка времени?
Второе, постараюсь вечером.
Ссылка на комментарии на PicBite

Всё почему-то не загрузилось, поэтому ещё текстом. Есть ряд обычных проблем: стандартные кавычки вместо традиционных, дефисы вместо тире и «Вы» вместо «вы». Обо всём здесь, в блоге «Типографика», писали — почитайте.
rsue.ru, пациента можно реанимировать или уже заказывать гроб?)
Допустим ли простой перенос строки вместо нового абзаца, скажем, в энциклопедических статьях?
А можно пример и/или контекст? Пример статьи и где она размещается: на сайте, в печатном издании и т. п.
Лично я склоняюсь к мнению, что недопустимы, потому их там и нет. Но вдруг:)
Так. А что имеется в виду под «простым переносом строки вместо нового абзаца»? Можно на примере первых абзацев.
Выражаясь по-хтмльски, br вместо p.
А зачем так делать, где бы то ни было? Заменять p на br вообще какой смысл? :)
Абсолютно никакого, вопрос — стоит ли в текстах, опубликованных не мною, принудительно заменять одиночный перенос на красную строку? И стоит ли то же самое делать в комментариях? В этой версии сайта неактуально, интересует на будущее.
Я бы попробовал заменять автоматически и следить, не вызовет ли это каких-либо проблем. Сейчас пытаюсь навскидку представить, зачем бывает нужен просто принудительный разрыв строки (кроме длинных заголовков и стихотворных строф, разве что), и как-то ничего на ум не приходит. Если списки будут оформляться нормальными списками, то принудительный разрыв строки, наверное, в обычном тексте не пригодится.
Хмм, стихи, действительно. Спасибо, о них как-то не подумал. Видимо, придётся искать какой-то более хитрый выход.
А какая стоит задача? Если автоматического форматирования user-generated content, то как решать вопрос выбора br/p автоматически, я не представляю. Лучше учить пользователей правильно форматировать абзацы. Ну или администратору переформатировать вручную, если где-то есть ошибки.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации