Пример указанный на сайте
http://maxmert.com/scaffolding#formHorizontal

• никак не позволяет подстраивать форму под размеры экрана, что приводит к сведению на нет всей адаптивной верстки страницы с блоками

Устроило бы решение form grid,
http://maxmert.com/scaffolding#formGrid
если бы для ячеек без полей - не создавалась бы серая рамка.

Для себя использовал костыль в виде дополнительного класса, но ведь это не правильно
.-form .-form-field.text{
line-height: normal;
border-style: none;
text-align: right;
padding: 3px;
}

Горизонтальная форма должна модифицироваться в вертикальную, если размер экрана слишком мал?

Когда перемещаешь размер на элемент и справа изменяется html, я заметил, что размер дописывается в конец, а не производится его замена на другой, при нескольких применений:

страница http://maxmert.com/javascript . Если уменьшить размер окна браузера, появляется скрол, но левое меню уходит как бы "влево" и его становится не видно. Также справа под кнопкой fork me появляется белый фон.

[21:26:27.430] ReferenceError: Modernizr is not defined @ file:///C:/Users/flicus/WebstormProjects/eva_search/static/js/maxmertkit.popup.js:249

javascript
$('.pageSize').popup({
trigger: 'hover, hover',
animation: 'scaleIn',
animationDuration: 400,
template: '

html
https://gist.github.com/flicus/5124959

Работает если наводить только из-за пределов "рабочей области бразуера" в общем если навести сначала на адресную строку браузера, а потом на таб - тогда сработает, иначе никак.

Уползают вверх

I'm slowly moving my javascript projects into google's Dart and while maxmertkit is my top choice for further projects, it would be nice to have it natively available.

В Сафари режется меню в левой колонке. Первые буквы не видны.
макбук айр, наверное 1440 на 900, окно чуть-меньше экрана, сафари 6.0.2

Windows Phone 7

Доброе время суток.. Спасибо большое за работ вашу.. меня единственное останавливает от использования Font Awesome то что иконки не работаю в ie mobile .. Сам не нашел никаких способов решить эту проблему к сожалению..

Опыта не так много, чтобы решить проблему самому, а ваш фрйемворк крайне заинтересовал, подскажите.. в чем может быть проблема, в Chrome создал grid, она изначально отобразился только в цифрах, пришлось забраться на сайт и утащить из style.css строчку со стилями color-row, вставил их в maxmertkit.css, в Chrome успешно появились цвета блоков, но в IE 9 нету не только цветов, но и самих цифр то есть текст даже не виден, в чем может быть дело?
Для наглядности картинки: http://disk.tom.ru/gv4s42y

It would be great if we can have a splitter.

Example can be seen here

http://www.jqwidgets.com/jquery-ui-splitter/

Hi. Thanx for Nice Work.
Can you add the RTL Support feature?

Пожелание: добавьте еще классы для вывода изображений. А-ля thumbnail в bootstrap.

Chromium Версия 23.0.1271.97 Ubuntu 12.10 (23.0.1271.97-0ubuntu0.12.10.1)
<span class="-form-field -col3"> Больше чем select
http://i45.tinypic.com/2eey8tj.png

А почему решили сделать фреймворк не на базе БЭМ?

Если на модификатор dropdown навести сначала top а потом right то модификатор top не удаляется. Предотвращение дублирование можно сделать перечислением всех свйоств, а не только left для правых и etc. В таком случае будет работать последний модификатор, который будет в css.
Старый модификатор цвета или размера можно полностью заменять, а не добавлять существующий.

Максим, приветветсвую. Спасибо за maxmertkit. Выбрал его для персонального проекта вместо всяких bootstrap и прочих.

Пытаюсь использовать modal вместо подтверждающего окошка для удаления данных. Как мне в modal передать данные? наприемер id или целую модель которую я сношу? (использую Ember JS). Нужно отследить нажатие кнопки в самом модале и удалить если подтвердили.

Спасибо

З.Ы: Надеюсь разработка не остановилась? а то уже обновлений не было с самого начала года.

Chrome 23.0.1271.97 m, Windows 7 x64

1. Toolbar
   
2. Groups with carets
   
3. Form selectbox
   

Сабж - http://maxmert.com/widgets#tabs

Ещё тут нужно поправить

Status modifiers

заменить на

Please add a footer subclass for dropdown.

Применяя классы -col# на .-form-field и на input получаем поля разной ширины.
Два input.-col1 по ширине меньше чем один input.-col2

Как мне кажется (хотя могу и ошибаться) код ниже должен построить форму с полями одинаковой ширины, если не во всех вариантах конструкций - то должен быть способ сделать это без лишнего гемороя :)

<form class="-form _horizontal_">
    <div class="-form-row">
        <label>Text</label>
        <span class="-form-field -col2">
            <input type="text"/>
        </span>
    </div>

    <div class="-form-row">
        <label>Text</label>
        <span class="-form-field">
            <input class="-col2" type="text"/>
        </span>
    </div>


    <div class="-form-row">
        <label>Select</label>
        <span class="-form-field">
            <select class="-col2">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>
        </span>
    </div>

    <div class="-form-row">
        <label>Select</label>
        <span class="-form-field -col2">
            <select>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>
        </span>
    </div>

    <div class="-form-row">
        <label>Inline</label>

        <span class="-form-field">
            <input class="-col1" type="text"/>
        </span>

        <span class="-form-field">
            <input class="-col1" type="text"/>
        </span>
    </div>

    <div class="-form-row">
        <label>Inline</label>

        <span class="-form-field -col1">
            <input type="text"/>
        </span>

        <span class="-form-field -col1">
            <input type="text"/>
        </span>
    </div>

    <div class="-form-row">
        <label>Group</label>

        <div class="-form-field -group">
            <input class="-col1" type="text"/>
            <input class="-col1" type="text"/>
        </div>
    </div>

    <div class="-form-row">
        <label>Group</label>

        <div class="-form-field -group _vertical_ -col2">
            <input type="text"/>
            <input type="text"/>
        </div>
    </div>
</form>

JavaScript error:
Uncaught TypeError: Cannot read property 'nodeName' of undefined global.js:157
(anonymous function) global.js:157
Y.event.dispatch libs.js:1
o.handle.u

Linux, Chrome 25.0.1364.29 dev

Пользуюсь Gentoo Linux и Firefox 17.0.1.

На странице http://maxmert.com/social не загружается панель навигации и не активно боковое меню из-за того, что не возвращается callback от кнопки github.

В Firebug активный GET-запрос:
http://maxmert.com/services/social/githubForkButton?user=maxmert&repo=maxmertkit&counter=true&buttontext=Watch%20me

После большого таймаута появляется меню навигации и становится активным боковое меню кроме кнопки #delicious.

In some parts of docs missing global variables description.

Еще стоит добавить хотя бы еле заметный верхний border для кнопок. Иначе с appendix и в группе с input они смотрятся странно — визуально элементы получаются разной высоты.

На маке, вероятно, со шрифтами ситуация получше, но в винде иконки выглядят действительно ужасно. Для хрома есть небольшой трюк. Если в font-face указать путь к svg-шрифту раньше, чем к woff, то ситуация заметно улучшается:

Вот так оно выглядит в xubuntu при скроле (chome Version 23.0.1271.97).

Наверное так не должно быть?
min-height возможно надо править

http://take.ms/K8HVsd

обновил хром и получил вот такю чудную картинку на своем проекте и на странице проекта

Если кнопка с выпадающим списком находится в модальном окне, то после его закрытия список не исчезает и остается в фиксированном положении.

p.s. Фреймворк шикарен, спасибо вам за такую работу=)

