DocHub.io — удобный справочник HTML, CSS, Javascript

    Интернет наполнен огромным количеством документации для веб-разработчиков. Но, к сожалению, использование большей части документации довольно неудобное. Для примера, возьмем Mozilla Developer Network (MDN). Сайт Mozilla Developer Network предлагает большой объем документации по CSS, JavaScript, HTML, SVG и т.д., но навигация по нему утомительна — нет никакого глобального меню и поиск не столь удобный.

    Это привело разработчика Рафаэль Гарсия создать instaCSS — быстрый способ просматривать документацию CSS от MDN. Благодаря хорошей функции поиска и чистому, простому дизайну с хорошим глобальным меню instaCSS стал хитом по мнению читателей Hacker News. В связи с большим спросом, Гарсия перевел проект на более широкий домен DocHub.io и расширил поиск по CSS, HTML, JavaScript и DOM.

    Гарсия выпустил DocHub на GitHub, значит, вы можете создать свой ​​собственный локальный экземпляр сайта и использовать его когда у вас нет доступа в Интернет (правда, такие времена становятся редкими для большинства из нас).

    Хоть DocHub и хороший проект, но он не без недостатков. Например, ему не хватает уникальных URL-адресов, так что вы не сможете указывать ссылку на какой-то конкретный раздел. Он также использует hash url и с кнопкой Назад" в браузере возникнут проблемы.

    Тем не менее, несмотря на эти проблемы, DocHub.io является одним из лучших сайтов документации — безусловно, стоит добавить в закладки.
    Поделиться публикацией
    Ой, у вас баннер убежал!

    Ну. И что?
    Реклама
    Комментарии 26
    • 0
      В закладки
      • +15
        Что собрано это хорошо, а в целом — отказать. Медлительно и отсутствует контекстный поиск. На справочник явно не дотягивает.
        Не вижу бонусов относительно htmlbook, на нём к тому же поиск прикручен, пускай и через Google (ни чего плохого в этом нету).
        • +5
          На htmlbook пока не все css3 свойства описаны, но Влад скоро восполнит этот пробел. Так что да, htmlbook пока выигрывает в этом вопросе. К тому же там сразу есть табличка с поддержкой браузеров и найденные фокусы особенности поведения тех или иных свойств в отдельных браузерах.
          • –1
            Ну если так говорить, то там и JS нету, но для этого есть и другие ресурсы в сети. Ни кто не сказал что все смежные темы должны быть собраны вместе.
            • 0
              Для js есть javascript.ru, отлично покрывающий тему.
            • 0
              > найденные особенности поведения тех или иных свойств в отдельных браузерах.

              Имхо, киллерфича.
          • +3
            Если мне что-то нужно уточнить, я ищу в поисковике и просматривать результаты наиболее релевантные моему запросу, поэтому не привыкла пользоваться только одним ресурсом.
            Но, вне сомнения, View the live example — это просто отлично, особенно для новичков.
            • +1
              help.dottoro.com/
              Вот вам и совместимость с браузерами и хтмл и цсс и жаваскрипт. Причем очень полный справочник, наткнулся случайно
              • –1
                Нет ничего хуже рекламы в документации.
                • 0
                  если оффициальная документация языка там или ещё чего, то да, это плохо. А так на htmlbook.ru она есть, на javascript.ru её нету, потому, что Илья Кантор зарабатывает не не посредственно на сайте, а на занятиях, как я понял (хотя сейчас посмотрел, все же там один рекламный блок есть, притом его можно спрятать). На w3schools есть.
                  А при том условии, что там наверное лучшая документация по фронт енду, из тех что я лично видел, я думаю это простительно
              • +5
                htmlbook.ru
                html и css
                когда-то активно пользовал, сейчас заглядываю иногда чтоб освежить память о совместимости с браузерами.
                • +2
                  ах да, еще там статьи, уроки и прочие полезности
                  • +1
                    *простите, невнимательного*
                    Не заметил, что уже выше в комментариях привели ссылку на него
                  • 0
                    Не работает…
                    require.js:1506Uncaught Error: Load timeout for modules: order!libs/jquery/jquery-min order!libs/bootstrap/bootstrap-dropdown order!libs/bootstrap/bootstrap-twipsy order!libs/bootstrap/bootstrap-scrollspy order!libs/underscore/underscore-min order!libs/backbone/backbone-min order!libs/spin/spin.min
                    • +1
                      Да, глючит еще прилично. В некоторых разделах повторяются блоки (например в теге Button 3 раза повторяется подраздел «Compatibility»).

                      А так в целом — больше ресурсов хороших и разных.
                      • 0
                        Слишком всё медленно для справочника — «колесо фортуны» крутится по пол минуты иногда.

                        Боюсь быть закиданным помидорами, но меня всегда посещает вопрос при виде прокручиваемого списка слева (меню) и меняющегося содержимого справа: "почему не HTML-фреймы"? Не важно какие — инлайн или обычные.
                        • +2
                          А меня часто мучает вопрос «почему фреймы», когда открываю ссылку из «контента» в новой вкладке и отсаюсь без навигации.
                          • 0
                            >когда открываю ссылку из «контента» в новой вкладке и отсаюсь без навигации.

                            Мне понравилась реализация на rubydoc.info (пример: rubydoc.info/github/stympy/faker/master/Faker) — есть ссылка «frames» / «no frames», даже если открыл что-то в новой вкладке (часто так делаю), всегда можно кликнуть на «frames». Жаль, что работает эта ссылка только с JS, а так — всё классно. =)
                        • 0
                          В разделе JavaScript не нашел ничего по setTimeout и setInterval. Как так то?
                        • +1
                          в css куча всего интересного, а вот доки по :after и :before нет ((
                          • +1
                            htmlbook удобнее, хотя там маловато примеров.
                            • +1
                              Еще один аргумент в пользу htmlbook — он корректно работает с Opera Mini, в отличии от DocHub.
                              • +1
                                Что-то Ваш DocHub.io никак целиком у меня не подгрузится.
                                Если мне нужно что-либо уточнить, htmlbook всегда спасает.
                                По jquery обожаю эту шпаргалку.

                                А MDN меня интересовал когда-то из-за обучения canvas и некоторых других документаций. Навигация и правда была не удобной, и примеры были не рабочими. Сейчас у них внешний вид поменялся, как я вижу.
                                • 0
                                  Сломал в первые 20 секуд:
                                  dochub.io/en/HTML/global_attributes
                                  Выдал «Cannot GET /en/HTML/global_attributes»

                                  За старания 5. Но как завещал дедушка Джобс «Тестировать, тестировать, тестировать».
                                  • 0

                                    Сайт сдох.

                                    Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                    Самое читаемое