Привет, читатели!
По следам недавно прошедшей конференции DevConf 2012 хочу поделиться записями из своего блокнота, которые показались лично мне наиболее интересными и полезными. Возможно, кому-то все это хорошо известно. Поскольку доклады шли одновременно в нескольких залах, то все их посетить было невозможно, поэтому ваши дополнения с удовольствием почитаю в комментариях.
Темы, которые прежде всего интересовали меня, это:
— развертывание системы и непрерывная интеграция (Continuous Integration)
— PHP 5.4, PHPUnit, Yii
— тестирование в javascript
Читать полностью »
Рубрика «javascript» - 570
Что интересного я узнал на DevConf 2012
2012-06-14 в 16:19, admin, рубрики: continuous integration, devconf, javascript, php, Веб-разработка, метки: continuous integration, devconf, javascript, PHPFolding для объектов JavaScript в TextMate
2012-06-14 в 11:06, admin, рубрики: javascript, mac os x, Программирование, программы, метки: javascript, mac os x, программы 
TextMate умеет сворачивать куски кода — это удобно, т.к. позволяет окинуть код взглядом целиком. К сожалению по умолчанию в JavaScript он сворачивает только функции, а иногда хочется свернуть и другие большие структуры (условия/циклы/объекты/списки)
Чтобы это было возможно, нужно подправить условия нахождения границ блоков.
Для этого нужно открыть редактор настроек (Bundles → Bundle Editor → Show Bundle Editor)
Там находим узел с нужными настройками языка (JavaScript → JavaScript)
Заменяем значения foldingStartMarker на '^.*({|[)s*$', а foldingStopMarker на '^s*(}|])'Читать полностью »
В jQuery начиная с версии 1.8 можно исключить некоторые модули
2012-06-14 в 11:06, admin, рубрики: javascript, jquery, метки: javascript, jquery В частности модули ajax, css, dimensions, effects, offset. Новость уже появилась давно. Коммит с анонсом данной возможности на github-е появился еще 7 июня.
Не так часто, но встречал спор насчет размера и лишнего функционала, да и я сам был бы не проч исключить модули для некоторых проектов. Надеюсь возможность исключить модули появятся и на популярных CDN. Как это можно собрать — под катом или на github-е.
Читать полностью »
.toster: Javascript supportado!
2012-06-13 в 14:57, admin, рубрики: .тостер, javascript, Блог компании .тостер, доклады, конференция, спикеры, метки: .тостер, javascript, доклады, конференция, спикеры
JavaScript loader без define
2012-06-13 в 7:23, admin, рубрики: javascript, jquery, loader, Веб-разработка, метки: javascript, loaderПривет!
Всем известно решение задачи загрузки скриптов.
Например Curl.JS, Require.JS, + популярные frameworks умеют это тоже.
Вот и недавно была статья про это от уважаемого azproduction.
Но все же интересно, есть ли альтернативы AJS, CJS, etc, учитывая ссылку.
Что если есть возможность загрузить JavaScript забыв про обыденные «мелочи» типа:
define( function(){
return MyBeautifulObject;
});
Пример для самых нетерпеливых.
Далее небольшая заметка о том как это работает.
Лечение шифрованных javascript файлов
2012-06-13 в 5:26, admin, рубрики: javascript, информационная безопасность, чистка вирусов, метки: javascript, чистка вирусов До сегодняшнего дня мне приходилось лечить сайты с зараженными .js файлами, в которых вредоносный код вставляется в конец файла и его можно легко очистить по сигнатуре. Пример программы для очистки.
Но вирусописатели не останавливаются на достигнутом, и разрабатывают новые способы заражения.
Опишу один из них:
- вирус заходит по ftp на сайт
- дописывает в конец кода свой кусок
- шифрует обфускатором весь файл и сохраняет.
- ждет 2 недели или месяц и в iframe появляется троян.
Эффективная веб-разработка c Visual Studio 2012: нововведения в редакторы HTML/CSS и JavaScript
2012-06-11 в 15:12, admin, рубрики: css3, html5, javascript, Visual Studio, visual studio 2012, Блог компании Microsoft, Веб-разработка, метки: css3, html5, javascript, visual studio 2012 
Новая версия Visual Studio 2012 предлагает значительное число нововведений в редакторы HTML/CSS/JavaScript. В этом обзоре я расскажу про основные нововведения, которые позволят веб-разработчикам писать код более быстро, удобнее и эффективнее.
Редактирование HTML5
Visual Studio 2012 полностью поддерживает HTML5 и все новые теги, которые предлагает новый стандарт. Это означает, что разработчики получают автодополнение новых тегов в редакторе (рисунок 1).
Рис.1. Автодополнение HTML5-тегов
Это так же означает встроенную поддержку валидации HTML5-кода в редакторе. Кроме того, для многих тегов механизм автодополнения создает кроссбраузерный код, например, автодополнение <video> на рисунке 1 приведет к автоматической генерации следующего кода (рисунок 2).
Читать полностью »
Полноэкранное слайд-шоу с эффектом разреза на CSS3 и jQuery
2012-06-11 в 6:46, admin, рубрики: css3, javascript, веб-дизайн, Веб-разработка 
В этом учебном руководстве мы создадим полноэкранное слайд-шоу со скручиванием: мы будем скрывать открытый слайд с эффектом разреза, чтобы показать следующий или предыдущий слайд. При помощи различных атрибутов мы определим тип, угол вращения и масштаб слайдов, давая нам возможность создать уникальные эффекты переходов у каждого слайда.
Мы будем использовать следующие jQuery плагины:
- jQuery cond от Ben Alman.
- jQuery Transit от Rico Sta. Cruz.
HTML5: Доступ к батареи через javascript
2012-06-10 в 14:25, admin, рубрики: battery, html, html5, javascript, Веб-разработкаHTML5 спецификация наполняется и медленно начинают появляться API, позволяющие получать информацию об устройстве, на котором запущено приложение. Одиим из последних является Battery Status API. Как вы уже догадались, API позволяет получить информацию о батареи используя javascript. Так что теперь у вас есть возможность отключиться тяжелую анимацию на вашей странице, предложить пользователю сохранить данные или самому активно ее сохранять в локальное хранилище. Рабочий пример вы можете найти здесь. Следует заметить, что свойство «Battery time left», было недоступно, когда я открыл страницу. Но оно обновилось через пару минут.
Я тестировал это API с последних бета-версий Mozilla и оно пока не работает на Mac (но работает на iOS, Android и Windows). Так же мне не удалось получить положительный результат статуса зарядки, зато время разрядки и уровень батареи работали корректно. В этом мальньком примере мы просто отобразим информацию из API на простенькой странице, как эта (скрин из моей таблетки):
В этой статье мы рассмотрим:
- Использование Battery API
- Создание полей, для отображения информации из API
- Создание картинки для отображение статуса батареи
- Использование eventListener для обновления информации
HTML5: Доступ к батарее через javascript
2012-06-10 в 14:25, admin, рубрики: battery, html, html5, javascript, Веб-разработкаHTML5 спецификация наполняется и медленно начинают появляться API, позволяющие получать информацию об устройстве, на котором запущено приложение. Одиим из последних является Battery Status API. Как вы уже догадались, API позволяет получить информацию о батареи используя javascript. Так что теперь у вас есть возможность отключиться тяжелую анимацию на вашей странице, предложить пользователю сохранить данные или самому активно ее сохранять в локальное хранилище. Рабочий пример вы можете найти здесь. Следует заметить, что свойство «Battery time left», было недоступно, когда я открыл страницу. Но оно обновилось через пару минут.
Я тестировал это API с последних бета-версий Mozilla и оно пока не работает на Mac (но работает на iOS, Android и Windows). Так же мне не удалось получить положительный результат статуса зарядки, зато время разрядки и уровень батареи работали корректно. В этом маленьком примере мы просто отобразим информацию из API на простенькой странице, как эта (скрин из моей таблетки):
В этой статье мы рассмотрим:
- Использование Battery API
- Создание полей, для отображения информации из API
- Создание картинки для отображение статуса батареи
- Использование eventListener для обновления информации