Веб-издание правил русского языка

«Ру», висевшее у меня на главной последние полтора года, наконец-то больше там не висит.

Есть люди, которые всегда всё пишут правильно, прекрасно чувствуют язык, а правила знают наизусть. Есть другие, которые плюют на русский язык и руководствуются универсальным принципом «нуты же понел че я хотел сказать?! )))». Однако больше всего — по крайней мере, мне хочется в это верить — нормальных людей, которые стараются писать хорошо, но имеют трудности с отдельными правилами.

Кто-то постоянно ошибается в н и нн (моя беда). Кто-то не может разобраться в слитном и раздельном написании частицы не. Кто-то путается с о и ё после шипящих. Эти люди не знают, где и как быстро себя проверить, а рыться в справочниках им чаще всего лень.

Правила русского языка общедоступны с 1956 года. То есть, теоретически они где-то есть, и ими все могут пользоваться. Я всегда знал как минимум три сайта, включая грамоту.ру, где они опубликованы. Однако они зарыты вглубь этих сайтов, отвратительно свёрстаны, и в них совершенно ничего невозможно найти.

С сегодняшнего дня начинает работу бета-версия моего веб-издания правил с умным поиском. В поиск можно вписать «ться» и тут же увидеть правило про это. Или «пол». Или «жи ши». Или «запятая перед и». Или «н или нн?». Или «раст рост».

Веб-издание правил русского языка

В работе над поиском на сайте мне сильно помог Роман Парпалак, за что ему большое спасибо.

Я хочу с вашей помощью сделать так, чтобы поиск стал вообще всегда мгновенно выдавать ровно то, что от него хотят. А ещё я хочу, чтобы этот сайт стал местом по умолчанию, куда люди идут за правилами.

Про новый сайт я снял кино-анонс и вывесил у себя на главной. Там я рассказал и показал, как пользоваться сайтом. Вообще, сайт называется therules.ru. Сходите посмотрите сначала кино, потом покликайте в сайт, а потом возвращайтесь комментировать и рассказывать мне про баги.

Добавлено попозже: Если кино смотреть на самом Ютюбе, то качество лучше. Трек, который играет фоном, на самом деле называется Chunky Soup.

Добавлено ещё позже: Залил видео на Вимео, качество стало лучше. Ещё можно скачать оригинал 960 на 540 (90 мегабайт).

Дальше
51 комментарий
Ray Kerrygun 2010

Илья, спасибо большое. Сайт отлично поможет моей жене и подрастающей дочери в нелегком деле обработки гранита. Мне легко писать почти грамотно, но совершенно нереально объяснить, почему пишется именно так, а не эдак. Теперь проблемы этой быть не должно.

Кстати, с помощью чего было из камеры, веб-камеры и рабочего стола смонтировано видео?

Илья Бирман 2010

iMovie.

Антон Телегин 2010

Что же, Илья, так неудобно сделана ссылка на яндекс-словари, когда поиск на сайте ничего не находит

Азат Разетдинов 2010

Забавно, году эдак в 2002 точно так же остался недоволен оформлением этих Правил в сети и в качестве упражнения сверстал их по адресу pravila56.narod.ru. Сайт давно помер, остался лишь слепок в виде chm: http://razetdinov.narod2.ru/download/pravila56.chm

Алексей Матвеев 2010

Спасибо, Илья. Очень не хватало такого справочника. И сверстано просто шикарно!

П.С. А почему из поста нет активной ссылки? Пришлось адрес копипастить.

Илья Бирман 2010

Чтобы кино шли смотреть сначала :-)

exdeniz 2010

Спасибо — отличный сайт. Можно наверно добавить внесение в поисковые системы браузеров. Хотя в Chrome добавляется за 30 секунд.

Саша Реушкин 2010

Илья, на самом сайте видео нельзя закрыть.

Илья Бирман 2010

Можно, но для этого нужно снова кликнуть на видеоиконку. Это уродство, да, я постараюсь исправить быстрее.

Олег 2010

Шапка из 21-го века. Отлично.

Kalan 2010

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

Иконка фигово смотрится на тёмных вкладках (это дефолтовый скин Оперы 10, например). Возьми хорошую: http://v.kalan.cc/therules.ico

Илья Бирман 2010

Спасибо.

Leonid Khachaturov 2010

Не меняется URL при поиске, нужно бы сделать.

Илья Бирман 2010

Будет потом.

Ярослав Патрикеев 2010

Илья, это круто! Этот сайт опередил многие существующие. Я приложу все возможные усилия, чтобы сделать его сайтом по-умолчанию для проверки правил русского языка среди всех знакомых и френдов.

Георгий Тудоси 2010

