Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «bootstrap»
[Из песочницы] ASP.NET MVC: Добавляем поддержку Grid System в Data Annotation 2012-05-16 21:43:51
Добрый день.
В этой статье я опишу как можно модифицировать автоматическую генерацию форм ...
+ развернуть текст сохранённая копия
Добрый день.
В этой статье я опишу как можно модифицировать автоматическую генерацию форм в ASP.NET MVC с помощью Data Annotation, в частности добавить поддержку Grid System.
Grid System (сетки) позволяет быстро создать вёрстку основанную на сетке. Данный результат достигается при помощи протестированных на кроссбраузерность пресетов ширины страницы, куда вы помещаете свой код. Читать дальше →
Тэги: .net, annotate, asp, asp.net, bootstrap, data, grid, metadata, mvc, system, twitter, веб-разработка
jQuery UI Bootstrap Theme 2012-04-25 14:12:43
... использую Twitter Bootstrap и jQuery ...
В Twitter Bootstrap, набор переключателей представлен ...
+ развернуть текст сохранённая копия
Хабы: jQuery, Веб-разработка
На проектах использую Twitter Bootstrap и jQuery UI для прототипирования интерфейсов различных элементов страниц в т.ч. форм.
На днях понадобилось дополнить форму одним полем. Был выбран наиболее подходящий формат, в виде набора переключателей (элемент input, тип radio).
В Twitter Bootstrap, набор переключателей представлен в виде набора кнопок и не работает напрямую с элементом input, что предполагает написание дополнительного кода для обработки событий. Библиотека jQuery UI, имеет решение подобной задачи, и вся обработка событий уже реализована.
Вот что из этого получилось
Тэги: bootstrap, jquery, twitter, веб-разработка
Планы 2012-04-17 11:51:00
... , перевёл на twitter bootstrap. Быстро прототипизируется, удобно ...
+ развернуть текст сохранённая копия
В ближайшее время планирую обновить и продолжить статьи по Kohana 3.2 и начинать готовиться к Kohana 3.3 и соответствующими проблемами с совместимостью, ибо опять изменения
По немного начинаю работать с Zend Framework, в связи с чем появятся статьи по этому фреймворку. Хотя после Kohana работать с Zend'ом тяжеловато... некоторые вещи кажутся избыточными, для некоторых требуются дополнительные телодвижения.
Плотно подсел на sass. В одном из проектов с макетом у которого не была до конца определена цветовая гамма, решил попробовать... понравилось, теперь вся вёрстка с sass. В ближайшее время хочу поковыряться с less, благо повод есть.
Решил проблему с мучениями административного интерфейса, перевёл на twitter bootstrap. Быстро прототипизируется, удобно, можно оптимизировать для мобильных устройств. Всё лишнее можно вырезать. CSS собирается из less, собственно повод по ковырять с less. Плагины на js с алертами, модальными окнама, прогресс-барами, выпадающими списками, табами и т.д.
Перешёл с ant на phing, если потратить несколько часов на написание и отладку build.xml для проекта, то потраченное время окупиться с лихвой. Проект сам бэкапиться, кэш отчищается, sass/scss пересобирается, все js и css файлы минифицируются, создаётся дамп базы, скрипты проверяются на соответствию стандарту кодирования, документация генерируется, файлы для размещения складываются в отдельный каталог для выкладывания на продакшен, девелоперские конфиги меняются на "боевые". Выкладываю в ручную, хотя и это можно делигировать phing'у.
Начав изучать Zend Framework наткнулся на несколько внятных статей по юнит-тестированию, в которых описываются не какие-то абстрактные классы или объекты с абстрактными вызовами, а весьма конкретные контроллеры приложения с соответствующими тестами на них и объясняется что такое code coverage... После этого понял, что во всех проектах использовал ручное тестирование. Постараюсь и эту тему раскрыть, ибо полезное, важно и удобное, но в документации чёрт ногу сломит, никто внятно не может объяснить зачем это нужно и как использовать.
p.s. Что меня бесит в Zend coding standards, это 4 пробела вместо табуляции, я понимаю в python блоки выделяются парными пробелами и замена табуляцией не прокатит на уровне компилятора, но в php может быть табуляция или любое количество пробелов.
Решение: добавил в начало скриптов // vim:ts=4:sts=4:sw=4:et
Тэги: bootstrap, framework, kohana, less, phing, phpunit, sass, scss, twitter, zend
Kickstrap — форк Twitter Bootstrap с темами и бонусами 2012-03-31 03:32:20
... если соединить Twitter Bootstrap, HTML5 Boilerplate, значки ...
+ развернуть текст сохранённая копия
Хабы: Веб-разработка, jQuery, CSS
Kickstrap это то, что будет если соединить Twitter Bootstrap, HTML5 Boilerplate, значки от IcoMoon и Font Awesome, добавить проверенные jQuery плагины Chosen и jGrowl, включить поддержку разных цветовых схем и тем оформления Bootswatch, дополнительную CSS сетку и вменяемую поддержку ранних версий IE.
Читать дальше →
Тэги: bootstrap, css, html, html5, javascript, jquery, twitter, uikit, бесплатный, веб-разработка, красивый, плюшка
Font Awesome: бесплатный свободный (CC BY 3.0) шрифт со значками для употребления в стиле Twitter Bootstrap 2012-03-20 12:05:49
... системою Twitter Bootstrap, уж конечно ... Awesome в Twitter Bootstrap без каких ...
+ развернуть текст сохранённая копия
Хабы: Типографика,Веб-разработка,Веб-дизайн
Всякий такой веборазработчик или дизайнер сайтов, которому когда-либо доводилося ознакомиться со стилевою системою Twitter Bootstrap, уж конечно помнит, что в ней применяются значки Glyphicons (120 штук) для оформления кнопок, и панелей инструментов, и пунктов в списках, и так далее. Распространяются эти значки бесплатно и свободно (по лицензии CC BY 3.0).
У всех этих значков, однако же, есть общий недостаток: они растровые. Соответственно, если в значке есть диагональные или криволинейные элементы, то растянуть такой значок (для крупной кнопки или для сетчаточных дисплеев) не удастся без неприятной потери качества.
Преодолеть этот недостаток намерен проект Font Awesome, нацеленный на разработку бесплатного и свободного (CC BY 3.0) шрифта, содержащего аналогичные значки не в растровой, а в векторной форме. Значки («буквы») этого шрифта легко могут принимать поэтому любой размер и любой цвет. Притом их ужé и не сто двадцать, а сто сорок.
К шрифту прилагаются стилевые файлы, позволяющие начать использование Font Awesome в Twitter Bootstrap без каких-либо особенных усилий.
Читать дальше →
Тэги: awesome, bootstrap, font, glyphicons, typekit, бесплатный, веб-дизайн, веб-разработка, векторный, графика, растровый, типографика, шрифт
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
Главная / Главные темы / Тэг «bootstrap»
|
Взлеты Топ 5
Падения Топ 5
|