Сегодняшние новости «Правил»

Вот что изменилось на сайте за сегодня:

  • сделано несколько тупых оптимизаций, чтобы не так часто Мастерхост испытывал «Capacity problems»;
  • ЦСС стал выдаваться одним файлом, а не тремя;
  • цвета посещённых и непосещённых ссылок стали лучше отличаться;
  • иконка кинофильма отодвинута подальше от поля поиска, чтобы не казаться кнопкой «Найти»;
  • к сожалению, пришлось перейти с Гельветики на Ариал (Гельветика подглючивала на Виндоусе);
  • специально для браузеров-калек, которым чтобы искать по сайту нужны костыли (т. е. для не-Оперы), добавился Опенсёрч;
  • сильно всё улучшено в ИЕ;
  • прижимающаяся к верху шапка заработала в Опере (хотя я не до конца ей доволен пока);
  • исправлена корявость, из-за которой линия, отделяющая шапку от контента, стиралась не до конца на самом верху страницы (внимательные ребята её видели, и им не нравилось);
  • подпись снизу немного изменена, чтобы было понятнее, что это за правила;
  • ссылка на меня оставлена только на главной странице сайта, как положено;
  • в мгновенных результатах поиска убрана подпись снизу, а то она прыгала туда-сюда;
  • если у вас где-то не работала ctrl-навигация вправо, должна была заработать;
  • новая фавыконка, говорят, должна лучше смотреться на тёмном фоне;
  • если в правилах ничего не найдено, то ссылка на Яндекс.Словари теперь сразу ищет введённое слово в словарях.

Спасибо всем, кто вчера и сегодня вместе с обнаруживаемыми проблемами присылал сразу решения. Дмитрий Зимин, например, прислал готовое решение для прикручивания Опенсёрча, Эндрю Маркус и Макс Шальнов — некоторые правки для ИЕ; Калан (ах, как я не люблю клички!) — улучшенную иконку, а Анатолий Рр — исправление ошибки с навигацией и корявости с тонкой линией.

Всё же лучше всего сайт работает в Вебките. Потому что Вебкит — рай для веб-разработчика. В Опере тоже всё работает нормально. Потому что Оперой пользуюсь я. Проблемы остались в Фаерфоксе и в ИЕ. Ещё есть проблема с Айпадом, из-за которой на нём сайт смотрится огромным (как будто Айфон растянули пропорционально). Это из-за того, что я не знаю, как прописать тег meta viewport раздельно для Айпада и Айфона.

Если кто-то из вас будет столь любезен, что пришлёт мне решения (которые я пойму, и которые не сломают сайт там, где он и так работает), будет очень-очень круто.

Дальше
35 комментариев
Владимир 2010

Неплохо было бы сделать параграфы ссылками, которые можно скопировать.

Илья Бирман 2010

А сейчас что мешает скопировать?

Igor Pisorev 2010

