Давно хотел начать изучение HTML5 canvas, и наконец решительно за него взялся. Первое что я решил попробовать это отображение различных фигур с помощью стандартных линий в «псевдо 3D». Когда-то давно я подсмотрел очень интересный способ в плагине к winamp'у и решил реализовать его самостоятельно. В 2002 году я это сделал на C++, ну а теперь пришло время для переноса этого чуда на HTML и JavaScript.
Читать полностью »
Рубрика «javascript» - 590
Чудеса тригонометрии с использованием canvas
2012-04-24 в 11:33, admin, рубрики: canvas, html5, javascript, тригонометрия, метки: Canvas, html5, javascript, тригонометрияCustom Tree View
2012-04-23 в 8:42, admin, рубрики: javascript, treecontrol, treeview, Веб-разработка, метки: javascript, treecontrol, treeviewЗдравствуйте Читатели!
Сейчас буду рассказывать об одном «дереве».
Зачем и почему нужны «деревья» – Вы знаете лучше меня.
Понадобилось для одного проекта «дерево» (tree view).
Известные реализации от:
- http://www.jstree.com/
- http://bassistance.de/jquery-plugins/jquery-plugin-treeview/
- http://dhtmlx.com/docs/products/dhtmlxTree/index.shtml
- http://dojotoolkit.org/documentation/tutorials/1.7/store_driven_tree/demo/demo.html
- http://demo.qooxdoo.org/devel/showcase/#tree
и т.п. не устраивали по разным причинам.
7 причин, почему AngularJS крут
2012-04-23 в 7:02, admin, рубрики: AngularJS, javascript, переводы, Песочница, метки: AngularJS, javascriptДостаточно вольный перевод заметки 7 reasons why angularJS rocks.
Я backend-разработчик и мир Javascript фреймворков для меня достаточно нов, хотя в последние полгода мой интерес к ним сильно растет. Причина проста: я считаю, что стек технологий REST + JSON + Rich JS все больше подходит для широкого круга веб-приложений. Такой подход помогает победить дерьмовую сомнительную концепцию MVC в серверных приложениях. Почему MVC можно считать вредным — это отдельная история, сейчас лучше поговорим об AngularJS.
Что в AngularJS особенного?
Читать полностью »
Шаблонизация в JavaScript с использованием Razor
2012-04-20 в 13:36, admin, рубрики: .net, asp.net mvc, html, javascript, msbuild, razor, метки: asp.net mvc, c++, html, javascript, msbuild, razor В силу всё большего и большего усложнения веб-приложений на стороне клиента, хочется иметь шаблонизаторы, которые работали бы прямо на клиенте. И таких средств, надо сказать, появилось не мало. Но так как я легких путей не ищу все они мне не нравятся, я решил сделать свой с блэкджеком и дамами лёгкого поведения (я так понял, на Хабре жестко карают и банят, если этой фразы нет в посте).
И вот я решил создать строготипизированный шаблонизатор на Razor. Читать полностью »
Рисуем карту изображения мышкой
2012-04-19 в 13:00, admin, рубрики: html, image, javascript, JS, map, метки: html, image, map Привет. Давеча мне довелось иметь дело с такой специфической фичей html как карта изображения. Скажу честно, что мне не часто доводилось использовать её, и то, обычно, всё обходилось зонами в форме прямоугольника. Но это был не тот самый случай. Задачей было повесить ссылки на отдельные регионы изображения, которым выступала карта страны, и, к сожалению, ни о каких канвасах или svg не могло быть и речи. Только html только хардкор! Итак, задача поставлена, гугл активизирован, можно и начинать.
Читать полностью »
TodoMVC — «Hello, world» на стероидах
2012-04-18 в 11:42, admin, рубрики: AngularJS, backbone.js, closure, dojo, Ember.js, Ext.js, hello world, javascript, knockoutjs, mvc, Spine.js, Веб-разработка, метки: AngularJS, backbone.js, closure, dojo, Ember.js, Ext JS, hello world, knockoutjs, mvc, Spine.js 
Cуществует уже несколько десятков JavaScript-фреймворков для построения сложных приложений в браузере. Чтобы сравнить их между собой и выбрать наиболее подходящий, примитивного примера вроде классического «Hello, world» явно недостаточно. Более сложные и реалистичные примеры программ в книгах и документации каждого фреймворка могут сильно отличаться, и сравнивать их между собой затруднительно. Проект TodoMVC решает именно эту проблему. Это набор примеров реализации одного и того же простого, но вполне законченного веб-приложения с использованием разных фреймворков + эталонный пример на чистом JavaScript.
Приложение TodoMVC — это список дел. Дела можно добавлять, помечать как выполненные и удалять. Список должен сохраняться в локальном хранилище браузера. Приложение должно по возможности использовать стандартный шаблон HTML и CSS. Вот подробная спецификация приложения.
Читать полностью »
Встречайте Follow.js
2012-04-18 в 9:07, admin, рубрики: backbone.js, follow.js, javascript, json, knockoutjs, mvvm, метки: backbone.js, follow.js, javascript, json, knockoutjs, mvvm Всем привет!
Хочу поведать сообществу про одну библиотеку, над которой я уже работаю продолжительное время.
Немного предистории или с чего всё началось
В своё время я узнал про такие замечательные инструменты как Knockout и Backbone.
Вначале я прочитал документацию по Backbone, посмотрел демо-пример и это всё меня немного напрягло.
Слишком много абстракции и кода, хотелось что-то попроще, но с той же гибкость разделения логики приложения.
Далее, почитав про KnockoutJS и пощупав его в действии в песочнице я пришел в некоторый восторг от паттерна MVVM.
Немного поработав с Knockout мне так и не удалось попробовать его в реальном проекте (я работаю в яндексе), хотя по ходу работы я прикидывал в целом, подойдет ли он нам или нет.Читать полностью »
WebStorm 4 — в гармонии с ECMA Script :)
2012-04-17 в 18:20, admin, рубрики: coffee script, coffeescript, css, ECMAScript, ecmascript harmony, javascript, less, node.js, sass, метки: coffee script, coffeescript, ECMAScript, ecmascript harmony, less, node.js, sassМы продолжаем поддержку новейших технологий и улучшаем средства контроля качества. В сегодняшнем WebStorm 4.0 — ECMAScript Harmony и встроенный Code Coverage для JavaScript Unit Testing.
Кроме того:
- Создание пректов на основе HTML5 Boilerplate, Twitter Bootstrap и других
- Тонкая настройка JavaScript библиотек для любого файла в проекте
- Умное упорядочивание подсказок при дополнениии JavaScript
- Сворачивание произвольных регионов кода
- Эффективное управление версиямиЧитать полностью »
WebStorm 4 — в гармонии с ECMA Script
2012-04-17 в 18:20, admin, рубрики: coffee script, coffeescript, css, ECMAScript, ecmascript harmony, javascript, less, node.js, sass, метки: coffee script, coffeescript, ECMAScript, ecmascript harmony, less, node.js, sassМы продолжаем поддержку новейших технологий и улучшаем средства контроля качества. В сегодняшнем WebStorm 4.0 — ECMAScript Harmony и встроенный Code Coverage для JavaScript Unit Testing.
Кроме того:
- Создание пректов на основе HTML5 Boilerplate, Twitter Bootstrap и других
- Тонкая настройка JavaScript библиотек для любого файла в проекте
- Умное упорядочивание подсказок при дополнениии JavaScript
- Сворачивание произвольных регионов кода
- Эффективное управление версиямиЧитать полностью »
jQuery custom radio and checkbox
2012-04-16 в 13:35, admin, рубрики: checkbox, custom form elements, javascript, jquery, jquery plugin, radio, Песочница, стилизация радио и чекбоксов, метки: checkbox, custom form elements, javascript, jquery plugin, radio, стилизация радио и чекбоксов Как обычно все началось из-за отсутствия или плохого поиска, или не полной реализации того что мне было необходимо.
А необходимы мне были кастомные radio и checkbox'ы которые я смог бы применять в своей повседневной работе при верстке. При этом они должны были бы работать в IE6+ и всех основных браузерах.
Также элементы должны были реагировать по клику на лейбл. И еще одно их могло быть на 1 странице сколько угодно с разными стилями(да иногда случаются такие мего дизайны).
Поэтому я решил взять все лучшее, что встречал в реализациях чекбоксов и радиобатонов на JS. И написать свой плагин jQuery который удовлетворял бы мои потребности.
Читать полностью »