Сайт еще не успел посмотреть, хотя, судя по трейлеру, должна быть хорошая штука. Но есть сразу пара замечаний по видео. Во-первых, хороший микрофон сегодня можно купить практически за копейки. Дребезжащий звук раздражает неимоверно. И во-вторых, на столь низком разрешении о содержимом сайта можно только догадываться. Можно было бы и в HD смонтировать.

Илья Бирман 2010

Ой, да отстаньте вы все с микрофоном, прекрасный звук.

Смонтировано всё и так в HD, я сейчас перезаливаю на Вимео, в надежде, что там будет ОК.

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

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

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

И уж совсем не поможет от тупняка: почему неправильно писать «по-русский», «на пример» и т. п.

Илья Бирман 2010

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

Ярослав Патрикеев 2010

Из недостатков: в Хроме фавикон смотрится неприятно на голубом фоне, автозаполнение (по мнению сайта и проверки грамматики Хрома это слово пишется через дефис, правильно? А мне казалось, что вместе; Яндекс тоже делает вместе) мешает, потому что подсасывает нерелевантные поисковые запросы с других сайтов.

И технический вопрос: на главной у тебя номера в списке отбиты на один пробел; на мой взгляд, лучше отбивать на круглую. Поясни, пожалуйста, свою позицию на этот счёт.

Георгий Тудоси 2010

Шапка прикольная, но непонятна ее функциональность. Зачем уменьшается заголовок, и строка поиска уезжает на несколько пикселей вверх? (В Опере, кстати, она у меня совсем уезжает, как если бы скрипты были откручены.) Мне кажется, гораздо лучше было бы просто написать position: fixed; (и прикрутить стандартный костыль для IE).

А в остальном — отличный справочник, спасибо!

Артём 2010

Поиск хорош, если его воспринимать как поиск по книге. Если человек, не знает, как писать слово, он должен иметь возможность вбить это слово и получить ответ. Чтобы грамотей мог ввести «вообщем» и получить в ответ «в общем» и объяснение, по какому правилу это происходит (ну либо какое-то ближайшее по смыслу правилу, либо просто сообщение, что он — мудак).

И я бы ссылочку всё-таки сделал активной, впрочем, как угодно.

P.S.: Кино может только отпугнуть от этого милого сайта.

Георгий Тудоси 2010

Еще есть мелкие (?) косяки.

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

Почему «Неударяемые гласные» и «Запятая» попали в разные уровни иерархии, понятно, но разнообразие шрифтов в данном случае только запутывает и режет глаз. А вот почему, например, «Точка» и «Запятая» оказались на разных уровнях, мне неясно. В общем, оглавление перемудрено. Его нужно упростить.

Илья Бирман 2010

Я не занимался составлением правил, я их издал. Если вам не нравится организация правил, вы можете высказать свои замечания людям, составившим их в 1956 году :-)

Baseline grid не на бумаге — отстой.

cru3l 2010

эх, вот бы такое про английский язык!

Георгий Тудоси 2010

Илья, но с таким отношением проект теряет добрую половину своей ценности! Получается, что от бумажного справочника он отличается только удобным (тут спору нет) поиском. Просто очередное издание правил? Увидев сайт, я ожидал большего. Была даже мысль, что наконец-то нашелся кто-то, кто удосужился перелопатить всю эту помойку (по форме, не по содержанию) и сделать из нее конфетку.

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

Илья Бирман 2010

Я думаю, вы просто не понимаете, что такое «переиздание». Если я возьмусь переписать правила, то кто на них после этого будет ссылаться? Это не мои правила, это моё издание правил 1956 года.

Александр 2010

Очень бы хотелось увидеть там правила правописания местоимений «вы», «вас» и т. д. Когда их надо писать с заглавной буквы, когда — нет. Я уверен, что большинство из посетителей блога прекрасно это знают, но дать лишний раз пруфлинк заказчику на ваш сайт было бы удобно.

Если такие правила уже есть на сайте, то неплохо было бы находить данные параграфы по словам «вы», «вас»

Илья Бирман 2010

Этого нет в правилах.

Олег Подчашинский 2010
  1. В Фаерфоксе ссылка на параграф с полей открывается, но страница до нужного параграфа не докручивается.
  1. Стрелкам перехода между главами не помешает тайтл с названием соответствующей главы. http://therules.ru/comma-2/
  1. На сайте используется Canvas?
Илья Бирман 2010

2 (второе). Да, для рисования всяких суффиксов и корней.

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

Еще в Фаерфоксе, если в окно не влезает малая часть контента (меньше 25 пикселей), то прокручивание вниз заставляет страницу и шапку дергаться.

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

