Для работы с SVG есть очень много библиотек для рисования. Мы рассмотрим плагин для jQuery.
Читать полностью »
Рубрика «javascript» - 506
jQuery plugin для использования SVG графики. Часть 1
2013-07-06 в 20:01, admin, рубрики: javascript, jquery, jquery plugins, svg, векторная графика, метки: javascript, jquery plugins, svg, векторная графикаОрганизуем выделение текста в textarea
2013-07-04 в 10:47, admin, рубрики: css, javascript, метки: javascriptДобрый день.
В разработке интерфейсов иногда можно встретиться с задачей выделения вводимого пользователя текста в зависимости от определенных условий. (Например, была реализована серверная проверка грамматики, либо необходимо выделять определенным цветом те или иные словаучастки и т.д.)
Однако, элемент textarea не поддерживает htmlbb теги. Как один из способов решения — использование contenteditable в элементах div.
В данной небольшой статье я предлагаю более-менее подробно посмотреть способ выделения текста, используя textarea.
Читать полностью »
Как делать презентацию с помощью веб-технологий?
2013-07-04 в 8:53, admin, рубрики: html5, javascript, Блог компании Журнал Хакер, Презентации, метки: html5, javascript, презентацииВсе знают офисных монстров PowerPoint и Keynote, но почему-то мало кто с радостью в них работает. И действительно, что делать, если ты совсем не бухгалтер, а разработчик или просто гик и гораздо комфортнее чувствуешь себя в коде, чем в офисных пакетах? У меня для тебя хорошие новости: презентации уже очень давно можно делать прямо в браузере, а писать с помощью таких простых и знакомых вещей, как HTML, CSS или даже Маркдаун.
К каждому из нас приходит момент, когда нужно донести свои мысли до других. Не просто рассказать анекдотец коллеге, не пробубнить стишок про бурю-мглою, а сообщить что-то принципиально важное, объяснить сложную идею, поделиться опытом. И если самым талантливым из нас достаточно выйти на сцену и просто быть собой, как это делают участники TED, то большинству понадобится опереться на слайды. Свой первый раз у доски с маркерами я забыл напрочь, помню только, что переврал тогда ключевую идею доклада про блочную модель CSS.
Мобильное приложение HTML5: ошибка или успех. Попытка №0
2013-07-02 в 13:37, admin, рубрики: .net, breeze, javascript, odata, PhoneJS, Веб-разработка, метки: breeze, odata, PhoneJS За несколько лет, читая новости и события в мире Web разработки, у меня нарисовалась розовая мечта: написал один раз — работает везде и всегда. При этом очень часто встречаю негативные отзывы о разработке мобильных приложений на HTML5 ( тут и комментарии на статьи 1 и 2 ). Основные доводы бастующих: несоответствие родному интерфейсу, глючность и тормознутость, проблемы с хранением данных и тд и тп. Ни в коем случае не хочу запустить очередные холи вары на эту тему. Но мечта живет и ее можно подтвердить или отвергнуть только после собственного наступления на грабли.
Итак, цель – написать на HTML5 мобильное приложения для сбора заказов торговым агентом в торговых точках. Я сталкивался с данными решениями разных компаний, поэтому знаком с предметной областью, и эта тема идеально подходит для мечты.
Читать полностью »
JS скрипт для протестной блокировки сайта. C таймером и лайками
2013-07-02 в 8:44, admin, рубрики: 292521-6, Dura Lex, javascript, акция, блокировка, закон, интернет, копирайт, протест, скрипт, метки: 292521-6, javascript, акция, блокировка, закон, интернет, копирайт, протест, скрипт
Меньше месяца осталось до вступления в силу закона, позволяющего блокировать сайты в досудебном порядке за наличие ссылки на нелицензионный контент, оставленной пользователем в комментарии. На данный момент нет никаких сомнений, что данный законопроект не будет отправлен на доработку и это очень плохо. Ответы на вопросы «Почему это плохо?», «Что мы можем с этим сделать?» и «Почему именно мы?» под катом.
Читать полностью »
Построение масштабируемых приложений на TypeScript — Часть 2.5. Работа над ошибками и делегаты
2013-07-01 в 21:19, admin, рубрики: Events, generic, javascript, TypeScript, Веб-разработка, Программирование, метки: delegaте, Events, generic, TypeScript Часть 1: Асинхронная загрузка модулей
Часть 2: События или зачем стоит изобретать собственный велосипед
К сожалению, московская жара серьезно повлияла на мою внимательность во время написания второй части статьи, что привело к одной неприятной ошибке — неправильной типизации параметров обобщенного класса событий, которую призван исправить данный пост.
Но просто написать работу над ошибками было бы не интересно. К счастью, процесс ее исправления сам по себе подкинул пару интересных находок и мыслей, которые я хотел бы вынести на суд сообщества.
Итак, мой WinAmp играет коллекцию хитов Ozzy Osbourne, а всех интересующихся прошу под кат.Читать полностью »
Plasmoid на чистом QML и JavaScript
2013-07-01 в 14:56, admin, рубрики: javascript, kde, linux, plasma, QML, SDK, widget, Графические оболочки, Песочница, метки: javascript, kde, plasma, QML, SDK, widget 
На хабре еще не было ни одного поста про создание плазмоида на чистом QML с использованием JavaScript. Данный пост призван исправить данный недостаток.
Читать полностью »
Javascript: тесты, компиляция и MVVM
2013-07-01 в 13:38, admin, рубрики: google closure, javascript, mvvm, qunit, requirejs, tdd, Песочница, метки: google closure, javascript, mvvm, qunit, requirejs, tdd Доброго времени суток.
Современный мир оставляет мало возможностей не сталкиваться с javascript. Nodejs стал для меня последней каплей и, разочарованный в RoR (слишком много магии и генераторов — никаких холиваров, рубисты!), я снова поддался безумию: один язык на клиенте и сервере. Хоть javascript и прекрасен как язык, фреймворков, которые реализуют MVVM или хотя бы MVC и которые бы мне понравились, нет. Они все тяжеловесны и требуют написания лишнего (мусорного) кода. Поэтому я бы хотел представить на суд мое видение MVVM и получить от сообщества пинков в нужном направлении. Лучшим направлением было бы: «Вы пропустили библиотеку, посмотрите %library_name%», ибо все, что на поверхности (angularjs, knockoutjs, etc.) я посмотрел. Ну а так как фреймворк сырой и вряд ли принесет сейчас кому-то пользу, в обмен на долгожданные пинки я попытаюсь кратко сформулировать свой опыт, полученный при его написании.
Читать полностью »
Флажок «Включить JavaScript» убрали из настроек Firefox 23
2013-07-01 в 13:36, admin, рубрики: Firefox, javascript, NoScript, Дизайн в IT, настройки браузера, метки: firefox, javascript, NoScript, настройки браузера 
Разработчики Firefox решили убрать из настроек браузера возможность отключения JavaScript. Соответствующее изменение внесено в Firefox 23.
Разумеется, значение параметра "javascript.enabled" можно изменить через настройки about:config. Кроме того, есть расширения к браузеру, которые могут вернуть этот флажок на заметное место. Речь идёт об изменении настроек для «массового пользователя». Логику такого решения объясняет один из дизайнеров Алекс Лими в статье под названием «Флажки, которые убивают ваш продукт» (“Checkboxes that kill your product”).
Читать полностью »
Особенности npm и хранение node_modules в git
2013-07-01 в 9:16, admin, рубрики: Git, javascript, node.js, npm, web-разработка, Веб-разработка 
Для управления зависимостями в проекте, node.js, как и многие другие платформы, предоставляет собственный пакетный менеджер — npm. И несмотря на то, что он внешне похож, например, на Ruby Gems, и вроде бы выполняет те же самые функции, npm обладает некоторыми особенностями, которые стоит учитывать при разработке приложений на node.js. Одна из таких особенностей — это способ хранения директории node_modules в проекте. Многие, по аналогии с другими системами, оставляют в проекте только package.json с зафиксированными версиями модулей, а node_modules добавляют в .gitignore. Такая стратегия не всегда верна, если мы обратимся в FAQ на npmjs.org, то увидим там следующее:
Q: Стоит ли хранить node_modules в git?
A: Mikeal Rogers очень хорошо ответил на этот вопрос:
http://www.mikealrogers.com/posts/nodemodules-in-git.html
tl;dr
- Храните node_modules в git для проектов, которые требуется разворачивать, таких как вебсайты и приложения.
- Добавляйте node_modules в .gitignore для библиотек и повторно используемых модулей.
- Используйте npm для управления зависимостями в dev окружении, но не в скриптах используемых для деплоя.
Под катом перевод статьи Mikeal Rogers, в котором подробно описывается, с чем связан такой непривычный подход.
Читать полностью »