Рубрика «javascript» - 419

Муравей Лэнгтона на JS и Canvas

2014-06-20 в 10:32, admin, рубрики: canvas, html, javascript, Программирование

Прочитав здесь пост об этой замечательной зверушке (wiki) я подумал, что будет интересно его реализовать и за вечер написал его на js+canvas.
Заодно чтобы было не скучно добавил ему соседей, получилось 5 цветовых популяций и ограниченное поле, которое породило граничные узоры.

Ну был бы муравей и был, но сегодня запустив его я поймал очень интересное поведение, желтая популяция в какой то момент начала методично избавляться от плодов деятельности розовой и при этом не оставлять следы своей деятельности, меня это заинтересовало и я потратил еще пару минут наблюдая за полем, желтая популяция полностью уничтожила стартовую локацию розовых, затем полностью само уничтожилась и начала строить дивный новый мир с «0», т.е. с 1 желтого пикселя.
Читать полностью »

MVbind — Backbone расширение для data binding между Model и View

2014-06-19 в 12:12, admin, рубрики: backbone, backbone.js, BackboneJS, javascript, метки: backbone, backbone.js, BackboneJS, data-binding

Недавно очень захотел себе two-way data binding между моделью и представлением в Backbone. Ничего адекватного, к сожалению, я так и не нашел. Пришлось написать своё расширение. Делюсь им с вами.
Читать полностью »

Вышла новая версия продуктов DevExpress 14.1!

2014-06-19 в 11:51, admin, рубрики: .net, ASP.NET, asp.net mvc, devexpress, devextreme, html, javascript, silverlight, wpf, Блог компании DevExpress, разработка, метки: .net, ASP.NET, asp.net mvc, c++, devexpress, devextreme, html, javascript, silverlight, wpf

Привет!

В начале июня этого года мы анонсировали выход новой версии наших продуктов для .NET и фреймворка для мобильных и клиентских HTML5 приложений DevExtreme.

Посетителям нашего стенда на DevCon’e 2014 уже были приоткрыты некоторые возможности новой версии. Для тех, кто хочет сэкономить своё время, мы приготовили небольшой ролик про то, что нового и интересного появилось в DevExpress Universal 14.1:

Полный список обновлений и улучшений .NET и DevExtreme продуктов доступен на сайте DevExpress.

Под катом – обзор некоторых масштабных нововведений.
Читать полностью »

Как использовать Routing в Ext JS 5

2014-06-19 в 9:38, admin, рубрики: extjs, javascript, routing, sencha, Библиотека ExtJS/Sencha, маршрутизация

Как использовать Routing в Ext JS 5
Маршрутизация — новая функция в Ext JS 5, которая позволяет связывать историю навигации с контроллером. Кнопки «Назад/Вперёд» — одна из основных частей интерфейса браузеров и с Ext JS 5 сделать навигацию в одностраничных приложениях стало очень просто.

Routing в Ext JS 5

Ext JS всегда позволял обрабатывать историю навигации при помощи класса Ext.util.History, но в Ext JS 5 мы сделали этот процесс ещё проще и гибче. Роутер предоставляет простую конфигурацию связи хэш-токенов и методов контроллера с поддержкой параметров и контролем выполнения маршрута (за кулисами используется Ext.util.History). Посмотрим на простой пример:

    Ext.define('MyApp.controller.Main', {
        extend : 'Ext.app.Controller',
 
        routes : {
            'home' : 'onHome'
        },
 
        onHome : function() {}
    });

Читать полностью »

Создаем Zoom-анимацию при прокрутке с помощью jQuery.Zoom-Scroller.js

2014-06-18 в 12:53, admin, рубрики: javascript, javascript library, Веб-разработка

Всем привет!

Когда дело доходит до разработки веб-сайта, больше всего внимания следует уделить деталям, которые будут способствовать тому, что пользователь захочет остаться на сайте и исследовать его. Есть несколько способов сделать это, начиная от создания красивого эффекта параллакса до анимации всех видов элементов на сайте.
Сегодня я решил поэкспериментировать с этим и объединил анимацию изображения с прокруткой и вот что получилось. Представляю вашему вниманию небольшой плагин jQuery Zoom Scroller, который позволит вам добавить привлекательный эффект зума для изображений во время прокрутки. Идея состоит в том, чтобы, будучи не слишком навязчивым, привлечь внимание пользователей, когда они прокручивают вниз.

Примечание: этот плагин был испытан на Chrome, Firefox и Safari, мобильных и десктопных версиях.

Создаем Zoom анимацию при прокрутке с помощью jQuery.Zoom Scroller.js

Читать полностью »

jsonex – упрощаем сложные клиент-серверные диалоги

2014-06-18 в 11:01, admin, рубрики: client-server, IT-стандарты, javascript, json, Веб-разработка, метки: client-server, json

jsonex – упрощаем сложные клиент серверные диалоги

Взаимодействие между клиентом и сервером как правило устроено очень просто и опирается на довольно примитивный инструментарий. Это не создает проблем само по себе, но зачастую даже небольшое усложнение поставленной задачи плохо укладываться в привычные подходы, порождая не слишком изящные решения-заплатки. Многие задачи решаются в каждом новом проекте заново, бессистемно и независимо друг от друга. К подобным задачам относятся, например:

