На создание библиотеки для удобного форматирования чисел программиста и веб-дизайнера Адама Дрэйпера вдохновила аналогичная библиотека для даты и времени — moment.js. Numeral.js позволяет задавать число знаков после запятой, символы-разделители для дробной части и групп разрядов, формат представления валют, процентов, времени, аббревиатуры для миллионов, миллиардов, мегабайтов и т.п. Кроме того, можно восстанавливать числовые значения из существующего строкового представления. Библиотека распространяется под лицензией MIT.
Читать полностью »
Рубрика «javascript» - 518
Numeral.js — библиотека для форматирования чисел
2012-12-20 в 11:34, admin, рубрики: javascript, moment.js, Веб-разработка, метки: moment.jsJavascript: Рисуем с помощью кривых Безье
2012-12-20 в 10:10, admin, рубрики: canvas, javascript, метки: Canvas, javascript Доброго времени суток, читатели!
Мне очень нравятся барочные элементы. В очередной раз встретив подобный узор на одном из сайтов, представил, как бы он чудесно смотрелся в анимации, картинка бы ожила. Тем более с приходом html5 оживление должно стать гораздо проще в реализации. Но как по точкам нарисовать кривую? Тут как раз кстати вспомнилась кривая Безье!
На уроках векторной графики я люто ненавидел кривые Безье. Принцип ее работы казался магическим, непостижимым и, как бы не сказать грубее, нелогичным. Складывалось ощущение, что сама кривая не знает как извернуться, и как наглый котяра растягивалась как ей удобнее, а не как мне надо.
На самом деле, как всегда, надо было лишь уделить немного времени теории. Все оказалось просто и довольно интересно. В итоге получилась реализация кривых на яваскрипте с использованием canvas.
Кому интересно как строится эта извилистая бестия добро пожаловать под кат!
Читать полностью »
Mozilla — разработчикам: «если не хотите платить 30%-й налог, Firefox OS вам понравится!» Включите в свои планы открытую альтернативу iOS и Android!
2012-12-19 в 16:04, admin, рубрики: Firefox OS, html5, javascript, mobile development, mozilla, будущее здесь, Мобильный веб, операционные системы, смартфоны, экосистемы, метки: Firefox OS, html5, javascript, mozilla, будущее здесь, смартфоны, экосистемы 
На Хабре уже несколько раз упоминалась Firefox OS. Сегодня мне попались несколько интересных англоязычных статей о том, зачем она была создана, о возможном будущем, а также инфографика Mozilla о результатах 2012 года. Надеюсь, материал будет интересен.
Недавно Mozilla сделала заявление, что скоро сделает Firefox OS доступной для пользователей мобильных устройств, и что ей нужны разработчики из iOS и Android. Mozilla создаёт мобильную ОС с открытым исходным кодом, которая бы бросила вызов Apple и Android.
Читать полностью »
Sencha объявила конкурс HTML5 приложений с призовым фондом более 20 000 долларов
2012-12-19 в 2:24, admin, рубрики: extjs, html, html5, javascript, sencha, Веб-разработка, метки: extjs, html5, javascript, sencha
Альтернативы для JavaScript
2012-12-18 в 11:57, admin, рубрики: closurescript, coffeescript, dart, javascript, livescript, opal, roy, TypeScript, Веб-разработка 
Javascript это практически вездесущий язык программирования. В некотором роде его можно сравнить с C на пике его популярности. На нем можно писать всё что угодно, начиная от красивых выпадающих менюшек, слайдеров на вашем сайте, заканчивая полноценнами приложениями для серверов, мобильных, для десктопа и даже для embedded систем типа arduinio.
Но у яваскрипта есть свои заковырки. Прототипная модель объектов, динамиеские типы, колбек-функции, всё это, можно сказать, на любителя. В результате начали появлятся альтернативные языки, предлагающие свои подходы к реализации тех или иных концептов. В этом посте перечислены самые популярные альтернативы теплому ванильному яваскрипту.
Черные дыры при разработке Веб проекта
2012-12-17 в 16:27, admin, рубрики: benchmark, javascript, mysql, php, Веб-разработка, метки: benchmark, javascript, mysql, PHPРечь пойдет о PHP,JavaScript и MySQL как стартовой точке. Я также приведу некоторые цифры тестов производительности и потери времени, которые могут убить проект, на примере одного из продуктов, которые мне пришлось недавно вскрыть на предмет поиска проблемных мест, и покажу как можно в три шага убить проект.
Предисловие.
Недавно мне была поставлена задача, помочь найти проблемы в одном из веб проектов, созданных как обычно на PHP+MySQL, и все это кроме того завернуто в Symfony Framework. База данных начала сильно расти, так-как люди собирали эвенты поведения (допустим автопарка) которые вливались буквально каждые 5 минут. Естественно таблица эвентов выросла, и дабы MySQL с ней хоть как то справлялась, ее разбили на партиции. В итоге все это сводилось к разного рода выборкам и отчетам, т.е. аналитике. В итоге, даже простая выборка за период, плюс небольшой подсчет, занимали от 11 сек и выше. Видимо поэтому и было принято решение, ограничивать выбираемый период в днях.
Мобильные браузеры и position:fixed
2012-12-17 в 15:19, admin, рубрики: css, html, javascript, markup, mobile development, mobile web, метки: css, html, markup, mobile web CSS-свойство position:fixed в Mobile Safari сносно работает начиная c iOS 5. В Android родной браузер частично понимает это свойство начиная с версии системы 2.1, адекватно — с 2.2, полная поддержка — с 3.0. Подробнее: таблица поддержки position:fixed.
HTML:
<div id="topbar">Fixed Title</div>
<div id="content">
<h2>Start</h2>
<p>Main content text </p>
...
<p>Main content text </p>
<h2>End</h2>
</div>
<div id="bottombar">Fixed footer</div>
CSS:
#content{
padding: 50px 0; /* отбиваем высоту баров, чтобы не перекрывать контент вверху и внизу страницы */
}
#topbar,
#bottombar {
position: fixed;
left: 0;
width:100%;
height: 50px; /* фиксируем высоту для простоты */
line-height:50px;
background:#eee;
text-align: center;
}
#topbar {top: 0;}
#bottombar {bottom: 0;}
Теперь в современных смартах у нас topbar и bottombar «прибиты» соответственно к верху и к низу окна. Проблема позицонирования при первом скролле в iOS решается мини-Javacript'ом:
window.scrollBy(0);
Вышло обновление JavaScript шаблонизатора ECT
2012-12-17 в 7:55, admin, рубрики: javascript, node.js, template engine, шаблонизатор, метки: javascript, node.js, template engine, шаблонизаторРовно три месяца назад я представил хабрасообществу JavaScript шаблонизатор ECT. Вчера для него вышло обновление, о котором я хочу рассказать в этой статье.
Вы знакомы с ECT?
ECT это JavaScript шаблонизатор со встроенным CoffeeScript синтаксисом (отсюда и название: Embedded CoffeeScript Templates). ECT изначально разрабатывался с упором на максимальную производительность и при этом он предоставляет разработчику богатый набор функций.
Что нового?
Мысли по процессу разработки игры REFLECT
2012-12-17 в 5:30, admin, рубрики: html5, javascript, метки: html5, javascriptДоброго времени суток, пользователи хабрахабра. В ответ на инициативу по разработке игры REFLECT мне захотелось выразить несколько мыслей по поводу происходящего на текущий момент, так как разработчики сами сказали, что ратуют за здоровую критику.
Я узнал о проекте в обед в воскресенье, когда 1-й день разработки уже прошел, и начался 2-й. Посмотрев текущую версию, я сходу не понял, в чем была задумка игры, поэтому пришлось возвращаться на главную и вчитываться, что же все-таки планируется сделать.
Поясню. На тот момент результатом был квадрат, с вращающимся вокруг него прямоугольником, управляемым мышкой, и wasd, перемещающие квадрат (игрока) по территории с фоном.
Читать полностью »
Помни о расширениях или история одного бага
2012-12-16 в 21:49, admin, рубрики: javascript, расширения, метки: javascript, расширенияПредыстория
Пришло однажды нам на почту письмо пользователя недовольного. «Не загружаются у меня на сайт ваш фотографии», говорил пользователь и прикладывал к письму скриншот. На скриншоте был слой с картинкой, а вместо картинки — обрезки от тега <img />.
(слева — у обычных пользователей, справа — у гневного)
Читать полностью »