Здравейте, 

пишата тази тема с предусловието, че адски много се дразних, че няма LIVE HTML Preview в GitHub и всеки път трябва да цъкам разни бутони и да променям линкове. Това ме наведе на мисълта да си напиша сам extension за Chrome, който да ми прави това което искам.

За хората, които често използват GitHub, а и не само, и не са открили следните добавки, силно им ги препоръчвам:

/ Слагам линкове за Chrome, по-късно ще сложа и за Firefox/

GitHub Mate

  • теглене на индивидуален файл с един клик
  • показва размера на цялото Repo

За съжаление тегленето на директории става по-трудно, трябва да имате инсталиран инструмент и да пишете команди и пак става бавно. Ако искате да си улесните живота и живота на колегите си .zip-вайте всяка директория. Можете да използвате CleanProject, който добавя бутон в контекстното меню на всяка директория и автоматично .zip-ва папката като премахва разни боклуци (за C# това са Debug/Release папките и .exe файловете).

Octotree

  • добавя Sidebar отляво и показва цялото ви Repo в дървовидна структура
  • по-лесна и по-бърза навигация
  • скриване/показване с Ctrl+B

GitHub Tree

  • добавя ви бутон в Address bar-a, който показва цялото ви Repo в дървовидна структура

github-find

  • бързо и лесно търсене по име на файл в цялото ви Repo (с натискане на клавиша 't')
  • бързо и лесно търсене по съдържание на файл в цялото Repo (с натискане на Ctrl+Shift+F)

Github HTML Preview

  • добавя бутони за буквално интепретиране на HTML-a (HTML LIVE Preview)
  • ще имате проблеми, ако ползвате https

Ако ползвате https най-вероятно ще имате проблем и HTML Preview бутона няма да работи. Можете да използвате моята добавка.

Моят GitHub extension за Chrome

  • добавя бутон за визуализация на HTML-a, като не го визуализира през 3-ти сайтове (3rd party), а директно през сайта на GitHub.
  • Искате да копирате кода, но Ctrl+A селектира цялата страница, а бутона Raw зарежда бавно и не можете да редактиране кода на място? На помощ е бутон за Select на текста, който не е 100% довършен. Попринцип когато го щракнете можете да променяте кода на място и да го копирате целия, но не можах да го направя да селектира автоматично целия кода.
  • Инсталация: В Chrome -> Tools -> Extensions -> drag and drop-вате файла github-ext.crx от папката github-ext-package. 

Ако се интересувате, препоръчвам да прегледате кода на добавката и най-вече inject.js. Добавката работи само за github.com и не прави нищо повече да проверява през 150 ms адреса на сайта и ако текущата страница сочи към документ - добавят му се двата бутона. Проверката през 150 ms се прави постоянно тъй като е Responsive и не се Refresh-ва и това беше най-бързия начин да го направя, и не намерих event за промяна на адреса, май това е единствения най-лесен и примитивен начин.

Ако желаете да си направите подобна добавка, за добавяне на бутони и по-лесни неща можете да прегледате кода ми и да работите върху него.

За по-advanced неща (за Chrome), можете да прегледате: http://goo.gl/nlSCYc :D повечето статии са добри, с лесни стъпки, в зависимост от това какво искате да направите. 

Можете да намерите още няколко добавки (някои остарили и безполезни) тук:

Quick Tip: Chrome Extensions that make GitHub rock

Поздрави!