Semantic UI — почти альтернатива Bootstrap
2013-09-14 12:34:07
... интересную штуку.
Semantic UI — это фреймворк ...
semantic add button
semantic add icon ...
+ развернуть текст сохранённая копия
Наткнулся сегодня на одну интересную штуку.
Semantic UI — это фреймворк для создания переносимых интерфейсов, который поможет повторно использовать элементы UI в своих проектах. Такая себе альтернатива Bootstrap.
Небольшой пример — если вы хотите добавить в свой проект что-то похожее на кнопку
просто воспользуйтесь следующими элементами:
semantic add button
semantic add icon
Читать дальше →
Тэги: bootstrap, semantic, веб-дизайн, веб-разработка
Сравнение эффективности минимизаторов CSS- и JavaScript-кода (Сентябрь 2013)
2013-09-13 01:37:06
+ развернуть текст сохранённая копия
За прошедшие, с момента публикации предыдущего обзора, 3 месяца уже успели обновиться почти все рассмотренные алгоритмы минимизации (кроме, Packer`а). Кроме того в Bundle Transformer появился новый модуль-минимизатор на базе Clean-css — BundleTransformer.CleanCss.
При подготовке данного сравнительного обзора были учтены следующие пожелания читателей:
- В предыдущем обзоре в качестве исходных файлов использовались:
bootstrap.css
и bootstrap.js
из Twitter Bootstrap 2.3.2, из-за чего достоверность результатов была низкой. В новом же обзоре размер выборки был увеличен: для сравнения были отобраны 7 JS-файлов и 5 CSS-файлов из 10 популярных Open Source-проектов.
- Теперь в сравнении минимизаторов CSS-кода также участвуют встроенные средства минимизации препроцессоров LESS и Sass.
- Как известно, Bundle Transformer минимизирует каждый файл по отдельности и затем производит объединение минимизированного кода в один файл. Данный механизм сделан для того, чтобы предотвратить повторную минимизацию предварительно минимизированных файлов. Другие аналогичные библиотеки сначала объединяют код файлов, а затем минимизируют этот объединенный файл. Поэтому для полноты картины мы произведем 2 сравнения: сначала сравним эффективность минимизаторов на файлах, полученных путем объединения минимизированного кода, а затем на файлах, полученных путем минимизации объединенного кода файлов.
Как и в предыдущем обзоре, для минимизации файлов мы будем использовать модули Bundle Transformer, а для измерения размеров полученных файлов – расширение YSlow.
Читать дальше →
Тэги: ajax, bundle, clean-css, closure, compiler, compressor, css, csso, javascript, jsmin, less, microsoft, minifier, sass, semantic, transformer, uglifyjs, webgrease, yui, веб-разработка, клиентская, минимизация, оптимизация
Сравнение эффективности минимизаторов CSS- и JavaScript-кода
2013-06-03 00:04:55
+ развернуть текст сохранённая копия
Разработчики, использующие Bundle Transformer, часто спрашивают у меня: «Какой минимизатор обладает самой высокой степенью сжатия?». В принципе, в сентябре прошлого года в своей статье «Вышел Bundle Transformer 1.6.2 или что изменилось за полгода?» я уже проводил сравнение минимизаторов по степени сжатия кода, но это сравнение было поверхностным и не было подкреплено цифрами.
В этой краткой статье мы проведем сравнение наиболее популярных алгоритмов минимизации CSS- и JS-кода на примере адаптеров-минимизаторов из Bundle Transformer. В качестве исходных файлов будут использоваться файлы
bootstrap.css
и
bootstrap.js
из Twitter Bootstrap версии 2.3.2. Измерять размеры файлов мы будем с помощью YSlow.
Читать дальше →
Тэги: ajax, bundle, closure, compiler, compressor, css, csso, javascript, jsmin, microsoft, minifier, pack, semantic, transform, uglifyjs, webgrease, yui, веб-разработка, клиентский, минимизация, оптимизация
KESW-2013: Продление сроков приема статей.
2013-05-30 08:39:55
... "Knowledge Engineering and Semantic Web Conference 2013 ...
+ развернуть текст сохранённая копия
Уважаемые читатели и участники конференции KESW-2013, Хорошая новость от организаторов конференции "Knowledge Engineering and Semantic Web Conference 2013" - на неделю сдвинули сроки приема статей. Поэтому все желающие могут еще успеть подать заявку на участие до 31.05.2013. и статью для опубликования до 7 июня. Более подробно на KESW-2013
Тэги: semantic, web, встреча, семинар
Информационная система на базе Semantic MediaWiki
2013-04-23 10:29:27
... хорошая статья про Semantic MediaWiki. Не претендуя ... и расскажу про Semantic Forms.
+ развернуть текст сохранённая копия
Предисловие
Очень удачно, что несколько дней назад здесь появилась хорошая статья про Semantic MediaWiki. Не претендуя на такое же глубокое изложение материала, подхвачу эстафету и опишу свой практический опыт использования MediaWiki с почти нулевыми начальными знаниями. Прошу прощения у автора первой статьи ganqqwerty за то, что забегу вперед и расскажу про Semantic Forms.
Начало
В начале года вызвался я решить непрофильную задачу — создать для нашей организации информационную систему. Сейчас решение более-менее обрело очертания, попробую поделиться опытом.
Наши сотрудники ежегодно отчитываются о своих достижениях. По этой информации вычисляются количественые показатели. Также интересны всякие сводные таблицы. В общем, реально полезной информации там достаточно, имеет смысл сделать так, чтобы её было удобно добывать.
Раньше всё было оформлено как Excel таблица определённой структуры. Каждый сотрудник заполнял свой лист, показатели считались по заданным формулам. На этом, в общем-то, информация заканчивала свой путь — если она использовалась где-то ещё, её приходилось добывать заново.
Как это всегда бывает, я пришел совсем не с этой идеей — хотелось, грубо говоря, сделать свой ВКонтактик для улучшения информированности друг о друге. Идея в умах начальства трансформировалась и выстрелила в меня этим проектом — мол, здорово, обязательно сделаем, но у нас годовые отчёты на носу, можно ли эту информацию в такую систему забить? Делаю вид "лихой и придурковатый", отвечаю утвердительно и иду изучать материальную часть.
Задача
Итак, требуется очень-очень быстро сделать сайт, где каждый пользователь может легко и просто разместить информацию определенной структуры. И чтобы эту информацию можно было бы легко обрабатывать — показатели всякие считать, списки-таблички строить. Поиск, само собой, нужен, да не просто текстовый, а с учётом структуры этой самой информации.
Читать дальше →
Тэги: cms, intraacl, mediawiki, semantic, wiki, wiki-технология, веб-разработка