На сегодняшний день эффекты при скроллинге набрали достаточно большую популярность (так называемый параллакс). Но, к сожалению, эти эффекты нейтивно не поддерживаются мобильными устройствами. Не так давно Mark Dalgleish предложил свой вариант решения этой проблемы:
Рубрика «javascript» - 550
Кроссбаузерный скроллинг
2012-07-09 в 4:59, admin, рубрики: javascript, parallax, scroll, touch, Веб-разработка, Мобильный веб, метки: javascript, parallax, scroll, touchОтображение блоков в зависимости от текущей локации
2012-07-06 в 18:08, admin, рубрики: backbone.js, javascript, Веб-разработка, метки: backbone.js, javascriptДумаю будет интересно только тем, кто только начал работать с Backbone.js. Хотя…
Для чего это нужно?
Представьте что у вас есть приложение, но котором надо организовать систему уведомлений (новое письмо, лайк, активность друга и т.д.). Отображение подобного рода уведомлений будет не везде, а в определенных участках приложения. Например:
- на главной странице нужно отображать все уведомления
- на странице твиттера нужны только уведомления которые касаются только его
- на «другой» странице нужны все уведомления кроме твиттера
Google передает управление проектом GWT независимому комитету
2012-07-06 в 13:42, admin, рубрики: Google, Google Web Toolkit, GWT, java, javascript, метки: Google, google web toolkit, GWT, java, javascriptПохоже, что тяга Google к оптимизации затрат и закрытию непрофильных сервисов добралась и до GWT. Компания, занимавшаяся развитием тулкита с 2006 года, передала проект в руки некоего «управляющего комитета», состоящего из разработчиков, заинтересованных в дальнейшем развитии проекта.
В список компаний, помимо неназванных разработчиков из сообщества, входят представители Sencha, Red Hat, Vaadin и некоторые другие. К слову, разработчики Google в этом списке пока тоже присутствуют.
Клавиатурные сокращения с Javascript
2012-07-06 в 10:47, admin, рубрики: javascript, mousetrap, shortcuts, метки: javascript, mousetrap, shortcutsMousetrap — маленькая библиотека (1.4 KB) для обработки клавиатурных нажатий.
// single keys
Mousetrap.bind('4', function() { highlight(2); });
Mousetrap.bind("$", function() { highlight(3); }, 'keydown');
Mousetrap.bind('x', function() { highlight(4); }, 'keyup');
// combinations
Mousetrap.bind('command+shift+K', function() { highlight(7); });
Mousetrap.bind(['command+k', 'ctrl+k'], function() { highlight(8); });
// gmail style sequences
Mousetrap.bind('g i', function() { highlight(11); });
Mousetrap.bind('* a', function() { highlight(12)});
// konami code!
Mousetrap.bind('up up down down left right left right b a enter', function() {
highlight([15, 16, 17]);
});
Как видно, поддерживаются как одиночные нажатия, так и сочетания и клавиатурные комбо.
Работает в Internet Explorer 6+, Safari, Firefox, Chrome (с включенным Vimium не работает).
Пробуйте — Читать полностью »
Ruby on Rails + simple javascript patternization
2012-07-06 в 10:45, admin, рубрики: javascript, patterns, ruby on rails, Веб-разработка, метки: javascript, patterns, ruby on rails Я уже давно разрабатываю приложения используя haml и coffee script. Всячески стараюсь избегать случаев написание pure javascript кода, html или erb. К хорошему быстро привыкают.
Ruby on Rails ругают за низкую производительность, отчасти это правда, отчасти не все возможности оптимизации поддались постижению. В любом случае,
Views: 490.9ms | ActiveRecord: 14.4ms
выглядит печально и хабраэффекта я не переживу. Как раз настал момент рефакторинга, кода вопрос производительности встал ребром.
Решение лежало в области ejs.
Читать полностью »
Node.js Projects в Netbeans 7
2012-07-05 в 21:21, admin, рубрики: javascript, node.js, Веб-разработка, метки: node.jsПриветствую, уважаемые читатели.
Для многих этот пост будет не новостью, но в связи с тем, что у меня часто интересуются — в какой среде я занимаюсь разработкой node.js проектов, говорят: «Как жаль, что в Netbeans нет модулей для работы с node.js проектами», я решил коротко описать — как заставить Netbeans 7 работать с node.js проектами в надежде, что кому-то это все-таки окажется полезным.
Тем, кто в теме, дальше можно не читать, хотя и читать особо не придется.Читать полностью »
Transport Tycoon Deluxe / Emscripten ч. 2
2012-07-05 в 2:58, admin, рубрики: c++, Emscripten, javascript, ttd, метки: c++, emscripten, javascript, ttdTransport Tycoon (Транспортный магнат) — изрядно древняя, но до сих пор доставляющая, особенно маньякам, игра в жанре экономической RTS. /.../
Также существует OpenTTD, открытый продукт маньяццтва unixоидов, вследствие чего от игры можно не отвлекаться даже в сортире и метро, установив её на коммуникатор или КПК. © lurkmore
Читать полностью »
Своё приложение на Node.js с хранением в Dropbox – это просто
2012-07-04 в 13:10, admin, рубрики: DropBox, express.js, jade, javascript, node.js, Программирование, метки: DropBox, express.js, jade, javascript, node.js Несмотря на то, что главным моим хобби так и остаются роботы, я трачу немало усилий, чтобы оставаться в трендах своей основной стези – программирования. Волей судьбы недавно удалось познакомиться с Node.js, я узнал о его web фреймворке express, подружился с новым для себя template engine Jade и в довершение ко всему связал все это с папкой в Dropbox.
В этом посте я постараюсь коротко рассказать, как можно организовать web-сервис для хранения файлов, используя лишь бесплатные решения.
Всех заинтересованных – прошу под кат.
Читать полностью »
Три нестандартных типа чисел в JavaScript и две библиотеки
2012-07-04 в 6:33, admin, рубрики: javascript, числа, метки: числа В JavaScript по умолчанию есть один тип чисел — Number. Хотя он конечно делится на Int и Float, хотя выражается это в немногом (например, в функциях parseInt — parseFloat).
При этом большие числа (и Int и Float) укорачиваются, а дроби приводятся к десятичным и округляются. И то и другое не всегда хорошо, так что появились библиотеки, которые предлагают новые классы для необычных чисел.
Читать полностью »
Как создать свой Color Picker на Javascript?
2012-07-03 в 11:58, admin, рубрики: color picker, javascript, метки: color pickerЯ знаю что в сети много подобных скриптов на разный вкус и цвет. Но мне захотелось написать свой с нуля и первое что я сделал полез в Гугл искать алгоритм создания(сolor picker). В итоге я был разочарован так как не нашел нечего кроме готовых скриптов, наверно поэтому после того как я разобрался и написал свой color picker, я решил поделится своим опытом в его написание.
Так как я пишу на чистом js без библиотек (не считая той которую я пишу сам:)) в данном посте будет только хардкор чистый javascript.
Что нужно знать что бы написать cp (сокращенно color picker):
- Основы Drag'n'Drop
- Немного разбираться в Canvas (на нем будет рисоваться шкала оттенков Hue)