Жалко гельветику. Она давала неуловимый шарм в верстке. Сейчас ариал смотрится не так хорошо =((

Илья Бирман 2010

Да, я тоже страдаю. Может, есть какой-то хитрожопый метод отдавать Гельветику только Маку, хотя бы?

Софья 2010

Опечатался:

цвета посещённых и непосещённых ссылок стали лучше отличаются

Сайт стал ещё милее, Илья.

Андрей Оконечников 2010

Возможное решение проблемы с гелветикой:
font-face: «Helvetica Neue», Arial, sans-serif;

Илья Бирман 2010

Сделал так.

Igor Pisorev 2010

Если только по 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

Григорий «MyFreeWeb» 2010

HTTP-запросов таки куча: http://d.myfreeweb.ru/16Ug7Y
CSS в одном файле (но с кучей whitespace — кстати, как по-русски?), но JS еще нагружает Мастерхост.
jQuery нужно вставлять с Google, плагины и свой код объединять в один файл и минифицировать.
Теги script (кроме excanvas, который нужно оставить в head и обернуть в условный комментарий) хорошо бы переместить в конец body, чтобы первый раз сайт открывался гораздо быстрее.

Вебкит — рай для веб-разработчика.

Согласен.

Илья Бирман 2010

Куча, куча запросов, будет меньше. Не всё сразу.

Whitespace — Пробелы. Минифицировать ЦСС и скрипты буду тогда, когда отлажу их окончательно. Сейчас полезно, что любой может открыть, почитать, и прислать хотфикс.

Джейквери с Гугля, условный комментарий для эксканваса — дайте код готовый для копипейста? Мне нужно, чтобы Гугль мне отдавал правильную версию jQuery. Мне нужно, чтобы из-за условного комментария канвас не сломался в других браузерах.

Спасибо.

Андрей Оконечников 2010

А почему не указать в meta-viewport «device-width»?

<meta name = «viewport» content = «width = device-width»>

http://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html

Илья Бирман 2010

Потому что device-width Айфоне меньше, чем то число, которое мне нужно.

Владимир 2010

Сейчас можно скопировать только номер параграфа. Дать кому-нибудь ссылку на конкретный параграф не получится.
Я о тех параграфах, номера которых слева и которых по нескольку штук на странице.

w31rd0 2010

ах, как я не люблю клички!

Прошу прощения за оффтопик, но все-таки есть разница между кличкой и псевдонимом.

Илья Бирман 2010

...и случайным набором букв и цифр.

Александр К 2010

Может нужный шрифт через веб-шрифты подключить?

Илья Бирман 2010

Может, я в этом ничего не понимаю :-)

Григорий «MyFreeWeb» 2010

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 — не только пробелы, но и табы и переводы строки.

Илья Бирман 2010

Эксканвас сделал. Всё хорошо теперь с ним в ИЕ?

Я не знаю, какая у меня версия Джейквери.

Пробелы — это общее название для всего, что вы перечислили. См. также цитату из Коломнина.

Олег Подчашинский 2010

Эксканвас:
%%<!—[if IE]>
<script type=«text/javascript» src=«js/excanvas.js»></script>
<![endif]—>%%

Илья Бирман 2010

Кому из вас верить? ;-)

Григорий «MyFreeWeb» 2010

версия на therules.ru очень старая — 1.2.6. Попробуй последнюю (1.4.2) с Гугла — проблем с совместимостью быть не должно: плагины все давно проверены, а http://therules.ru/js/words.js не затрагивает таких частей, которые бы поменялись.

в IE все как было — просто теперь остальные браузеры не загружают лишний файл.

Илья Бирман 2010

В 1.4 в Джейквери сломали работу $.ajax, и в 1.4.1 так и не исправили. Я боюсь, что мой find-as-you-type может зависеть от этого.

Григорий «MyFreeWeb» 2010

Но я прямо сейчас работаю над приложением, работающим с $.ajax и все нормально.

Илья Бирман 2010

Сломали не в смысле «сделали нерабочим», а в смысле «изменили работу».

Григорий «MyFreeWeb» 2010

Про excanvas — мне (хотя не мне, а Мелкософту), потому что в IE9 есть нативная поддержка Canvas.

Александр Карпинский 2010

Но я прямо сейчас работаю над приложением, работающим с $.ajax и все нормально.

http://homm.habrahabr.ru/blog/81863/

Нативная поддержка Canvas не есть, а, возможно, будет.

Ивэн 2010

canvas работает, IE7
но зато слетела верстка блога Ильи Бирмана, FF3.6

Илья Бирман 2010

Я тут ничего не менял.

Григорий «MyFreeWeb» 2010

http://therules.ru/js/spotlight.js не использует .abort(), все нормально будет.

Аркатов 2010

Илья, а почему нумерация на первой странице сделана римскими цифрами?

m4rr 2010

Было бы удобно, если перейдя на сайт по ссылке http://therules.ru/?q=жи+ши, в поле поиска появлялся бы этот запрос.

Ante Jan 2010

Возможно, вместо Гельветики подойдёт свободно распространяемый 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 должны подхватиться обычные картинки, не могу сейчас проверить.

