Подписаться на блог
В Твиттере

Реплики и ссылки на заметки

В Фейсбуке

Ссылки на заметки

Вконтакте

Ссылки на заметки

В Телеграме

Ссылки на заметки

В Тумблере

Заметки целиком

В Же-же

Заметки целиком

По РСС

Заметки целиком

Если что-то из этого не работает, напишите мне: ilyabirman@ilyabirman.ru.

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

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

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

Если кто-то из вас будет столь любезен, что пришлёт мне решения (которые я пойму, и которые не сломают сайт там, где он и так работает), будет очень-очень круто.
Подписаться на блог
Поделиться
Отправить
35 комментариев
Владимир
Неплохо было бы сделать параграфы ссылками, которые можно скопировать.
Илья Бирман
А сейчас что мешает скопировать?
Igor Pisorev
Жалко гельветику. Она давала неуловимый шарм в верстке. Сейчас ариал смотрится не так хорошо =((
Илья Бирман
Да, я тоже страдаю. Может, есть какой-то хитрожопый метод отдавать Гельветику только Маку, хотя бы?
Софья
Опечатался:
> цвета посещённых и непосещённых ссылок стали лучше отличаются

Сайт стал ещё милее, Илья.
Андрей Оконечников
Возможное решение проблемы с гелветикой:
font-face: «Helvetica Neue», Arial, sans-serif;
Илья Бирман
Сделал так.
Igor Pisorev
Если только по 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»
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/document…ons/reference/safarihtmlref/articles/metatags.html
Илья Бирман
Потому что device-width Айфоне меньше, чем то число, которое мне нужно.
Владимир
Сейчас можно скопировать только номер параграфа. Дать кому-нибудь ссылку на конкретный параграф не получится.
Я о тех параграфах, номера которых слева и которых по нескольку штук на странице.
w31rd0
> ах, как я не люблю клички!
Прошу прощения за оффтопик, но все-таки есть разница между кличкой и псевдонимом.
Илья Бирман
...и случайным набором букв и цифр.
Александр К
Может нужный шрифт через веб-шрифты подключить?
Илья Бирман
Может, я в этом ничего не понимаю :-)
Григорий «MyFreeWeb»
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]-->
Илья Бирман
Кому из вас верить? ;-)
Григорий «MyFreeWeb»
версия на 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 может зависеть от этого.
Григорий «MyFreeWeb»
Но я прямо сейчас работаю над приложением, работающим с $.ajax и все нормально.
Илья Бирман
Сломали не в смысле «сделали нерабочим», а в смысле «изменили работу».
Григорий «MyFreeWeb»
Про excanvas — мне (хотя не мне, а Мелкософту), потому что в IE9 есть нативная поддержка Canvas.
Александр Карпинский
> Но я прямо сейчас работаю над приложением, работающим с $.ajax и все нормально.
http://homm.habrahabr.ru/blog/81863/

Нативная поддержка Canvas не есть, а, возможно, будет.
Ивэн
canvas работает, IE7
но зато слетела верстка блога Ильи Бирмана, FF3.6
Илья Бирман
Я тут ничего не менял.
Григорий «MyFreeWeb»
http://therules.ru/js/spotlight.js не использует .abort(), все нормально будет.
Аркатов
Илья, а почему нумерация на первой странице сделана римскими цифрами?
m4rr
Было бы удобно, если перейдя на сайт по ссылке http://therules.ru/?q=жи+ши, в поле поиска появлялся бы этот запрос.
Ante Jan
Возможно, вместо Гельветики подойдёт свободно распространяемый 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
В гугл хроме под вин 7 всё ок! Гельветика не глючила, кстати, и выглядела намного круче.
Олег Подчашинский
Илья, у Григория лучше — с заделом на будуще :-)
А комментарии после моего включительно съехали влево в Фаерфоксе — в комментарии Григория часть сообщения повторно вывелась, и всё поехало.
Takkmoil
Лучше иконка на тёмном фоне как-то не выглядит: http://warlabs.ru/takkmoil/i/100602/therules.png

Кроме того, было бы замечательно, если бы у фильма была собственная кнопка «закрыть».
Илья Бирман
У вас просто не обновилась иконка, видно же, что на тёмном фоне другая, чем ниже.
Takkmoil
Обновилась: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 тоже это умеет. Остальные в этом вопросе калеки, да.
Александр
1. Ужасно раздражает скачущая шапка.
2. Добавить бы подсказки о ctrl-навигации (не все сообразят).
3. Под поиском у ссылок-подсказок видна прямоугольная белая подложка — некрасиво.
4. Формулировка в подвале — заумь.

А вообще, большое спасибо за огромную работу. Илья — всем ребятам пример!
Дмитрий
@Владимир
> Неплохо было бы сделать параграфы ссылками, которые можно скопировать.
Можно указывать номер параграфа в поиске: http://therules.ru/hyphen/#q=77
Дмитрий
... или даже так: http://therules.ru/77/

Пользовательский интерфейс
Доступен первый раздел
электронного учебника

Популярное
Эти ссылки принесут мне миллионы: Свежие омские новости и происшествия только у нас.