Совсем недавно я начал изучать JavaScript, затем JQuery, и теперь потихоньку перехожу к плагинам и фреймворкам построенным на основе вышеупомянутых технологий. Параллельно с изучением JS верстаю небольшие сайты-визитки, и вот у меня возникла необходимость сделать “карусель” из картинок. Оказалось, есть уже готовые решения, и об одном из них я хочу вам рассказать. Данная статья является выдержками с оригинального сайта фреймворка RounAbout.Читать полностью »
Метка «javascript» - 70
Roundabout — фреймворк для создания карусели на основе JQuery
2012-10-03 в 17:07, admin, рубрики: framework, javascript, jquery, новичкам, Песочница, метки: framework, javascript, jquery, новичкамSugarJS — Синтаксический сахар для JavaScript
2012-10-03 в 3:48, admin, рубрики: javascript, sugar, tools, Веб-разработка, удобно, метки: javascript, sugar, tools, удобно С удивлением обнаружил что на Хабре никто не упоминал о такой удобной библиотеке как SugarJS.
На самом деле у них очень информативный и простой сайт — где все уже хорошо написано.
Я просто постараюсь обозначить основные моменты.
Что такое SugarJS?
SugarJS — это open source (лицензия — MIT) библиотека Javascript, который расширяет нативные объекты полезными методами. Она разработана, чтобы быть интуитивным, ненавязчивым инструментом повышающим выразительность кода, который позволял бы делать больше с меньшим количеством кода и меньше задумываясь над рутинной.
Кратко...
- Расширяет нативные элементы Javascript полезными, интуитивными методами.
- Прост для понимания и в использовании.
- Метод SugarJS не используется при наличии метода в родной реализации браузера
- Имеет систему тестирования, имеющую огромный набор тестов.
- Расширяет возможности работы с датой и временем, обеспечивает их форматирование на нескольких языках (русский есть)
- Отлично ладит с другими фреймворками и сторонним кодом.
- Модульность, вы можете включать только нужные пакеты.
- Полностью совместимый ECMAScript.
- Заявлена поддержка всех основных браузеров, включая мобильные
- Поддерживает Node.js.
- Имеет хорошую и удобную документацию.
Заинтересовало? Добро пожаловать под кат.
Читать полностью »
Эффектная анимация разрушения (Pixel Dust)
2012-10-02 в 14:46, admin, рубрики: animation, canvas, game development, html5, javascript, метки: animation, Canvas, html5, javascript .gif "Эффектная анимация разрушения (Pixel Dust)"){kind=tracking}
В процессе развития нашей игры на HTML5, мы столкнулись с дилеммой: рисовать для каждого элемента эффект разрушения или попробовать сделать это программно на JavaScript (canvas). Если с первым способом всё понятно (проверенно работает, но много работы художнику), то со вторым у нас были сомнения относительно скорости рендера, ведь это 60FPS x 64 x 4 байта ~ 1 МБ/сек. на один элемент, а если их 40 на одном экране?
JavaScript — это Бейсик сего дня! (В хорошем смысле.)
2012-10-02 в 7:47, admin, рубрики: BASIC, chrome os, coffeescript, dart, Firefox OS, Google Chrome OS, GOTO, javascript, jquery, jslint, moment.js, open webos, TypeScript, underscore, Underscore.js, Underscore.string, webOS, метки: BASIC, chrome os, coffeescript, dart, Firefox OS, Google Chrome OS, GOTO, javascript, jquery, jslint, moment.js, open webos, TypeScript, Underscore, Underscore.js, Underscore.string, webOSС каждым днём во мне крепнет осознание того, что JavaScript стремится играть ту же роль (занять ту же нишу), которая была свойственна Бейсику лет тридцать или двадцать пять тому назад.
Иными словами, JavaScript становится простым и распространённым языком, далеко переросшим своё первоначальное предназначение, и на нём теперь можно сочинить почти какое угодно приложение (и клиентское, и серверное, и консольное… и даже с GUI, как я недавно убедился).
Создаются целые операционные системы (Firefox OS, Google Chrome OS, Open webOS), для которых JavaScript является не менее «родным», чем Си для UNIX в своё время.
Появляются языки, транслируемые в JavaScript (можно вспомнить CoffeeScript, Dart, новорождённый TypeScript, и так далее).
Заметив это, уместно тотчас же порадоваться тому, что к джаваскрипту предъявляют, по крайней мере, меньше серьёзных претензий, чем некогда к Бейсику, который по справедливости невзлюбили за его GOTO и поощрение «макаронного кода». Притом джаваскрипт гораздо лучше переносится и с платформы на платформу, и из браузера во браузер.
Кроме того, многие существующие проблемы джаваскрипта не имеют особенного значения, потому что устраняются широко распространёнными средствами с открытым исходным кодом. Так, нестрогость синтаксиса устраняется строгою проверкою исходного кода (JSLint, например). Нехватка средств обработки данных (массивов, объектов) и функций устраняется подключением Underscore, а строки помогает обработать Underscore.string, а даты — moment.js, например. Сложность употребления методов DOM (в которой, впрочем, повинен не язык JavaScript, а браузеры и их разнобой) преодолевается с помощью jQuery. И так далее. Это входит в привычку у программистов.
TypeScript: язык для создания масштабируемых приложений на JavaScript
2012-10-02 в 0:51, admin, рубрики: dart, javascript, microsoft, open source, TypeScript, Веб-разработка, метки: dart, javascript, open source, TypeScript 
Microsoft представила язык программирования TypeScript, который является надмножеством JavaScript, поддерживает статическую типизацию, модули, определение классов и интерфейсов. TypeScript транслируется в чистый JS, исполняется в любых браузерах, в Node.js и т.д.
Транслятор TypeScript вышел под лицензией Apache 2.0, с исходниками на CodePlex. Microsoft предлагает плагины для Emacs, Sublime Text и Vim.
Читать полностью »
Еще раз о модальных окнах, или как пофиксить возможные баги (плюс плюшки)
2012-10-01 в 22:23, admin, рубрики: css, javascript, модальные окна, метки: css, javascript, модальные окна О модальных окнах написано уже, наверное, тонны литературы, но на написание этого топика меня меня сподвигла вот эта статья на хабре. В ней осталось много недосказанного, в том числе горизонтальные скачки как страницы, так и модального окна.
Конечно, можно было бы просто отписаться в комментарих, мол, сделайте так-то и так-то, и все будет тип-топ. Но мой комментарий разросся до размеров новой статьи, с наглядными примерами и комментариями.
Кому стало интересно — добро пожаловать под хабракат!
Читать полностью »
Получение мета данных .NET на клиенте с использованием ajax
2012-10-01 в 13:45, admin, рубрики: .net, ASP, asp.net mvc, axaj, backbone, javascript, метки: .net, asp.net mvc, axaj, backbone, javascript Всем кто программирует ASP.NET MVC, хорошо известно насколько широко используются мета данные в .NET вообще, и в MVC в частности. В MVC, атрибуты применяются, как при генерации разметки, так и при валидации данных полученных с клиента.
При использовании классической модели программирования сайтов это прекрасно работает. Но что если Вы работаете с использование ajax, и формируете html разметку динамически на клиенте? Вы хотите иметь мето данные модели (далее МДМ) на клиенте? Я да!
Читать полностью »
Получение метаданных .NET на клиенте с использованием ajax
2012-10-01 в 13:45, admin, рубрики: .net, ASP, asp.net mvc, axaj, backbone, javascript, метки: .net, asp.net mvc, axaj, backbone, javascript Всем, кто программирует в среде ASP.NET MVC, хорошо известно, насколько широко используются метаданные в .NET вообще и в MVC в частности. В MVC, атрибуты применяются как при генерации разметки, так и при валидации данных, полученных с клиента.
При использовании классической модели программирования сайтов это прекрасно работает. Но что, если Вы работаете с использование ajax и формируете html разметку динамически на клиенте? Вы хотите иметь метаданные модели (далее МДМ) на клиенте? Я — да!
Читать полностью »
ObjectScript API, интеграция с C++. Часть 3: подключение модуля с функциями на C++
2012-10-01 в 12:59, admin, рубрики: api, javascript, Lua, ObjectScript, objectscript api, open source, php, Программирование, метки: javascript, lua, ObjectScript, objectscript api, open source, PHPObjectScript — новый объектно-ориентированный язык программирования с открытым исходным кодом. ObjectScript расширяет возможности таких языков, как JavaScript, Lua и PHP.
Часть 3: подключение модуля с функциями на C++
Давайте создадим свой модуль с фунциями, которые будут доступны в коде на OS. Назовем модуль my, он будет содержатьЧитать полностью »
KnockoutJS: фильтрация списка с сохранением состояния. Ищем Лучшие практики
2012-09-30 в 6:37, admin, рубрики: best practices, javascript, knockoutjs, обсуждение, метки: best practices, javascript, knockoutjs, обсуждение 
Если вы хорошо смыслите в KnockoutJS и JavaScript не проходите мимо!, нам нужны ваши знания.
Новичок, не пропусти. В комментариях к этому посту будут советы о том, как правильно писать на KnockoutJS.
Есть: фильтрация списка с сохранением состояния фильтров в Cookie.
Ищем: Лучшие практики KnockoutJS, чтобы не плодить плохой код.
Предостережение: редко пишу статьи, из-за чего оформление страдает. Не пугайтесь. Присылайте ошибки и рекомендации по оформлению в личку. Спасибо.
Скриншот
