• Кодируем музыку в браузере

    • Tutorial
    Регулярно появляются статьи о создании кода Javascript который издаёт звуки в браузере. В них объясняется чем частота ноты До отличается от частоты ноты Ля, примеры кода исправно издают «бип-бип».

    Сделаем что-то подобное, но с результатом больше похожим на музыку. И относительно наглядной нотацией в духе ABC, примерно вот так:

    image

    Запустить код и прослушать можно здесь.
    Читать дальше →
  • Серверная кластеризация маркеров на карте. От теории к практике

      Привет Хабр. История начинается с того что мы решили сделать гео сервис с возможностью размещения меток на карте самими пользователями.
      И когда решили залить в базу 1 миллион маркеров то поняли, что даже если запрашивать маркеры только в определенном радиусе то все работает очень медленно и кластеризация на клиенте тоже не вариант :)

      А где-то под этим лесом находится манхетен


      Подробности
    • Полная энергетическая автономия или как выжить с солнечными батареями в глубинке (часть 2. практическая)



        Реальная солнечная автономка для конечного пользователя состоит из потраченных денег, проб, монтажа устройств и обучения домочадцев пользоваться электричеством экономно. Причем, на последний пункт стоит обратить внимание особо, поскольку автономка предполагает совершенно особый подход к расходу энергии и даже перестройке привычных действий.



        Собираем автономку
      • Wi-Fi термометр на ESP8266 + DS18B20 всего за 4$



        В последнее время всё большую популярность набирают Wi-Fi модули на основе ESP8266. Я тоже решил приобщиться к прекрасному, задумав реализовать термометр, отдающий данные по HTTP. Итак, поехали.
        Читать дальше →
      • Надёжный localStorage для букмарклетов

          В отличие от расширений, букмарклеты хороши простотой и кроссбраузерностью. Конечно, они ограничены контекстом окна (содержимого страницы), но часто этого достаточно. А с возникновением механизма localStorage у них появился простой способ сохранять и запрашивать данные на стороне клиента.
          Читать дальше →
        • ObjectManager в API Яндекс.Карт. Как быстро отрисовать 10 000 меток на карте и не затормозить всё вокруг

            Перед разработчикам, которые используют API Яндекс.Карт, довольно часто встаёт задача отобразить много объектов на карте. Действительно много — порядка 10 000. Причем эта задача актуальна и для нас самих — попробуйте поискать аптеки на Яндексе. На первый взгляд кажется: «А в чем собственно проблема? Бери да показывай». Но пока не начнешь этим заниматься, не поймешь, что проблем на самом деле целый вагон.



            Вопросы по большому количеству меток с завидной регулярностью поступают в наш клуб и техподдержку. Кто все эти люди? Кому может быть интересно показать на карте больше 10 меток? В этом посте я подробно рассмотрю весь вагон проблем и расскажу, как в API появились инструменты, помогающие разработчикам оптимально показать большое количество объектов на карте.
            Читать дальше →
          • Недорогие, маленькие, сетевые компьютеры — небольшой обзор

              «Чтоб ты жил в интересные времена!» — якобы старинное китайское проклятие.
              Да, нам с вами повезло или «повезло» жить в действительно интересные времена (вариант — «в эпоху перемен»). Возможно, это на самом деле проклятие, особенно с точки зрения мифических древних китайцев. Однако факт остается фактом: то, что еще пара десятков лет назад казалось невозможным, сейчас доступно практически каждому. Особенно это заметно в нашей отрасли — информационные технологии и цифровая электроника развиваются просто какими-то совершенно фантастическими темпами. Функциональные возможности, быстродействие, миниатюрность и (относительная) дешевизна современных цифровых решений поражает воображение.
              Еще совсем недавно сетевой компьютер размером меньше кредитки и стоимостью в несколько сотен рублей, пригодный для создания на его базе интересных самостоятельных проектов энтузиастами-одиночками с относительно невысоким уровнем знаний в области электроники и программирования, казался весьма отдаленной перспективой. И вот уже мы можем смело выбирать из десятка (как минимум) альтернатив! Давайте посмотрим, что сейчас можно приобрести буквально за несколько десятков долларов, чтобы построить вокруг этого нечто впечатляющее и даже, может быть, полезное.
              Итак, поехали.
            • Презентация средствами HTML5

                image
                Обратил внимание, что в настоящее время программисты Google начали использовать новую форму представления своих презентаций.

                Типичный пример, еще пример — мы видим фреймы, эффекты, изображения, общий стиль.

                Несложный поиск привел к удобному шаблону, который при своей простоте позволяет создавать неплохие презентации с легко внедряемыми элементами
                Читать дальше →
              • Google Docs Viewer

                Google Docs ViewerGoogle Docs Viewer — это онлайн-сервис работающий на платформе Google Docs и позволяющий непосредственно в веб-браузере и без авторизации просматривать документы поддерживаемые сервисом Google Docs, например Adobe PDF, Microsoft Word или Microsoft PowerPoint.

                Преимуществом такого варианта является возможность просмотра документов множества форматов без загрузки на локальный диск. Другим преимуществом является безопасность — не все PDF и DOC документы безопасны для просмотра через Adobe Reader и MS Word.

                Читать дальше →
              • Проект Mozilla Drumbeat набирает обороты

                Поразительно, но на Хабре еще не было топика, посвященного одному из больших детищ Mozilla – проекту Drumbeat. Информации в Интернете на русском очень мало, конечно, это связано с тем, что веб-сайт проекта только на английском языке. Если Mozilla выделила для Drumbeat более миллиона долларов, а фонд Марка Шаттлворта участвовал в поддержке – то, возможно, стоит поближе узнать детали и особенности этой (пока только зарубежной) социальной сети.



                Читать дальше
              • Редактор фотографий на html5

                  image
                  Вы все еще кипятите не верите в html5? Тогда советую попробовать редактор изображений Aviary. Принцип работы очень простой:
                  • Загрузить изображение или указать ссылку
                  • Обработать
                  • Сохранить или использовать ссылку
                  Например, вот так выглядит лого хабра при использовании эффекта старой фотографии:
                  image


                  UPD: Для неверующих:
                  1. Запустите на компьютере без флеша.
                  2. Там есть возможность получить код редактора для своего сайта. Рекомендую.
                • Как не стать спамером со своей уютной рассылочкой

                    image
                    Пользователь когда-то подписался на рассылку, но уже забыл когда, и главное зачем. Теперь ежедневно к нему падает спам, а по собственному опыту он знает, для того чтобы отписаться нужно зайти по ссылке свой профиль, найти и снять там какую-то галку а главное, помнить свой логин и пароль на давно забытом им сайте.
                    Его действия? «В спам!»

                    А по другую сторону баррикад находитесь Вы с вашей уютненькой подписочкой, полезной информацией и очень удобной системой отписки, о которой пользователь так никогда и не узнает.

                    И вот, с десяток таких «отписок» и гугл будет удобно отсортировывать ваши рассылки в папочку Спам (584), у ВСЕХ ваших подписчиков.

                    Однако многие из нас уже успели заметить: некоторые письма в Gmail при попытке отметить их «В спам!» САМИ предлагают отписаться от рассылки в один клик.

                    Эта фича была введена google более года назад, но лишь единицы рассылок научились ей пользоваться. И не удивительно. В рекомендациях по осуществлению массовых рассылок, лишь косвенно упоминается о том, что Вам нужно сделать.
                    А сделать нужно не многое.
                    Читать дальше →
                  • Ghetto workout

                      Я работаю в офисе, большую часть дня провожу за компьютером, и дома тоже частенько провожу время у компьютера. Такой образ жизни, не лучшим образом сказывается на физическом состояние, если не уделять время спорту. В такую жару от слова фитнес клуб тошнит чуток, хотя дело не в погоде, надо подстраиваться под фитнес клуб, под инструктора, под расписание занятий. Всегда любил турник и брусья, но особо не увлекался, пока не увидел вот эти видео:

                      Отжимания




                      Читать дальше →
                    • Регистрируем торговую марку в Украине

                        С чего начинается регистрация торговой марки?


                        Последние несколько лет, вопрос о регистрации торговой марки в Украине возникает тогда, когда необходимо зарегистрировать украинское доменное имя второго уровня. Напомню: для регистрации доменного имени .UA необходимо наличие торговой марки, которая имеет защиту на территории Украины.

                        Далее по тексту будут употребляться термины «знак для товаров и услуг», «товарный знак» или «сервисный знак» — все эти термины являются синонимами термина «торговая марка».

                        Перед началом регистрации торговой марки, стоит задуматься о том, какие именно цели Вы преследуете при защите своего знака. Сегодня мы рассматриваем пример регистрации названия для защиты своего бизнеса с последующей регистрацией доменного имени второго уровня .UA

                        Помните: торговая марка в первую очередь защищает название Вашего бизнеса! (под названием понимается также логотип или другая отличительная составляющая)
                        Читать дальше →
                      • 31 тезис

                          Иногда, когда у меня случаются моменты не самого лучшего настроения или что-то не получается, вмешивается, происходит или еще каким-то образом отравляет жизнь, я перечитываю эти цитаты, собранные мной несколько лет назад воедино — и силы приходят!

                          Читать дальше →
                        • Andrea Mosaic — мозаика быстро и лаконично

                            Сегодня хочется рассказать о том, как создать такие картинки.
                            Не видите ничего особенного? Можете сделать так своими руками? Загляните под кат.




                            Картинка кликабельна. (Трафик, осторожно!)

                            Upd: Заменил картинку на более важную сегодня.
                            Узнать,как такое сделать без фотошопа
                          • Оптимизация Javascript с помощью Google Closure Compiler

                              image
                              Google открыла исходные коды нескольких инструментов, которые использовались их сотрудниками при разработке таких проектов как Google Docs, Google Maps и GMail.

                              В числе этих инструментов имеется достаточно интересная штука, называемая Google Closure Compiler. Данная утилита минимизирует и оптимизирует javascript-код, за счет чего он начинает работать и загружаться быстрее.
                              Читать дальше →
                            • SSL сертификаты. Помогите отыскать тропинку в дремучем лесу

                                imageПривет.
                                Столкнулся с проблемой выбора SSL сертификата для своего проекта. Тема оказалась обширная для меня на столько, что я просто не знаю с какой стороны подойти к её решению и поэтому хотел бы попросить знающих хабрапрактиков разжевать мне и коллегам по хабра-цеху (с подобным интересом) о всех тонкостях SSL сертификатах.
                                Читать дальше →