Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «metrix»
Несколько интересностей и полезностей от веб-разработчика * 2014-08-25 11:41:22
* Надеюсь, ilusha_sergeevich не обвинит меня в плагиате.
Если что, пост переименую.
< ...
+ развернуть текст сохранённая копия
* Надеюсь, ilusha_sergeevich не обвинит меня в плагиате.
Если что, пост переименую.
(Иллюстрация к donut.js)
- donut.js — микро-библиотека, рисующая бубликовые (donut chart) и круговые диаграммы
- Балалайка
- Функция procrastinate
- Противный зловред
- Совет: mousedown вместо click
- Совет: меньше используйте CDN
- Редактор SuitUp и чистка WYSIWYG от мусора
- Простейший полифил для addEventListener
- Репорт об опечатках на сайте
- vanillatree — ванильная замена jstree
- Немного опросов
Всем привет! За время работы постепенно накапливаются наработки, которыми можно было бы поделиться с сообществом. Но ни одна из этих наработок не тянет на большой полноценный пост. Поэтому я собрал все мелочи, что вспомнил, в одной статье: несколько простых опен-сорц проектов, пара советов и находок. Каждый из предложенных скриптов в этой статье поставляется как есть, под лицензией WTFPL (кроме Балалайки). С радостью приму пулл реквесты с исправлением багов или изменениями в README.
donut.js — микро-библиотека, рисующая бубликовые (donut) и круговые диаграммы
Во время работы над очередным проектом, появилась задача нарисовать много информативных бубликов на карте мира, и не просто нарисовать, а еще и поддержать ИЕ8, который, как известно, не умет SVG, а только безобразный VML. Первое, что приходит в голову, это Raphael. Порывшись некоторое время, я нашел это решение. К сожалению, автор проявил изобретательность простым хаком: на круговой диаграмме (pie chart) он нарисовал белый круг. Это решение не подошло, так как дырка бублика должна быть прозрачной. Изучение возможности рисования при помощи Raphael таких диаграмм мне показалось чересчур трудоёмким. Остальные скрипты на просторах интернета мне так же не подошли. Пришлось писать свой костыль, взяв за основу математику рисования арок этого проекта. Арки для VML версии нарисованы используя элемент arc.
var myDonutDiv = donut(options);
Читать дальше →
Тэги: addeventlistener, balalaikajs, ballalaika, donut.js, html, indeterminate, javascript, jquery, jstree, matreshka, matreshkajs, mousedown, procrastinate, suitup, typo.js, vanilla, vanillajs, vanillatree, веб-разработка, куча, тегов
Matreshka.js v0.2 2014-08-04 10:38:04
- Введение
- Наследование
- MK.Object
- MK.Array
- Matreshka ...
+ развернуть текст сохранённая копия
- Введение
- Наследование
- MK.Object
- MK.Array
- Matreshka.js v0.1
- Matreshka.js v0.2
Всем привет. Представляю очередное обновление фреймворка Matreshka.js до версии 0.2. Напомню: Матрешка — фреймворк общего назначения с окрытым исходным кодом, в идеологию которого положено доминирование данных над внешним видом: вы задаёте правила, как интерфейс должен синхронизированться с данными, затем работаете исключительно с данными, кроме случаев, когда событие интерфейса не касается данных (например, щелчек по кнопке или сабмит формы, сами по себе, не меняют данные, а запускают функцию, которая, в свою очередь, работает с данными).
ПримерМатрешка позволяет довольно просто связать данные и элементы представления (например, свойство объекта и значение поля ввода), не заботясь о дальнейшей синхронизации данных и представления. Например, самая простая привязка выглядит так:
<select class="my-select">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
Создаем экземпляр:
var mk = new Matreshka();
Связываем свойство x с элементом .my-select:
mk.bindElement( 'x', '.my-select' );
Меняем данные
mk.x = 2;
После того, как мы присвоим свойству x другое значение, остояние элемента изменися соответствующим образом.
Взгляните на живой пример
Другой важной чертой матрешки являются события (в том числе и кастомные). Например, Матрешка умеет отлавливать изменение значения свойства:
mk.on( 'change:x', function( evt ) {
alert( 'x изменен на ' + evt.value );
});
Код выведет "x изменен на Привет":
mk.x = 'Привет';
Подробнее об этих и других фичах смотрите по ссылкам выше.
Ссылка на сайт Матрешки. Ссылка на github репозиторий.
Поддержка AMD
Матрешка теперь моддерживает спецификацию определения асинхронных модулей, Asynchronous Module Definition. Другими словами, Матрешка совместима с библиотеками, типа requirejs. Это значит, что теперь можно писать тру-код, не гадящий в глобальное пространство имен. Поддерживается два типа подключения: запрос именованного модуля и запрос безымянного модуля.
Именованные модули:
requirejs.config({
paths: {
xclass: 'path/to/matreshka',
matreshka: 'path/to/matreshka'
}
});
require(['xclass', 'matreshka'], function(Class, MK) {
return Class({
'extends': MK
//...
});
});
Но это, скорее, побочный эффыект использования новой файловой структуры проекта. А рекомендованный способ — запрос безымянного модуля:
require(['path/to/matreshka'], function( MK ) {
return MK.Class({
'extends': MK
// ...
});
});
Как видете, Матрешка содержит свойство Class, которое дублирует функцию, создающую классы: нет нужды запрашивать дополнительный модуль.
Читать дальше →
Тэги: javascript, jquery, matreshka, matreshkajs, веб-разработка
Седина: как замедлить процесс, как правильно закрашивать 2014-07-23 20:15:43
Старение — явление неизбежное и естественное, которое сопровождается рядом изменений нашей ...
+ развернуть текст сохранённая копия
Старение — явление неизбежное и естественное, которое сопровождается рядом изменений нашей внешности, в том числе и появлением седых волос. Тем не менее, каждая женщина, вопреки законам природы, хочет сохранить молодость и красоту как можно дольше. В принципе, в какой-то мере это достижимо — процессы старения можно замедлить, если соблюдать некоторые правила. Это же относится к […]
The post Седина: как замедлить процесс, как правильно закрашивать appeared first on Ladiesvenue.
Тэги: bonacure, color, creme, cutrin, easy, expert, garnier, grey, hair, londa, loreal, matrix, natural, nutrisse, professional, schwarzkopf, sexy, silk, silver, solo, ton, touch, wella, бальзамы, басма, волос, волосами, волосы, красить, краски, оттеночные, седина, седины, седые, седых, упрямой, уход, хна, эстель
Ферма старого Тома - tomfarm.biz 2014-07-08 10:51:41
Форум: Matrix Sites / MLM / Money Doublers
Автор темы: Monitorhyip
Автор сообщения: ...
+ развернуть текст сохранённая копия
Форум: Matrix Sites / MLM / Money Doublers
Автор темы: Monitorhyip
Автор сообщения: Monitorhyip
Количество ответов: 4
Тэги: doublers, matrix, mlm, money, sites
mpo-kamena.ru - МПО "Камена" 2014-06-16 20:40:34
Форум: Matrix Sites / MLM / Money Doublers
Описание темы: МПО Камена-на 100% легальный ...
+ развернуть текст сохранённая копия
Форум: Matrix Sites / MLM / Money Doublers
Описание темы: МПО Камена-на 100% легальный пассивный доход+МЛМ
Автор темы: ProfInvestor
Автор сообщения: ProfInvestor
Количество ответов: 1
Тэги: doublers, matrix, mlm, money, sites
Главная / Главные темы / Тэг «metrix»
|
Взлеты Топ 5
Падения Топ 5
|