А вы бы лучше привели примеры того, что и как хотите находить.

Надо чтобы я в поиск писал то над чем сомневаюсь, а в результате мне бы объясняли как правильно.

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

Это, конечно, фантастика.

m4e 2010

Доменное имя therules подошло бы для правил англ. языка
Для русского более запоминалось бы pravila.ru или правила.рф
А то может получиться, как здесь: skakdollar.ru/?rastalkuy=therules

Ярослав 2010

Круто, только несколько несвоевременно: сегодня как раз прошел ЕГЭ по русскому :-)

Илья Бирман 2010

Кто ж виноват, что вчера кино не записалось, и пришлось сегодня переснимать?

Александр Савенков 2010

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

Илья Бирман 2010

Пока таких планов нет.

Kalan 2010

Во, нашёл. У меня запросы %%?%% и %%!%% не возвращают результатов.

Илья Бирман 2010

Fixed.

Павел 2010

Ссылка на видео не работает на странице сайпро проект

Владимир Казаринов 2010

Спасибо большое :-)

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

Александр Савенков, а если «моделист»? Или это не подходит по контексту?

Кстати, есть некоторые огрехи в верстке. Вот, в параграфе о правилах переносов в блоке с висячей пунктуацией все плохо: http://bit.ly/cdanUq

Павел 2010

Почему-то соотношение сторон видео и youtube-блока не соответствуют. Ни на главной, ни на therules.ru
Согласен полностью с Вовкой Соловьёвым. Искал как пишется «шестьсот», но не нашел, а «семьсот» нашел. Нужно где-то раздобыть данные по наиболее частым ошибкам и сделать поиск по ним с предложением правильных вариантов и соответствующих правил (например, http://rus.1september.ru/articlef.php?ID=200702007)
Страница динамическая, а адрес — нет. После первого поиска и нажатия ввода, адрес продолжал оставаться http://therules.ru/?q=шестьсот для всех последующих слов. В хроме заголовок страницы виден плохо, поэтому адрес сбивает с толку.
Значок видео в конце страницы http://ilyabirman.ru/portfolio/therules/ вводит в заблуждение. Как я по нему только ни кликал, не открылось. Про видео могу сказать «Многакадрав».
Запрос «http://therules.ru/?q=как+писать+не» выдал кучу мусорных параграфов с «не» из текст, с правильным ответом в самом конце

А вообще, здорово!

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

excanvas.js нужно подключать только для Эксплорера.

Еще в Фаерфоксе, если по вертикали скрыта маленькая часть контента (меньше 25 пикселей), то при прокрутке вниз страница и шапка скачут.

Ивэн 2010

По запросу «бес» ничего не найдено, имея ввиду правила написания приставок к корням, начинающимся со звонких и глухих согласных. По запросу «без» выдается куча нерелевантной информации.
Сайт крутой, поиск без Enter’a очень удобен. Шапка прыгает при переходе, можно сделать.

Andrew Marcus 2010

В ИЕ косит. Ну вы в курсе, да?

Илья Бирман 2010

Нет. Знаете, как починить?

Panya 2010

Попросили перепостить с хабра.

Отличный сайт. Но много неоптимальных моментов. Например, зачем посылать запрос при каждом кейдауне в поиске? Лучше ждать, когда пользователь последний раз нажмет кнопку, в течение какого-то таймаута (микропаттерн debounce). Почему иконки не в спрайте и в гифе? Не врублен gzip. Не установлены заголовки для кэширования статики. Старая версия jquery, наконец. Такой сайт должен открываться с молниеносной скоростью при любом канале на любом компьютере и быть всегда доступным.

Еще, при клавиатурной навигации по страницам неплохо бы обрывать дефолтное действие браузера (preventDefault), а то под файрфоксом на маке, при переходе происходит звуковой сигнал (как при ошибке).

Panya 2010

И кстати, все то, что выделаете с помощью канваса можно сделать без него. На ратягивающихся картинках (где можно через background-size, а где нельзя через img). Правда не уверен, что это будет быстрее, нужно тестить.

Илья Бирман 2010

Будьте добры, потестите.

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

добавляю к комментарию Panya:
jQuery надо линковать с Гугла, скрипты и стили надо объединять в один файл и минифицировать.

Женя Арутюнов 2010

Мне всё понравилось

Олег 2010

Илья, иконка возле поиска не нужна, так как 90% людей пойдут туда за настройками, а не за видео. Я думаю её лучше перенести к логотипу и добавить кнопку поиска, например: http://i50.tinypic.com/2zgbzw5.png

Andrew Marcus 2010
  • Нет. Знаете, как починить?

Ну решение в лоб — выставить .head-wrap .head table ширину 88%, а не 100%. Отчего-то в ИЕ 8 два маргина по 6% в верхнем диве провоцируют горизонтальную прокрутку. Вообще, там много мелких косяков в ИЕ. Позже перечислю все, я подумал что вы на него просто забили.

Илья Бирман 2010

У меня его просто нет. Я хочу его поддерживать.

Если вы сделаете для меня отдельный ЦСС для ИЕ и подскажете, как его подключить, чтобы не сломать другие браузеры, будет очень круто. Я бы хотел, чтобы в нём были прокомментированы ключевые вещи, чтобы я в будущем смог их тоже обновлять при необходимости.

VV 2010

Илья, спасибо. Ваша работоспособность просто поражает.

Семен Куликов 2010

Илья, спасибо за работу!
Добавил в закладки и уже успешно воспользовался.

В параграфе 63, в последнем абзаце ошибка: «и некоторое другие».

Илья Бирман 2010

Спасибо, исправил.

Кирилл 2010

Клёвый сайт! Единственное пожелание — не ограничиваться только правилами русского языка.

К примеру, часто возникают вопросы типа:
1) Нужна ли запятая в предложении «Как правило, разработчики прислушиваются к мнению пользователей» :)
2) В каких случаях слово «вроде» («вроде бы») выделяется запятыми, а в каких — нет?

