Сегодняшние новости «Правил»
Вот что изменилось на сайте за сегодня:
- сделано несколько тупых оптимизаций, чтобы не так часто Мастерхост испытывал «Capacity problems»;
- ЦСС стал выдаваться одним файлом, а не тремя;
- цвета посещённых и непосещённых ссылок стали лучше отличаться;
- иконка кинофильма отодвинута подальше от поля поиска, чтобы не казаться кнопкой «Найти»;
- к сожалению, пришлось перейти с Гельветики на Ариал (Гельветика подглючивала на Виндоусе);
- специально для браузеров-калек, которым чтобы искать по сайту нужны костыли (т. е. для не-Оперы), добавился Опенсёрч;
- сильно всё улучшено в ИЕ;
- прижимающаяся к верху шапка заработала в Опере (хотя я не до конца ей доволен пока);
- исправлена корявость, из-за которой линия, отделяющая шапку от контента, стиралась не до конца на самом верху страницы (внимательные ребята её видели, и им не нравилось);
- подпись снизу немного изменена, чтобы было понятнее, что это за правила;
- ссылка на меня оставлена только на главной странице сайта, как положено;
- в мгновенных результатах поиска убрана подпись снизу, а то она прыгала туда-сюда;
- если у вас где-то не работала ctrl-навигация вправо, должна была заработать;
- новая фавыконка, говорят, должна лучше смотреться на тёмном фоне;
- если в правилах ничего не найдено, то ссылка на Яндекс.Словари теперь сразу ищет введённое слово в словарях.
Спасибо всем, кто вчера и сегодня вместе с обнаруживаемыми проблемами присылал сразу решения. Дмитрий Зимин, например, прислал готовое решение для прикручивания Опенсёрча, Эндрю Маркус и Макс Шальнов — некоторые правки для ИЕ; Калан (ах, как я не люблю клички!) — улучшенную иконку, а Анатолий Рр — исправление ошибки с навигацией и корявости с тонкой линией.
Всё же лучше всего сайт работает в Вебките. Потому что Вебкит — рай для веб-разработчика. В Опере тоже всё работает нормально. Потому что Оперой пользуюсь я. Проблемы остались в Фаерфоксе и в ИЕ. Ещё есть проблема с Айпадом, из-за которой на нём сайт смотрится огромным (как будто Айфон растянули пропорционально). Это из-за того, что я не знаю, как прописать тег meta viewport раздельно для Айпада и Айфона.
Если кто-то из вас будет столь любезен, что пришлёт мне решения (которые я пойму, и которые не сломают сайт там, где он и так работает), будет очень-очень круто.
Неплохо было бы сделать параграфы ссылками, которые можно скопировать.
А сейчас что мешает скопировать?
Жалко гельветику. Она давала неуловимый шарм в верстке. Сейчас ариал смотрится не так хорошо =((
Да, я тоже страдаю. Может, есть какой-то хитрожопый метод отдавать Гельветику только Маку, хотя бы?
Опечатался:
Сайт стал ещё милее, Илья.
Возможное решение проблемы с гелветикой:
font-face: «Helvetica Neue», Arial, sans-serif;
Сделал так.
Если только по UserAgent отдавать другой CSS — во всех под Mac OS пишется (*Mac OS*)
http://ru.wikipedia.org/wiki/Useragent#.D0.91.D1.80.D0.B0.D1.83.D0.B7.D0.B5.D1.80.D1.8B
HTTP-запросов таки куча: http://d.myfreeweb.ru/16Ug7Y
CSS в одном файле (но с кучей whitespace — кстати, как по-русски?), но JS еще нагружает Мастерхост.
jQuery нужно вставлять с Google, плагины и свой код объединять в один файл и минифицировать.
Теги script (кроме excanvas, который нужно оставить в head и обернуть в условный комментарий) хорошо бы переместить в конец body, чтобы первый раз сайт открывался гораздо быстрее.
Согласен.
Куча, куча запросов, будет меньше. Не всё сразу.
Whitespace — Пробелы. Минифицировать ЦСС и скрипты буду тогда, когда отлажу их окончательно. Сейчас полезно, что любой может открыть, почитать, и прислать хотфикс.
Джейквери с Гугля, условный комментарий для эксканваса — дайте код готовый для копипейста? Мне нужно, чтобы Гугль мне отдавал правильную версию jQuery. Мне нужно, чтобы из-за условного комментария канвас не сломался в других браузерах.
Спасибо.
А почему не указать в meta-viewport «device-width»?
<meta name = «viewport» content = «width = device-width»>
http://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html
Потому что device-width Айфоне меньше, чем то число, которое мне нужно.
Сейчас можно скопировать только номер параграфа. Дать кому-нибудь ссылку на конкретный параграф не получится.
Я о тех параграфах, номера которых слева и которых по нескольку штук на странице.
Прошу прощения за оффтопик, но все-таки есть разница между кличкой и псевдонимом.
...и случайным набором букв и цифр.
Может нужный шрифт через веб-шрифты подключить?
Может, я в этом ничего не понимаю :-)
canvas в других браузерах поломать никак нельзя ;)
Условный комментарий:
%%<!—[if lt IE 9]>
<script type=«text/javascript» src=«js/excanvas.js»></script>
<![endif]—>%%
где lt — less than, т. е. младше IE9, в котором есть нативная поддержка.
Google отдает такую версию, которую у него просишь. http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js — вот последняя.
P.S. whitespace — не только пробелы, но и табы и переводы строки.
Эксканвас сделал. Всё хорошо теперь с ним в ИЕ?
Я не знаю, какая у меня версия Джейквери.
Пробелы — это общее название для всего, что вы перечислили. См. также цитату из Коломнина.
Эксканвас:
%%<!—[if IE]>
<script type=«text/javascript» src=«js/excanvas.js»></script>
<![endif]—>%%
Кому из вас верить? ;-)
версия на therules.ru очень старая — 1.2.6. Попробуй последнюю (1.4.2) с Гугла — проблем с совместимостью быть не должно: плагины все давно проверены, а http://therules.ru/js/words.js не затрагивает таких частей, которые бы поменялись.
в IE все как было — просто теперь остальные браузеры не загружают лишний файл.
В 1.4 в Джейквери сломали работу $.ajax, и в 1.4.1 так и не исправили. Я боюсь, что мой find-as-you-type может зависеть от этого.
Но я прямо сейчас работаю над приложением, работающим с $.ajax и все нормально.
Сломали не в смысле «сделали нерабочим», а в смысле «изменили работу».
Про excanvas — мне (хотя не мне, а Мелкософту), потому что в IE9 есть нативная поддержка Canvas.
http://homm.habrahabr.ru/blog/81863/
Нативная поддержка Canvas не есть, а, возможно, будет.
canvas работает, IE7
но зато слетела верстка блога Ильи Бирмана, FF3.6
Я тут ничего не менял.
http://therules.ru/js/spotlight.js не использует .abort(), все нормально будет.
Илья, а почему нумерация на первой странице сделана римскими цифрами?
Было бы удобно, если перейдя на сайт по ссылке http://therules.ru/?q=жи+ши, в поле поиска появлялся бы этот запрос.
http://ilyabirman.ru/meanwhile/2009/07/31/2/
Возможно, вместо Гельветики подойдёт свободно распространяемый PT Sans http://www.fontsquirrel.com/fonts/PT-Sans — нужно скачать @font-face Kit, там есть демка из которой можно взять код.
Можно поставить модный HTML5 <!DOCTYPE html> вместо доктайпа XHTML 1.0 Transitional, в работе ничего не должно измениться.
У меня не работает Canvas в IE8 Standarts mode.
Пережал картинки без потерь (5 → 1.8 Кб) и положил в css в виде data:uri: http://stanut.by/_/therules/ — в IE 6-7 должны подхватиться обычные картинки, не могу сейчас проверить.
В гугл хроме под вин 7 всё ок! Гельветика не глючила, кстати, и выглядела намного круче.
Илья, у Григория лучше — с заделом на будуще :-)
А комментарии после моего включительно съехали влево в Фаерфоксе — в комментарии Григория часть сообщения повторно вывелась, и всё поехало.
Лучше иконка на тёмном фоне как-то не выглядит: http://warlabs.ru/takkmoil/i/100602/therules.png
Кроме того, было бы замечательно, если бы у фильма была собственная кнопка «закрыть».
У вас просто не обновилась иконка, видно же, что на тёмном фоне другая, чем ниже.
Обновилась:http://warlabs.ru/takkmoil/i/100602/therules2.png
А нельзя ли ещё видео вставить с вимео, потому что сейчас там ничего не видно.
Если нажать на иконку экрана, чтобы появилось видео, и потом ещё раз нажать, чтобы оно убралось, то будет вот такая штука: http://img121.imageshack.us/img121/213/captureaz.png
Opera 10.53, Windows.
Добавте, пожалуйста, правила о приставках Без- и Бес-, Раз-, Рас- и т. д., а то всегда проблемы «с» или «з» писать.
Ирина, напишите в поиске «без бес», и вам выдастся именно то правило, которое нужно.
Добавлю пожеланий:
— Было бы удобно если бы каждый абзац или пункт имел якорную ссылку — чтобы показывать собеседнику конкретную строку (ага, как ководстве).
— В результатах поиска чтобы перейти на страницу правила надо нажимать на крохотную ссылку «§ 15». Капитан Фитс подсказывает, что надо иметь ссылку в которую проще попасть.
— Из результатов поиска никаким образом не перейти в раздел с правилами, в котором находится найденный и другие параграфы.
— На главной забор из римских цифр сбивает внимание и не проявляет логики (почему-то у некоторых пунктов нет римской нумерации, почему-то в части римских пунктов кроется лишь один параграф). Нужны ли они вообще или не сделать ли их бледными?
— Стрелки ← → в разделах нужны и внизу длинного параграфа, чтобы читать дальше. Стрелкам нужны подписи объясняющие куда они ведут.
Третье — глюк, скоро починим. Римские цифры есть у всех разделов с подразделами. Так организованы правила. Остальное принял во внимание, спасибо.
Илья, тебе уже многие сказали насчёт английского названия сайта и путей. Я бы всё же нашёл домен с русским названием (и уж точно без артикля). А внутренние пути делал бы не английскими, а, например, латинскими. Или удачной русской транскрипцией. Ну ни при чём здесь английский.
В любом случае, нужно исправить ссылку «Двойные согласные» (double consonants).
Кстати, нельзя ли изменить навигацию? Сделать не /vowels-1, а, например, /vowels/root, /vowels/prefixes, /consonants/hard-sign, /comma/repeat. Если в разделе нет «Общих правил», то показывать список подразделов.
А что, опера ищет по сайту как-то особенно?
Можно чуть подробнее?
Если имеется в виду возможность отправить поисковый запрос не открывая сайт — так Fx тоже это умеет. Остальные в этом вопросе калеки, да.
А вообще, большое спасибо за огромную работу. Илья — всем ребятам пример!
@Владимир
Можно указывать номер параграфа в поиске: http://therules.ru/hyphen/#q=77
... или даже так: http://therules.ru/77/