Сегодня, 25 февраля, вышла версия 1.5.0 языка CoffeeScript. В ней впервые появилась базовая поддержка так называемого «грамотного» или «литературного» программирования (literate programming). Концепцию грамотного программирования придумал Дональд Кнут в 1981 году при разработке системы TeX. В отличие от исходного кода на обычном языке программирования, который включает в себя небольшие вкрапления комментариев, грамотное программирование подразумевает написание текстового документа на естественном языке с вкраплениями кода. Многие существующие системы грамотного программирования вообще не зависят от конкретного машинного языка.
Читать полностью »
Рубрика «javascript» - 506
CoffeeScript 1.5.0 позволяет писать комментарии в формате Markdown
2013-02-25 в 10:26, admin, рубрики: coffeescript, javascript, markdown, Программирование, Совершенный код, метки: coffeescript, markdownInstant PlanningPoker на socket.io
2013-02-25 в 9:04, admin, рубрики: agile, javascript, node.js, scrum, socket.io, метки: agile, node.js, scrum, socket.ioМотиватция
Однажды в студеную зимнюю пору течении очередного планнинг-митинга на работе, где каждый пользовался своим инструментом для голосования — бумажные карты, всевозможные приложения для телефонов, etc — меня посетила мысль — а зачем сидеть всем в одном помещении, когда планирование можно проводить со своих рабочих мест, или даже из дома.
Итак идея — сделать сервис удаленного планирования, посредством техники Planning Poker, так популярной в agile мире. А также чуть лучше разобраться с тем как работает socket.io и сопутствующие технологии.
От JQuery до Backbone
2013-02-24 в 20:01, admin, рубрики: backbone, javascript, jquery, Веб-разработка, Песочница, метки: backbone, javascript, jquery 
В данной статье будет показано как можно реорганизовывать код написанный в «простом» JQuery стиле в код на Backbone, с использованием представлений, моделей, коллекций и событий. Реорганизация будет постепенной, так чтобы этот процесс дал четкое понимание основных абстракций в Backbone. Статья рассчитана на тех кто использует JQuery и хотел бы познакомится со схемой MVC для клиентского кода.
Читать полностью »
Полезные советы в работе с Meteor
2013-02-19 в 17:51, admin, рубрики: javascript, Meteor, node.js, метки: Meteor 
Совсем недавно мне на глаза попался очень амбициозный проект Meteor. Меня подкупила его простота и скорость разработки приложений на нем. В этой статье будут показаны некоторые «хитрости» и полезные советы такие как: установка кастомных пакетов, добавление в проект плагинов jquery, развертывание проекта на боевом сервере и прочее.
Этот пост предназначен для тех кто уже имеет минимальный опыт в работе с Meteor.
Читать полностью »
Кроссбраузерная кастомизация системного скроллбара
2013-02-19 в 5:57, admin, рубрики: html, javascript, Блог компании ДубльГИС (2ГИС), метки: 2ГИС, javascript 
Проблема размещения непрерывного контента произвольного объёма в экран, или окно, фиксированных размеров, существует несколько десятков лет. Примерно столько же существует и лучшее решение этой проблемы: элемент графического интерфейса — скроллбар.
Под катом можно узнать, как в ближайшее время будет работать скролл в 2ГИС-онлайн.
Читать полностью »
Какой браузер поддерживает полнее css3, html5, какой из них быстрее по Javascript
2013-02-18 в 12:23, admin, рубрики: css3, CSS3 animation, css3 transition, javascript, браузеры, тесты, тесты производительности, метки: css3, CSS3 animation, css3 transition, javascript, тесты, тесты производительности Предлагаю широкой общественности для тестов следующую страницу vsandy.16mb.com/hs3nplus1/
Наведя на Limitations слева, активируется css3, можно будет визуально оценить качества прорисовки наклоненных букв. По итогам моего тестирования, Опера справляется с этим тестом лучше остальных браузеров.
size of variable — стресс-тест максимальной длины переменной в Javascript
size of array — стресс-тест максимальной длины массива в Javascript
Тесты The 3n+1/direct
classics from 90-s
modern
fast
Chrome killer
покажут быстродействие и стабильность работы Javascript с массивами и хэшами. Последний тест легко доводил предыдущие версии хрома до падения.
Jasmine — дополнительные возможности
2013-02-17 в 15:56, admin, рубрики: bdd, jasmine, javascript, метки: bdd, jasmine, javascript 
Данная статья является продолжением первой части «Введение в Jasmine». Здесь рассматриваются дополнительные возможности тестового фреймворка Jasmine, а именно:
- Spy — эмуляция функций/объектов
- Clock — синхронизация вызовов при использовании setTimeout/setInterval
- Runner и Reporter — запуск тестов и оформление отчета
Файловый менеджер (Silex + Kendo UI) — Tutorial
2013-02-16 в 18:11, admin, рубрики: javascript, kendo ui, php, silex, файловый менеджер, метки: kendo ui, PHP, silex, файловый менеджерВнезапная история из прошлого! Дело было так. Несмотря на то, что я программист «немного другого толку», обратились ко мне со стандартной просьбой – сделать сайт. Обычно я не берусь за подобные дела, но в этот раз решил немного подзаработать, тем более что это был не сайт-визитка или интернет-магазин, а нормальный сайт с базой некоторых объектов, объекты добавляются-редактируются-удаляются (аля CRUD) и с ними необходимо выполнять некоторые операции. О! подумалось мне, да это идеальная задача для (название фреймворка скрыто) и после всяческой бухгалтерии я незамедлительно приступил к делу.
Собственно дальше ничего интересного и необычного так и не произошло. Спустя какое-то время заказчику был продемонстрирован сайт. И… он остался доволен. Очень неожиданное завершение истории.
Правда, появилась небольшая как бы просьба. Файловый менеджер, тот, с помощью которого на сайт в статью можно вставить картинку, ему не понравился. Вот хотелось ему чтобы всё как-то проще было. А тут и кнопок целых 20! Да и действий много. А нужно-то всего-навсего загрузить картинку на сервер и вставить на страничку. Ну ладно, подумал я, их же целый интернет, да и сам я много раз делал подобные решения. Но один страшен, как чёрт, другой по одному файлу загружает за раз, а вот третий ничё так вроде, но платен. В общем, история завершилась быстро, созданием простенького файлового менеджера с нуля. Но как-то сиделось мне, да и взгрустнулось. И выпил я (сока с мякотью, конечно). И открыл IDE и понеслось…
Читать полностью »
LikeBtn.com – Кнопка «Мне нравится» для сайта
2013-02-16 в 17:02, admin, рубрики: javascript, веб-дизайн, Веб-разработка, виджет, Вконтакте, кнопка like, социальные кнопки, фейсбук, метки: виджет, Вконтакте, кнопка like, социальные кнопки, фейсбук 
Однажды в системе комментирования, которую использую на проектах, исчезла кнопка «Мне нравится». Соответственно, у посетителей пропала возможность одним кликом без авторизации в социальных сетях и регистрации на сайте оценивать публикации. Приличное количество времени было потрачено на поиск лёгкой кнопки «Мне нравится», которую можно было бы быстро установить на сайт и которая бы не замедляла загрузку страниц. В итоге, было найдено следующее решение, о котором и хочу рассказать вам: http://www.likebtn.com/ru/
Пользуюсь на своих проектах – второй месяц полёт нормальный.
Читать полностью »
Визуальное редактирование данных на странице, используя HTML как хранилище данных
2013-02-15 в 14:44, admin, рубрики: html, html5, java, javascript, jQuery UI, web-services, Блог компании «ETNA Software», метки: html5, java, javascript, jQuery UI, web-servicesКогда нам нужно предоставить пользователю возможность графического редактирования содержимого на странице, пожалуй, чаще всего мы используем JavaScript для хранения данных и передачи их на сервер, и все споры ведутся вокруг способа отображения, внешнего вида редактора. Наш выбор простирается от простого HTML (с холстом или без) до встроенного SVG или использования Flash плеера.
Выбрать между этими вариантами не сложно: SVG подойдёт для схем или планов и другой векторной графики, холст больше подходит для фотографий или других изображений. Однако, оба этих элемента требуют «отделения» себя от страницы. Под «отделением» я имею ввиду то, что любой из этих элементов требует написания дополнительных сценариев для синхронизации вида с моделью.
Для небольших объектов, структура которых хорошо описывается деревом или списком (например, корзина покупателя или бизнес-процесс), использование HTML элементов для отображения и хранения данных могло бы упростить разработку и поддержку.
Читать полностью »