Если сделаете — цены не будет такому сайту. А пока приходится ходить сюда: http://www.gramota.ru/spravka/.

Илья Бирман 2010

Кирилл, вам надо прочувствовать смысл понятия «вводное слово» (или выражение). Почитайте http://therules.ru/comma-9/.

Ограничиваться всегда нужно, без этого нет проекта.

Илья З. 2010

Волшебный сайт, уже разрекламировал в своём бложике. Спасибо!

Кстати, начитавшись здесь отзывов, ввёл «в» и получил ничего. Может, сделать списки союзов, предлогов, частиц, приставок и тому подобного для таких случаев?

Илья Бирман 2010

А что вы искали?

Юлия Смирнова 2010

Илья, огромное спасибо за сайт!
Теперь правилами будет приятно пользоваться.

Дмитрий Ачкасов 2010

Великолепно, Илья! Большое спасибо. Как на счет правил других годов (или даже других языков) на этом же движке, например дореволюционной орфографии?

Илья Бирман 2010

1956 — самый последний свод, по моим данным.

Дореволюционную я бы с удовольствием сделал, но нужен источник.

Илья З. 2010

Правописание предлогов слитно/раздельно («в общем» или «вообщем», как сверху спрашивали).

Женя 2010

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

Илья Бирман 2010

Я вписал в поиск «и е сущ», третий параграф в выдаче — то, что вам нужно (§ 40).

Kalan 2010

Раз уж на главной написано «дефис (чёрточка)», то и первые результаты поиска по чёрточке должны быть идентичны результатам по дефису. А то мало ли.

Andrew Marcus 2010

Илья, с ИЕ оказалось все просто: на сайте не прописан доктайп и осел уходит в режим совместимости, где рушится выравнивание и сбивается шрифт на странице. Прописать <!DOCTYPE html> или XHTML Transition достаточно для решения, вроде, всех косяков верстки. Так что КСС с комментами не нужен ;-)

Еще там не работает скрипт прижимающейся шапки, она просто прокручивается вместе со страницей. Решается заменой строчки
$(document).scroll(function(){
на
$(window).scroll(function(){
а также
$(’#title-box’).css(’padding-top’, (0.35 * 1-fade) + ’em’)
на
$(’#title-box’).css(’padding-top’, (0.35 * (1-fade)) + ’em’)

в файле hang.js. ИЕ не ловит document.scroll, а window.scroll понимают все браузеры. А во второй строчке он не понял выражение без скобок ;-)

А зачем в скрипте if(!window.opera) насильно ограничивает работу скрипта? Не заметил с ним косяков в Опере.

Илья Бирман 2010

Доктайп ХТМЛ ломает вёрстку в Сафари. Что сделать, чтобы было хорошо всем?

Скрипт поправил. Удивительно, что порядок действий хоть кто-то понимал без скобок :-) Проверка на Оперу была до 10.5, там это работало криво. В 10.53 всё хорошо, так что проверку убрал.

Спасибо.

Kalan 2010

Блин, только сейчас заметил: у меня иконка почему-то глючно экспортнулась, размером 14×14 вместо 16×16. Видно стало, по закону подлости, только на сайте.

Перевыложил её в том же месте: http://v.kalan.cc/therules.ico

Гордон Фриман 2010

Илья, супер. Спасибо большое.

Мои книги