Впервые за 2 года, а может, и более, Хабр повёл себя неестественным образом. Никто не ожидал, но в поле ввода пришли изменения — поле ввода тега SOURCE с языками для подсветки синтаксиса. Одновременно, появилась поддержка гораздо большего количества языков, чем было раньше описано в «хелпе».
Читать полностью »
Рубрика «javascript» - 566
Ой, сорцы появились
2012-04-12 в 16:58, admin, рубрики: HabrAjax, javascript, интерфейсы, интерфейсы пользователя, хабрахабр, Хабрахабр API, метки: HabrAjax, интерфейсы пользователя, ХабрахабрDeepClone на javascript, который можно твитнуть
2012-04-12 в 13:03, admin, рубрики: clone, javascript, twitter, ненормальное программирование, метки: clone, javascript, twitterДобрый день!
Не знаю, будет ли кому интересно, но соорудил сегодня такое чудо: DeepClone, упихивающийся в 140 байт.
Если кто-то такое уже делал и постил, ткните, пожалуйста, носом. Я в формате твитов нашёл только неглубокие копирования. Ну и не исключаю, что какой-нибудь применённый хак находится в списке запрещённых препаратов приёмов, а за его использование полагаются страшные кары :)
Из недостатков — всё то же, что и у клонирования с помощью функции extend из jQuery: не ест стандартные объекты типов Boolean, String, Date, игнорирует prototype и constructor и зависает на кольцах.
Достоинство одно и, по-большей части, чисто эстетическое — размер.
Тестировал в Firefox, Chromium, Opera, IE8 и в умолчальном андроидном браузере.
Под катом — код и небольшой рассказ о том, как это работает.
«Паскалевская графика на HTML5» или «Что Opera сделала с Rainbow Dash»
2012-04-11 в 18:03, admin, рубрики: html, html5 canvas, javascript, my little pony!, turbo pascal, ненормальное программирование, метки: html5 canvas, my little pony!, turbo pascalУвидел на тематическом сайте, посвящённом сериалу My Little Pony код на Turbo Pascal, использующий старинный модуль Graph и рисующий нескольких персонажей.
Код содержал только вызовы функций и комментарии, javascript отлично его парсил. Осталось только дописать свои графические функции.
jQuery-плагин корзины интернет-магазина
2012-04-11 в 10:36, admin, рубрики: javascript, jquery, интернет-магазин, метки: javascript, jquery, интернет-магазин При разработке интернет-магазинов мне часто приходилось посредством javascript (а конкретнее его фреймворком — jQuery) проделывать некоторые повторяющиеся от проекта к проекту вещи. Например, добавление товаров в корзину, обновление информации о количестве товаров и общей сумме на странице, удаление товаров из корзины по одному, изменение их количества и полная очистка всех товаров из корзины. И все это, разумеется, без перезагрузки страницы.
И я пришел к выводу, что нужно писать код так, что бы потом его с легкостью можно было использовать в следующих проектах.
Читать полностью »
Meteor — Новый способ создания приложений
2012-04-11 в 3:02, admin, рубрики: javascript, Meteor, node.js, open source, Realtime, Веб-разработка, метки: javascript, Meteor, node.js, RealtimeMeteor представляет собой набор новых технологий для быстрого создания высококачественных Веб-приложений, с которым справятся не только опытные разработчики но даже и новички.
Чистый JavaScript.
Пишите всё приложение полностью на чистом JavaScript. Все API, доступны на клиенте и на сервере — в том числе API базы данных! — Так что один код может легко работать на клиенте и на сервере.
Живые обновления страниц.
Просто напишите ваши шаблоны. Они автоматически обновляются при изменении данных. Meteor поддерживает любой язык шаблонов.
Чистая, мощная синхронизация данных.
Пишите ваш код клиентской части, как если бы она была запущена на сервере, и имела прямой доступ к базе данных. Больше не придется получать данные через REST.
Читать полностью »
Простой parallax эффект для промо-сайта
2012-04-10 в 14:45, admin, рубрики: javascript, jquery, jquery plugins, parallax, Веб-разработка, метки: javascript, jquery, jquery plugins, parallax 
В последнем проекте который состоял всего из одной странички, потребовалось реализовать простой эффект, суть которого лучше понять на примере.
Поскольку времени для реализации было достаточно, и долгое время таится желание написать хоть что-то, что может помочь другим разработчикам. Оформил все это дело в совсем малюсенький и простой plugin для jquery. Надеюсь, теперь этот код могут прочесть не только я и мой кот Борис, если же это и вовсе кому-то поможет в работе то я совсем не против использования его в ваших проектах, изменения копирования редактирования и т.д.
Читать полностью »
Лица .тостер {javascript} — Robert Nyman
2012-04-10 в 13:37, admin, рубрики: .тостер, api, html, javascript, mozilla, Блог компании .тостер, конференция, метки: .тостер, api, html, javascript, mozilla, конференция 
Гордый персонаж в гидрокостюме, как вы уже, возможно, догадались — Роберт Ниман.
Роберт — технический евангелист Mozilla, ответственный за развитие HTML5 и концепции Open Web. В принципе, в его работе нет ничего уникального, как говорит сам Роберт — он пишет и препарирует чужой код, путешествует вокруг света и рассказывает о том, чем занимается Mozilla в настоящее время, пишет интересные посты в своем уютном блоге robertnyman.com и, наконец, развивает ресурс MDN (Mozilla Developer Network), который, как отмечает Роберт, должен стать ресурсом обязательным к посещению для всех веб-разработчиков.
Как вы уже должны знать — Роберт согласился приехать от лица всей компании Mozilla на конференцию .тостер {javascript}, где он выступит с докладом о JavaScript API, краткое описание которого можно найти на странице расписания конференции.
Мы задали Роберту несколько вопросов, касаемых его жизни, опыта, взглядов на разработку, для того чтобы посетители конференции смогли понять, что за человек перед ними и какова ценность его знаний.
Читать полностью »
Как и почему работает onbeforeunload
2012-04-10 в 9:52, admin, рубрики: Firefox, javascript, popup, веб-дизайн, юзабилити, метки: firefox, javascript, popup, юзабилити Вчера в багзилле mozilla.org закрыли баг №641509 «onbeforeunload event does not display site-supplied text, only standard message», судя по комментариям, окончательно и бесповоротно. В связи с этим захотелось написать немного об истории вопроса.
Читать полностью »
Использование классов в JavaScript
2012-04-09 в 19:39, admin, рубрики: class, javascript, Веб-разработка, классы, Программирование, метки: class, javascript, классыМетоды создания классов на JavaScript уже не раз обсуждались по всему рунету и на хабре в том числе, я решил найти немного иной подход к созданию классов, приближенный к реальным классам.
Для начала я опишу как создавать классы нужных нам типов, классы могут иметь обычные публичные свойства, приватные свойства и статические свойства.
Читать полностью »
fc.tape — js-библиотека для простой анимации спрайтов
2012-04-09 в 12:27, admin, рубрики: javascript, jquery, jQuery UI, спрайты, метки: javascript, jquery, jQuery UI, спрайты 
Хочу поделиться с хабросообществом javascript-библиотекой fc.tape. Её назначение — управление анимацией спрайта, представляющего собой склеенные кадры.
Демо
Читать полностью »