shkaev.livejournal.com 2010

В гугл хроме под вин 7 всё ок! Гельветика не глючила, кстати, и выглядела намного круче.

Олег Подчашинский 2010

Илья, у Григория лучше — с заделом на будуще :-)
А комментарии после моего включительно съехали влево в Фаерфоксе — в комментарии Григория часть сообщения повторно вывелась, и всё поехало.

Takkmoil 2010

Лучше иконка на тёмном фоне как-то не выглядит: http://warlabs.ru/takkmoil/i/100602/therules.png

Кроме того, было бы замечательно, если бы у фильма была собственная кнопка «закрыть».

Илья Бирман 2010

У вас просто не обновилась иконка, видно же, что на тёмном фоне другая, чем ниже.

Takkmoil 2010
Артём 2010

А нельзя ли ещё видео вставить с вимео, потому что сейчас там ничего не видно.

Ярослав 2010

Если нажать на иконку экрана, чтобы появилось видео, и потом ещё раз нажать, чтобы оно убралось, то будет вот такая штука: http://img121.imageshack.us/img121/213/captureaz.png
Opera 10.53, Windows.

Ирина 2010

Добавте, пожалуйста, правила о приставках Без- и Бес-, Раз-, Рас- и т. д., а то всегда проблемы «с» или «з» писать.

Илья Бирман 2010

Ирина, напишите в поиске «без бес», и вам выдастся именно то правило, которое нужно.

Вовка Соловьёв 2010

Добавлю пожеланий:
— Было бы удобно если бы каждый абзац или пункт имел якорную ссылку — чтобы показывать собеседнику конкретную строку (ага, как ководстве).
— В результатах поиска чтобы перейти на страницу правила надо нажимать на крохотную ссылку «§ 15». Капитан Фитс подсказывает, что надо иметь ссылку в которую проще попасть.
— Из результатов поиска никаким образом не перейти в раздел с правилами, в котором находится найденный и другие параграфы.
— На главной забор из римских цифр сбивает внимание и не проявляет логики (почему-то у некоторых пунктов нет римской нумерации, почему-то в части римских пунктов кроется лишь один параграф). Нужны ли они вообще или не сделать ли их бледными?
— Стрелки в разделах нужны и внизу длинного параграфа, чтобы читать дальше. Стрелкам нужны подписи объясняющие куда они ведут.

Илья Бирман 2010

Третье — глюк, скоро починим. Римские цифры есть у всех разделов с подразделами. Так организованы правила. Остальное принял во внимание, спасибо.

Сергей К. 2010

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

В любом случае, нужно исправить ссылку «Двойные согласные» (double consonants).

Сергей К. 2010

Кстати, нельзя ли изменить навигацию? Сделать не /vowels-1, а, например, /vowels/root, /vowels/prefixes, /consonants/hard-sign, /comma/repeat. Если в разделе нет «Общих правил», то показывать список подразделов.

Антон Вернигор 2010

Специально для браузеров-калек, которым чтобы искать по сайту
нужны костыли (т. е. для не-Оперы), добавился Опенсёрч

А что, опера ищет по сайту как-то особенно?
Можно чуть подробнее?
Если имеется в виду возможность отправить поисковый запрос не открывая сайт — так Fx тоже это умеет. Остальные в этом вопросе калеки, да.

Александр 2010
  1. Ужасно раздражает скачущая шапка.
  2. Добавить бы подсказки о ctrl-навигации (не все сообразят).
  3. Под поиском у ссылок-подсказок видна прямоугольная белая подложка — некрасиво.
  4. Формулировка в подвале — заумь.

А вообще, большое спасибо за огромную работу. Илья — всем ребятам пример!

Дмитрий 2010

@Владимир

Неплохо было бы сделать параграфы ссылками, которые можно скопировать.

Можно указывать номер параграфа в поиске: http://therules.ru/hyphen/#q=77

Дмитрий 2010

... или даже так: http://therules.ru/77/

Мои книги