• Добываем Wi-Fi соседа стандартными средствами MacOS

      Я всегда был фанатом багов и уязвимостей «на поверхности», всегда завидовал чувакам, которые пишут эксплойты для самых защищённых ОС, а сам умел только скрипткиддить (термин из нулевых). Однако мой пост про уязвимости в системах контроля версий набрал более 1000 лайков на Хабре и остаётся топ1 постом за всю историю Хабра, несмотря на то, что был написан 9(!) лет назад.

      И сегодня я хотел бы на пальцах показать и рассказать про такую штуку, как вардрайвинг. А точнее, как стандартными средствами MacOS можно добыть пароли от Wi-Fi соседей. Нелёгкая забросила меня на очередную квартиру. Как-то исторически сложилось, что я ленивый. Пару лет назад я уже писал, что моя лень, новая квартира и провод Beeline (бывшая Corbina) помогли мне найти багу у Билайна и иметь бесплатно интернет в их сети. «Сегодня» происходит «подобное», я на новой квартире, нет даже провода, но есть много сетей у соседей.


      Заколебавшись расходовать мобильный трафик, я решил, что «соседям надо помогать», и под «соседями» я имел введу себя…
      Читать дальше →
    • Медиа-запросы в адаптивном дизайне 2018

      • Перевод
      image

      В июле 2010 года я написала статью «Как использовать CSS3 медиа-запросы для создания мобильной версии вашего сайта» для журнала Smashing. Спустя почти восемь лет эта статья по-прежнему очень популярна. Я решила вернуться к этой теме, поскольку теперь у нас есть такие методы компоновки, как Flexbox и CSS Grid. В этой статье мы рассмотрим современные методы использования медиа-запросов в адаптивном дизайне, а также рассмотрим, что может произойти в будущем.
      Читать дальше →
      • +16
      • 16,3k
      • 5
    • Красивые формы для приёма банковских карт с CardInfo.js

        Всем кто верстал, верстает или будет верстать форму для приёма банковских карт дарю плагин CardInfo.js, с помощью которого можно сверстать вот такую форму:



        Плагин по номеру карты определяет один из 49 российских банков (потом и прочие страны добавлю), выдаёт вам логотип банка, цвета для фона, ссылку на сайт банка, определяет тип карты, его логотип и прочее. С этими данными делаете что хотите, верстаете любую форму.


        Поиграться с формой можно на демо странице. Код плагина и инструкции по установке на гитхабе.


        Под катом:


        • Пара слов о плагине;
        • Про базу банков, и почему их 49, а не 50;
        • Про логотипы банков;
        • Про логотипы типов;
        • Несколько моих вопросов к читателям;
        Читать дальше →
      • Web PUSH Notifications быстро и просто

        • Tutorial

        Добрый день. В этой небольшой заметке я хочу рассказать как быстро и просто настроить push-уведомления на вашем сайте. Эта статья ни в коем случае не претендует на звание исчерпывающего руководства, но, я надеюсь, что она даст точку старта для дальнейшего изучения.


        Информации по этой теме в интернете полно, но она фрагментирована, разбросана по разным ресурсам и перемешена с уведомлениями для мобильных устройств с примерами на Java, C++ и Python. Нас же, как веб-разработчиков, интересует JavaScript. В этой статье я постараюсь саккумулировать всю необходимую и полезную информацию.


        Web PUSH Notifications


        Я думаю, вы уже знаете что такое push-уведомления, но я всё же напишу коротко о главном.


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


        Читать дальше →
      • Тернистый путь к продажам на Themeforest.net — Часть 1

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



          Информации в сети о заветном маркетплейсе Envato.com достаточно много, но детально расписанный процесс подготовки проектов попадается очень редко. Я сам не раз обращался к успешным авторам, продающим на Themeforest.net, за советом и помощью. Благо есть люди готовые помочь безвозмездно. Я надеюсь, моя статья также будет полезна начинающим авторам или тем, кто собирается стать автором. Ну или, по крайней мере, прольет немного света на темопроизводство.




          Как все начиналось


          Как я рассказывал в своих предыдущих публикациях, уже несколько лет моя небольшая студия занимается диджитал продакшеном: разработкой web сайтов и мобильных приложений. А разработкой шаблонов мы занялись по рекомендации моего товарища. Однажды он сказал, что это отличный дополнительный заработок для небольшой студии, и, мол, усилий требуется совсем немного для этого. Идея иметь дополнительный заработок, используя ресурс студии, который не загружен по текущим проектам, мне понравилась. Но тогда я еще даже не представлял какое количество времени мы потратим до того момента, как в продаже на Themeforest.net появится наш первый шаблон. Нам для старта продаж понадобилось более полутора лет. Однако, это случай частный и не стоит на него ориентироваться. Я знаю примеры и более стремительного успеха. Но хочу более детально рассказать, почему мы так долго к этому шли и с какими трудностями столкнулись в процессе.

          Читать дальше
        • Страшный сон GoPro: обзор action-камеры Xiaomi Yi

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

            А в начале 2015 года компания начала развивать новую для себя нишу action-камер, выпустив Xiaomi Yi. После этого журналисты технический изданий ожидаемо начали фантазировать на тему убийства камер GoPro. Каковы шансы Xiaomi Yi составить конкуренцию камерам GoPro и что собой представляет китайская новинка, попробуем разобраться в данном обзоре.


            Читать дальше →
          • USB killer

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

              Как-то читал статейку как парень в метро вытянул у чавака из сетчатого кармана сумки флеху, на которой 128 было написано. Пришел домой, вставил в ноут -> спалил пол компа… Написал на флехе 129 и теперь носит в наружном кармане своей сумки...

              Картинка для привлечения внимания:



              Так как я работаю на предприятии, которое занимается разработкой и производством электроники, то мы с коллегами принялись активно обсуждать варианты реализации такой флешки, — которая “спаливала бы полкомпа.” Было множество хардкорных, фантастических, а также вполне реальных вариантов. И всё бы так и закончилось этим весёлым обсуждением, если бы я не собирался заказывать изготовление печатных плат для других своих проектов.
              Читать дальше →
            • Федеральный суд США разрешил использование дронов в коммерческих целях

              • Перевод


              Уже совсем скоро можно будет услышать жужжание маленьких лопастей коптеров, предвещающих доставку всего: от электроники, до пиццы и пива по всей территории Соединенных Штатов Америки. Это станет реальностью благодаря новому постановлению федерального судьи Патрика Джерати (Patrick Geraghty). Любой, будь то Amazon или Lakemaid Beer, теперь имеет право отправлять свои маленькие дроны для доставки товаров по всей территории США. Первое место, кудо полетят коптеры станет федеральное управление гражданской авиации США (ФАА), выступавшее против разрешения такого рода доставки.
              Читать дальше →
            • DVD с запахом пиццы!

              • Перевод


              Разве вы не любите посмотреть с друзьями интересный фильмец с куском пиццы в руке? Пиццерия Domino’s Pizza в Бразилии решили смешать эти два удовольствия в одной коробке и выпустили термочувствительный DVD диск, который выглядит и пахнет как пицца.
              Читать дальше →
            • SurroundWeb — 3D-браузер от Microsoft

              • Перевод


              Microsoft Research усердно трудятся над разработкой системы «SurroundWeb», предназначенной для отображения содержимого веб страниц по всему пространству комнаты. SurroundWeb представляет из себя, своего рода, «3D браузер», создающей эффект полного погружения пользователя в интернет.
              Читать дальше →
            • Необычный протез для барабанщика

              • Перевод


              Для многих барабанщиков потеря руки означает одно — окончание карьеры. Но не для Джейсона Барнса (Jason Barnes). Гил Вейнберг (Gil Weinberg), профессор технологического института Джорджии, сконструировал протез кисти, который не только восстановил базовые функции руки Джейсона, тем самым позволив ему играть как прежде, но и усовершенствовал ее. Теперь у барабанщика «три руки». Как он играет двумя палочками одной рукой? Первая барабанная палочка контролируется мышцей бицепса, вторая автоматизировано выбивает настраиваемый ритм. Таким образом получается необычная техника игры, повторить которую будет не просто даже профессионалам.
              Читать дальше →
            • Evernote для Android теперь поддерживает рукописный текст

              • Перевод

              Отличная новость для любителей Evernote на Android. Теперь, когда появится необходимость быстро сделать заметку, вы сможете сделать набросок от руки прямо в Evernote. Если вы таскаете с собой записную книжку, только потому что не любите печатать заметки на телефоне, начиная с сегодняшнего дня, обновление приложения Evernote станет для вас спасением.
              Читать дальше →
            • Ежемесячный дайджест интересных IT-проектов на Kickstarter №1

                Предлагаю Вашему вниманию ежемесячный дайджест интересных IT-проектов на Kickstarter. В первом выпуске я собрал самые интересные, на мой взгляд, IT проекты за февраль 2014 года.


                Читать дальше →
              • Механические клавиатуры

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

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

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

                Механические клавиатуры. Путеводитель.

                Читать дальше →
              • Домофонный мультиключ и всё про имитацию «таблеток»

                  Да, это жутко избитая тема. Универсальный домофонный ключ «таблетку» делал наверное каждый второй, кто начинал изучать микроконтроллеры. В Интернете очень много и статей на эту тему, и готовых решений. Однако, интерес к этому угасать не перестаёт даже с массовым переходом на RFID. Это не удивительно, ведь многим хочется собрать такое устройство, которое выполняет не только весьма интересную задачу, но ещё и всегда с собой. К тому же оно не такое уж сложное в изготовлении.

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



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

                  Читать дальше →
                • Внутренняя USB зарядка



                    У каждого из нас есть несколько девейсов с USB зарядкой. Рядом с кроватью у меня удлинитель с 5 розетками, 3 розетки заняты под USB зарядки. Такой вариант зарядки телефонов мне давно не нравился из за своих габаритов и не эстетичного вида, хотелось гармонии.
                    Озадачившись этой проблемой я стал искать внутренние USB розетки. У Gira и Legrand есть варианты с 1 USB розеткой и блоком питания на 1 А и с 2 USB розетками и блоком питания на 1.5 А, но с 4 USB розетками нет ни у кого. Поняв, что это все мне не подходит, да и цены на внутренние USB розетки конские, я решил сам изготовить розетку с 4 USB портами и блоком питания. В качестве блока питания использовал зарядку от iPad 2.4 А как самую компактную и мощную.
                    Читать дальше →
                  • Захабренный договор на разработку сайта, дизайна, софта. Версия 1.1

                      На сайте немало постов о том, какие условия нужно включать в договор на создание сайтов и программ (краткий список ниже), но нет договора в формате, который можно взять за основу для составления своего договора. Мы изучили условия из постов (спасибо авторам), подумали над ними, переработали и учли в предлагаемой на ваш суд форме договора. Так что договор пока можно считать частично «захабренным».


                      Договор авторского заказа
                    • Чёрточки: только ли тире, минус и дефис?

                        Однажды вечером я почувствовал, что пришло время расширить 97‐ й параграф «Ководства» Артемия Лебедева.

                        На клавиатуре одна чёрточка, она обычно правее нуля и повыше букв «З» и «Х». Неосведомлённые люди называют её попеременно то дефисом, то минусом, то тире. Лебедев объясняет нам, что это четыре (учитывая две разновидности тире) различных символа. На самом деле их как минимум девять, и об этом я и расскажу вам сейчас.

                        Читать дальше →
                      • Клавиатура из LEGO

                        • Перевод


                        Меня всегда поражало, что только не строят люди из конструктора LEGO: от громадных фигур роботов и звездолетов до 3D принтеров и полномасштабных работающих картов. LEGO выдержало испытание временем. Даже спустя 65 лет после его изобретения конструкции из LEGO все еще очаровывают нас. Сегодня я представляю вам очередное произведение искусства — клавиатура из LEGO.
                        Читать дальше →
                        • +29
                        • 26,2k
                        • 6