Batch-запросы
Передача даты в составе сложной структуры данных
Обозначение кастомных типов данных
Проброс round-trip данных, которые сервер должен вернуть в ответе
Дополнение запроса и ответа метаданными
Обработка ошибок, пришедших в ответе

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

jsonex представляет собой попытку объединить решение упомянутых выше и многих других задач в рамках простого единого подхода, основанного на концепции вычислимых данных (callable data).
Читать полностью »

От сообщества для сообщества — открытый хаб статей

2014-06-18 в 8:59, admin, рубрики: css, github, html, javascript, JS, open source, Веб-разработка, дайджест, подборка, статьи, фронтенд, метки: css, github, html, open source, дайджест, подборка, статьи, фронтенд

DevShelf.us — это открытый хаб статей по веб-разработке, основанный на голосовании пользователей. Цель проекта — дать разработчикам качественные подборки статей и лучшие материалы по мнению сообщества, а не по популярности в выдаче поисковиков ~~(w3schools)~~.

Начавшись с прототипа на хакатоне, проект развивается как полностью открытая платформа для ваших идей, кода и ссылок на лучшие материалы.

Под катом мы вам расскажем подробней об идее проекта и поделимся ссылками на первые сборники статей.
Читать полностью »

Простой способ пагинации в Highcharts

2014-06-17 в 13:36, admin, рубрики: highcharts, javascript, графики, пагинатор, пагинация, метки: highcharts, графики, пагинатор, пагинация

Простой способ пагинации в Highcharts
Недавно при создании страницы статистики на сайте, мне потребовалось в очередном графике вывести 450 позиций. В виду того, что данный график бал на странице не один, да и выглядел бы очень громоздко на странице было принято решение, добавить нечто вроде разбиения данных на страницы. Для графиков в проекте используется библиотека Highcrarts. Покопавшись в документации была найдена только пагинация для легенды, но не для графиков.
Читать полностью »

ANGULARJS + REQUIREJS

2014-06-17 в 12:06, admin, рубрики: amd, AngularJS, javascript, requirejs

ANGULARJS + REQUIREJS
Во время разработки проектов мы полюбили AngularJs. Но также мы встретили некоторые трудности в борьбе за чистоту модульности, с которой AngularJs справляется хорошо, но все же порой ему чего-то не хватает. RequireJs оказывается полезным там, где AngularJs оставляет желать лучшего, но использование их вместе — не совсем тривиальная задача.

Итак, опишем наш взгляд на решение проблемы.

Для чего?

Работая с AngularJs вы обязательно задумаетесь о правильной организации кода. Конечно уже существуют отличные примеры решения проблемы. Например можно изучить теоретический пост Брайана Форда или практическое руководство Клиффа Мейерса. Я же поделюсь способом организации кода в приложениях AngularJs с использованием RequireJs.

Данный подход будет полезен, если вы хотите:

перестать беспокоиться о подключении скриптов в правильном порядке;
загружать javascript код асинхронно;
иметь возможность скомпилировать код в один минифицированный JS-файл;

Читать полностью »

Запуск Internet Explorer Developer Channel

2014-06-16 в 14:37, admin, рубрики: F12, GamePad API, html, ie11, internet explorer, Internet Explorer Developer Channel, javascript, status.modern.ie, testing, webdriver, WebGL, Блог компании Microsoft

Несколько недель назад (впервые, на конференции DevCon 2014) мы говорили о том, что стремимся к построению более открытого диалога между командой Internet Explorer и сообществом разработчиков. Сегодня мы представляем Internet Explorer Developer Channel, полнофункциональный браузер, созданный для того, чтобы дать разработчикам оценить функциональность и новые возможности браузера, над которыми работает команда Internet Explorer.

Запуск Internet Explorer Developer Channel

IE Developer Channel доступен для загрузки с Microsoft Download Center для Windows 8.1 и Windows 7 SP1 с Internet Explorer 11.

IE Developer Channel может работать независимо от IE11. В нем присутствуют все возможности текущей версии Internet Explorer и некоторые новые функции, над внедрением которых мы работаем в настоящий момент. Оцените новые возможности и расскажите, что вы о них думаете в Twitter @IEDevChat или в Connect.

Читать полностью »

Информация

Обсуждаемое

Рекомендуем

Рубрика «javascript» - 419

Муравей Лэнгтона на JS и Canvas

MVbind — Backbone расширение для data binding между Model и View

Вышла новая версия продуктов DevExpress 14.1!

Как использовать Routing в Ext JS 5

Routing в Ext JS 5

Создаем Zoom-анимацию при прокрутке с помощью jQuery.Zoom-Scroller.js

jsonex – упрощаем сложные клиент-серверные диалоги

От сообщества для сообщества — открытый хаб статей

Простой способ пагинации в Highcharts

ANGULARJS + REQUIREJS

Для чего?

Запуск Internet Explorer Developer Channel

Архив

Информация

Обсуждаемое

Рекомендуем

Рубрика «javascript» - 419

Routing в Ext JS 5

Для чего?

Новости

Актуальные темы

Архив