Permalink
Browse files

Readme file added.

  • Loading branch information...
1 parent 17b164f commit 49f6db74cade80dd9b51d3d52ffb3d4798e187ed Denis Kokin committed Aug 9, 2011
Showing with 19 additions and 0 deletions.
  1. +19 −0 README.md
View
@@ -0,0 +1,19 @@
+# Букмарклет для отображения сетки 10x10 #
+
+При помощи данного букмарклета можно на любой сайт в любом браузере наложить нашу дизайнерскую макетную сетку 10x10.
+Сетку можно двигать стрелками на клавиатуре. По нажатию ESC сетка убирается.
+На время показа сетки скроллинг документа стрелками лочится (можно по прежнему скроллить колесом мыши либо ползунками скроллбаров).
+
+На текущий момент это демонстрационная версия, не тестировалась во всех браузерах.
+
+
+## Как это использовать ##
+
+Очень просто. Нужно вот [эту ссылку](javascript:(function(){_my_script=document.createElement('SCRIPT');_my_script.type='text/javascript';_my_script.src='https://github.com/d-kokin-parc/100by10x10_grid/raw/master/js/100by10x10_grid.js';document.getElementsByTagName('head')[0].appendChild(_my_script);})(); "Макетная сетка 10x10 Parcsis") драг-н-дропом перетащить на панель закладок вашего браузера. Затем на интересующем сайте просто кликнуть на эту закладку, немного подождать и ужаснуться, насколько ваша вёрстка не соответствует сетке ;) Более наглядно показано [здесь](http://youtu.be/TyXnaQ4Lqsc).
+
+
+### Список ожидаемых в будущем фич: ###
+
+1. Реализациия сетки на HTML Canvas.
+2. Добавление возможности всяко сетку настраивать (благодаря п. 1. по идее можно будет в частности задавать шаг сетки).
+3. Двигание сетки курсором мыши a là *pan tool* в этом вашем фотошопе

0 comments on commit 49f6db7

Please sign in to comment.