• Обновление React компонентов с сохранением состояния в режиме реального времени для Browserify



      Всем доброго времени суток!
      Давайте немного поговорим о DX (Developer Experience) или «Опыте разработки», а если конкретнее — об обновлении кода в режиме реального времени с сохранением состояния системы. Если тема для вас в новинку, то перед прочтением советую ознакомиться со следующими видео:

      Ряд видео с обновлением кода в реальном времени без перезагрузки страницы




      Введение: Как это работает?


      Прежде всего стоит понимать, что реализация подобной функциональности подразумевает под собой решение ряда задач:
      — Отслеживание изменений файлов
      — Вычисление патча на основании изменений файлов
      — Транспортировка патча на клиент (в браузер, например)
      — Обработка и применение патча к существующему коду
      Но обо всём по порядку.
      Читать дальше →
      • +8
      • 10.2k
      • 8
    • Как бесплатно отправлять push оповещение на iphone из своего скрипта c помощью Boxcar 2

      • Tutorial
      Появилась задача отправлять на iphone оповещения. Конечно, было бы проще сделать это обычным email-ом, но клиент настоял именно на push-е. Поэтому пришлось пользоваться поиском. К моему удивлению ни на хабре, ни в русской части интернета рабочего примера, как делать бесплатный push, не оказалось. Надо бы это исправить.

      Нам потребуется установить бесплатное приложение Boxcar 2, так же в нашем скрипте должна быть поддержка CURL.



      Под катом представлено пошаговое руководство и пример на php.
      Читать дальше →
    • Как быстро создать опрос на вашем сайте с помощью форм Google?

        Как быстро создать опрос на вашем сайте с помощью форм Google?Рано или поздно, практически все, у кого есть собственный сайт, сталкиваются с необходимостью создания форм обратной связи для сбора данных (проведения опросов) с посетителей сайта.

        Это может быть форма в разделе контакты, через которую посетители сайта будут отправлять вам интересующие их вопросы, может быть форма сбора заявок от клиентов (например, заявки на обратный звонок или заявки на покупку товара), а может быть форма для проведения опроса или голосования по интересующей вас теме.

        Есть несколько подходов в создании подобных форм:

        • Формы можно сделать, используя теги HTML и завязать нажатие кнопки «Отправить» с отправкой введенных данных вам на email

        • Можно сделать связку PHP+MySQL (или любой другой язык программирования и базу данных) и все введенные данные сохранять в базу данных для дальнейшей работы.

        • Если ваш сайт сделан с использованием какой-нибудь популярной CMS (например, Joomla, Drupal или WordPress), то вы можете поискать в сети плагины, модули и компоненты, которые достаточно просто позволяют создавать формы

        • А можно для создания форм обратной связи использовать бесплатные инструменты всем известного Google.Docs

        И в этой статье я хотел бы показать как с помощью Google.Docs вы можете легко и быстро создавать всевозможные формы опроса для ваших сайтов.
        Читать дальше →
      • Операция «посредник» или доставка товаров из США — проще, надежнее, дешевле

          Все мы знаем, что большинство гаджетов дешевле купить в США, чем у нас на родине, и особенно это относится к различным новинкам, цены на которые у нас просто взлетают к небесам! Так же всем известно, что самые «вкусные» предложения на eBay и в интернет магазинах США обычно имеют доставку US only и соответственно не доступны для нас. В этой статье я попытаюсь рассказать про еще один способ исправить это недоразумение. Конечно все более-менее опытные интернет-покупатели знают о посредниках, которые предоставляют услугу mail forwarding — тоесть пересылку посылок. Происходит это так — вы заказываете доставку товара на адрес в США, который вам выдал посредник, он получает посылку и пересылает ее вам, беря за это небольшую комиссию. Известные посредники это Shipito, Ebaytoday, Бандеролька и т.д. их достаточно много и все они предлагают набор услуг — пересылка, объединение нескольких посылок в одну, наоборот — разделение крупной посылки на несколько мелких и тд. Берут обычно фиксированную плату за каждую посылку + оплату за дополнительные услуги. Стоимость самой пересылки обычно рассчитывается по тарифам USPS и этой же службой отправляют посылку вам. Я же хочу рассказать про еще одну компанию — Meest.us, которая осуществляет пересылку посылок (среди различных других услуг) но в принципе ее работы есть некоторые интересные особенности.
          Читать дальше →
        • Вам календарик 2012



            И вот опять вам календарик!

            По сложившейся традиции канун 31 декабря я провожу поедая мандарины и обновляя календарик для Хабра.

            В карман (100×70мм):
            pdf, eps, svg или png (1185×836, 300dpi)

            На стенку (A4):
            pdf, eps, svg или png (3512×2487, 300dpi)

            Сделай сам:
            Генератор календариков (Python, CC-BY)

            Читать дальше →
          • Создаём на wifi-роутере за-tor-енную точку доступа

            Многие современные домашние роутеры по сути представляют собой мини-компьютер — у которого разве что нет монитора и мыши/клавиатуры. Впрочем, учитывая назначение этих самых железяк, последнее — вовсе не проблема.

            Как правило, в базовой прошивке роутер умеет раздавать интернет на один или несколько LAN-портов, а также обслуживать собственную беспроводную сеть. Более продвинутые модели зачастую включают один или несколько портов USB, куда можно подключить, например, принтер или флэшку с файлами.

            Однако всё богатство возможностей этого железа открывается при использовании открытых прошивок. Для новичков — dd-wrt, для более продвинутых — серия open-wrt и прочие wrt-based.
            В настоящей статье речь пойдёт о настройке анонимизированной wifi-точки на базе роутера Asus RT-N16 с прошивкой dd-wrt и optware.
            Читать дальше →
          • Google запустила кнопку +1 для сайтов

              В марте Google запустила кнопку +1 для поисковых результатов и рекламных объявлений. Начиная же с сегодняшнего дня, такую кнопку может установить на свой сайт каждый желающий.

              Как объясняет Google: «Одним щелчком мыши вы можете порекомендовать понравившийся вам плащ, новостную статью или любимый фантастический фильм друзьям, контактам и остальному миру. В следующий раз, когда они будут что-то искать, они увидят ваш +1 непосредственно в результатах поиска, что поможет им найти ваши рекомендации, когда они наиболее своевременны».
              Читать дальше →
            • Интеграция с ВКонтакте на базе Open API

              Социальная сеть ВКонтакте предоставляет широкие возможности для интеграции со сторонними сайтами. В основном эти возможности представлены уже готовыми виджетами. Однако, есть еще и Open API, которое позволяет не только авторизовать пользователя, но и выполнить любой метод, доступный приложениям ВКонтакте (ВКонтакте API).
              Читать дальше →
            • Все способы заработка в интернете (инфографика)

                Каждый сегодня делает деньги в интернете… или по крайней мере пытается.

                В Fast Company собрали все возможные способы заработка денег в интернете и изобразили их в виде инфографики.

                Сколько способов которые показаны здесь, вы активно используете для заработка денег в интернете?
                Читать дальше →
              • MyFin — удобный инструмент для ведения домашней бухгалтерии

                  Всем привет!

                  Хочу представить вам свою разработку. Это минималистичное и удобное средство для ведения домашней бухгалтерии. Вот скриншот для затравки:




                  Подробности под катом.
                  Читать дальше →
                • Как авторизуются люди в Рунете

                    image
                    По следам этого поста, публикую данные о ситуации в Рунете. В качестве оператора «общей» аутентификации в данном случае вышла система Loginza. Данные собраны за три полных месяца и за половину августа.

                    Первое место занимает великое рунетовское зло (пока что незаменимое лично для меня, ввиду его повсеместности – где бы еще я за два часа смог найти внедорожник для съемок или фотографа на бекстейдж?) vkontakte.ru. Количество заходов под этим аккаунтом составило почти 14 тыс. за исследуемый период, что в процентном отношении дает около 45%.
                    Читать дальше →
                  • Эмуляторы игровых консолей на платформе Android

                    image

                    Не секрет что Android как платформа стремительно набирает популярность, и хотя уже сейчас имеется возможность поиграть во множество интересных и красивых игр, всё же до iOS ещё далеко. Однако также не является секретом то, что на старых игровых консолях достаточно много качественных, и достойных нашего с вами внимания проектов, а что ещё важнее – в них без проблем можно поиграть на эмуляторах. Я попытался составить список самых популярных игровых эмуляторов на платформе Android. Список стоящих игр к эмуляторам также прилагается.
                    Читать дальше
                  • Кастомные переменные Google Analytics, или новые возможности для сегментирования вашего трафика

                      Как Вы, вероятно, уже знаете не так давно произошло обновление Google Analytics. Данное обновление было освещено и здесь, на хабре, — Грандиозное обновление Google Analytics

                      В частности изменения коснулись:
                      • Увеличено количество целей до 20 (4 набора по 5 целей в каждом)
                      • Появились цели новых типов (время проведенное на сайте и кол-во просмотренных страниц)
                      • Веб-аналитика мобильных сайтов. Статистика с приложений на платформах Android и IPhone также как для веб-сайтав
                      • Адаптация кода Analytics под выбранную платформу
                      • Появление Pivot таблиц в отчетах — то чего очень не хватало многим, и из-за чего приходилось использовать Excel
                      • Фильтрация данных в отчетах на лету
                      • Добавлена новая метрика — уникальные посетители
                      • Расширена возможность работы с событиями
                      • Полностью изменены принципы работы с пользовательскими переменными


                      На последнем я бы и хотел остановить свое внимание.
                      Читать дальше →
                    • Несколько jQuery плагинов, которые вы возможно станете использовать

                        qTip





                        qTip — это бесплатный плагин для jQuery для создания подсказок (tooltip). Данный плагин кроссбраузерный, имеет обширные возможности к настройке и содержит множество функций, таких как: закругленные углы без применения изображений, speech bubbles (изображение речи как в комиксах), а так же эффекты — fade (постепенное исчезновение изображения), slide и возможность создания собственных эффектов. Данный плагин уже включает пять готовых тем, но можно создавать свои темы без особых усилий. Кроме того можно создавать окна диалогов, изменять цвет фона подсказки и места, где она отображается.

                        Скачать | Демо

                        Читать дальше
                      • Фотошоп онлайн!

                          Добрый день!

                          Наткнулся на замечательный сайт, и получив от него удовольствие, решил поделиться с вами, дорогое моё хабрасообщество! Итак, встречаем — фото-редактор «а-ля фотошоп». Привлёк и удивил тем, что редактор-то онлайн:



                          Функциональный, забавный, онлайн, и что приятно удивило, поддерживает русский язык.

                          Волшебная ссылка!
                        • Качества перспективного работника

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

                            Решил выписать самое основное — советы, зная которые с самого начала, я думаю, достиг бы сейчас много большего. Применяя их вам будет легче понимать начальство, а с вами будет проще работать, вам будут доверять, делегировать, поручать руководство другими (в которых вы, к слову, станете ценить то же самое).
                            Читать дальше →
                          • Автоматическое определение рубрики текста

                              Введение


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

                              Подготовка данных рубрикатора


                              Для начала определимся с тем, в каком виде мы будем готовить данные для рубрикатора.
                              • 1. Рубрикатор – это граф, а не дерево
                              • 2. Текст, тематика которого определяется, может быть отнесен к нескольким рубрикам одновременно
                              • 3. Для каждого соотнесения с рубрикой указывается коэффициент точности определения рубрики
                              • 4. Тематика текста определяется для каждого текста отдельно, и не зависит от того как были определены рубрики других текстов ранее

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

                              Алгоритм определения тематики текста, кратко


                              Описываем рубрикатор. Извлекаем из исследуемого текста ключевые слова, описанные в рубрикаторе. В результате извлечения получаем кусочки разорванного и чаще всего несвязного графа. Используем волновой (или любой другой, по желанию) алгоритм для «дотягивания» извлеченных кусочков графа до вершины «всё». Анализируем и выводим результаты.
                              Читать дальше →
                              • +29
                              • 19.7k
                              • 4
                            • HTML Purifier. Расширяем возможности


                                Буквально пару абзацев я уделю внимание особенностям взаимодействия этой библиотеки с фреймворком Yii, остальное же в полной мере универсально и будет интересно всем, кто использует или планирует использовать эту библиотеку.

                                Если вы уже хорошо знакомы с Purifier, то можете смело начинать читать отсюда

                                Немного о HTML Purifier

                                Если вы не слышали о такой прекрасной библиотеке (а поиск на Хабре говорит о не такой уж большой популярности) как HTML Purifier, то советую обязательно к ней присмотреться, особенно если ваши пользователи генерируют контент в html формате. Это может быть рядовой пользователь, модератор или даже администратор.
                                Что же делает эта библиотека?
                                Согласно конфигурации она очищает любой html код от всех вредоносных, невалидных, запрещенных (вашей конфигурацией) частей кода, в том числе отдельные атрибуты.
                                Читать далее
                              • Ускоряем Nginx за 5 минут

                                  image
                                  Попытайтесь повторить это сами

                                  Как правило, настроенный должным образом сервер Nginx на Linux, может обрабатывать 500,000 — 600,000 запросов в секунду. Но этот показатель можно весьма ощутимо увеличить. Хотел бы обратить внимание на тот факт, что настройки описанные ниже, применялись в тестовой среде и, возможно, для ваших боевых серверов они не подойдут.

                                  Минутка банальности.

                                  yum -y install nginx
                                  

                                  На всякий пожарный, создадим бэкап исходного конфига.

                                  cp /etc/nginx/nginx.conf /etc/nginx/nginx.conf.orig
                                  vim /etc/nginx/nginx.conf
                                  

                                  А теперь можно и похимичить!
                                  Бдыжь-бдыжь
                                • Несколько интересностей и полезностей для веб-разработчика (выпуск 5)

                                    Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.

                                    Stackedit



                                    Шедевр среди Open Source редакторов! Основан на библиотеке разметки (Markdown) PageDown, которая используется в StackOverflow и других проектах StackExchange. Stackedit синхронизируется с Dropbox и Google Drive, а также сохраняет все документы в local storage, благодаря чему редактирование возможно и в онлайне и в оффлайне. Возможность импорта/экспорта/конвертация Markdown и HTML. Публикация в WordPress, Tubmlr, Blogger, Github, Gist и на любой SHH сервер. Статистика, работа в режиме realtime, поддержка различных синтаксисов (Prettify/Highlight.js), LaTeX, темы… Это просто великолепный продукт.


                                    App.io позволяет запускать iOS приложения в браузере. Это уже тема мобильной разработки, но недавно я читал статью про Sprinty Driver и обратил внимание на то, что BeetlePlay разрабатывают демо-версии на Flash. Решил поделиться. Также советую фреймворк для создания анимаций в UIKit от IFTTT.

                                    Читать дальше →