label — в примере прописан, но бесполезен

А вот так форма ломается

Использую v 0.0.2, скачанную с сайта (http://maxmert.com/download).

Если подключать файл maxmertkit.min.js, то модельное окно (#div-modal), с классом "-modal" , отображается прямо на странице, не прячется после загрузки DOM, хотя к нему применяются css-стили.

В консоли браузера выдаются ошибки:

1. e.kit is not a constructor 1 строке файла maxmertkit.min.js
   2 )$("#div-modal").modal is not a function в файле моего примера

Если подключить вместо одного два этих, то все работает отлично.

Спасибо за отличный фреймворк.

http://maxmert.com/javascript#modaljs

При нажатии на кнопку «Show modal» появляется окно с белой рамкой вокруг, после заверешения анимации рамка пропадает.

При этом, если модальное окно не закрывать и проскролить страницу, то артефакт в виде белой рамки опять появляется и пропадает.

Mac OS 10.7.5, Google Chrome 24.0.1312.52.

В Safari 6.0.2 (7536.26.17) такое не наблюдается.

Selenium tests will run on https://saucelabs.com/opensauce

As Vetrenko Maxim Sergeevich says : "Today all javascript code is native, but I want to rewrite it to coffee. It is easier to support coffee code."

My take would be http://js2coffee.org/ which (although it looks abandoned), it gives you a nice shortcut to coffee...
Then you can begin to better taking use of coffee's sugars :-)

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

Для body это лишнее

Съехала на один пиксель. в месте стыка.
http://monosnap.com/image/JnkUnnvZp4XtDqPuXHMFYMyu2/

В IE10 левое меню заезжает за край

[gulp] Finished 'kitSass' after 22 s
[gulp] maxmertkit.js saved 22.84 kB (51.65 kB -> 28.81 kB)

stream.js:94
throw er; // Unhandled stream error in pipe.
^
Error: Invalid arguments
at filesize (/Users/admin/Downloads/maxmertkit-1.0.0/node_modules/gulp-bytediff/node_modules/filesize/lib/filesize.js:33:9)

Убрать для body