• Памятка пользователям ssh

      abstract: В статье описаны продвинутые функций OpenSSH, которые позволяют сильно упростить жизнь системным администраторам и программистам, которые не боятся шелла. В отличие от большинства руководств, которые кроме ключей и -L/D/R опций ничего не описывают, я попытался собрать все интересные фичи и удобства, которые с собой несёт ssh.

      Предупреждение: пост очень объёмный, но для удобства использования я решил не резать его на части.

      Оглавление:
      • управление ключами
      • копирование файлов через ssh
      • Проброс потоков ввода/вывода
      • Монтирование удалённой FS через ssh
      • Удалённое исполнение кода
      • Алиасы и опции для подключений в .ssh/config
      • Опции по-умолчанию
      • Проброс X-сервера
      • ssh в качестве socks-proxy
      • Проброс портов — прямой и обратный
      • Реверс-сокс-прокси
      • туннелирование L2/L3 трафика
      • Проброс агента авторизации
      • Туннелирование ssh через ssh сквозь недоверенный сервер (с большой вероятностью вы этого не знаете)
      Читать дальше →
    • Магия SSH

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

        Оглавление:

        1) Local TCP forwarding
        2) Remote TCP forwarding
        3) TCP forwarding chain через несколько узлов
        4) TCP forwarding ssh-соединения
        5) SSH VPN Tunnel
        6) Коротко о беспарольном доступе
        7) Спасибо (ссылки)
        Читать дальше →
      • REM vs EM – Великий спор

        • Перевод


        Представляю вашему вниманию перевод достаточно большой и объемной статьи по поводу вечного спора, какие же единицы измерения использовать при верстке: em'ы или rem'ы. В каких случаях стоит использовать одни единицы, а в каких другие. Вас ожидает много кода, примеров и их объяснений.

        Добро пожаловать в мир типографики и относительных единиц измерения =)
        Читать дальше →
      • Унификация через «бургерный дизайн»: Фреймворк Mail.Ru Group для контент-проектов

          В первой части рассказа об унификации продуктовой линейки Mail.Ru Group я описал наш первый подход к снаряду — решение для мобильного веба. Помимо создания единого стиля и принципов работы интерфейса для дюжины сервисов, мы смогли перестроить дизайн-процесс от классического «прототип → макет → верстка → код» для каждого экрана к более эффективному и современному, основанному на фреймворках. Во второй части я расскажу о переводе на эту же технологию более сложных и масштабных больших версий сайтов — как наш «Bootstrap на стероидах» стал еще мощнее.

          Продукты на новой дизайнерско-технологической платформе
          Афиша, Авто, Здоровье, Гороскопы, ТВ, Недвижимость, Леди, Hi-Tech, Погода


          Весной 2012 года в наше подразделение Почты и портала передали 11 контент-проектов — Авто, Афиша, Гороскопы, Дети, Здоровье, Леди, Мото, Новости, Погода, Спорт, ТВ. Многие из них — лидеры в своей нише в Рунете. Но история создания и развития у каждого была своя, так что дизайн делался по-своему, зачастую на аутсорсе, без систематизации и выработки общих подходов и решений.

          Для нашей команды приведение их внешнего вида и логики работы в порядок стало одной из основных задач. А позднее — и необходимость унифицировать подход к дизайну. Простое и понятное решение — интерфейсно-визуальные гайдлайны для всей линейки продуктов. Они должны сделать работу пользователя понятной и предсказуемой — ему легко перейти с одного сайта на другой и не разбираться в новых паттернах взаимодействия. Это также усиливает бренд. И как приятный бонус — облегчает продуктовой команде развитие и поддержку сервисов.
          Читать дальше →
        • 12 малоизвестных фактов о CSS

          Предлагаю читателям «Хабрахабра» перевод статьи «12 Little-Known CSS Facts (The Sequel)». Она совсем недавно была упомянута в дайджесте интересных материалов из мира веб-разработки и IT.

          Update: немного «шлифанул» перевод напильником. Выражаю благодарность всем неравнодушным читателям.
          Внимание! Под катом почти 1.5 Мб картинок и много интересных ссылок.

          Итак, начнём-с…

          1. В свойстве border-radius можно использовать slash-синтаксис.


          Об этом уже писалось 4 года назад, но многие новички и даже некоторые опытные разработчики не знают о существовании этой «фишки».

          Верите или нет, но следующий код валиден:

          .box {
            border-radius: 35px 25px 30px 20px / 35px 25px 15px 30px;
          }
          

          Читать дальше →
        • 7 правил создания красивых интерфейсов. Часть 2

          • Перевод


          Недавно мы в «Я люблю ИП» закончили курсы по дизайну от trydesignlab.com. И это одна из самых важных статей, которую нам посоветовал ментор в процессе обучения. Сегодня мы публикуем вторую часть перевода. Посмотреть все наши работы с курсов можно в ВКонтакте по тэгу #design101@iloveip.

          Мы говорили о правилах создания чистых и красивых интерфейсов.

          Вот эти правила:
          1. Свет падает сверху (Часть 1)
          2. Сначала черное и белое (Часть 1)
          3. Увеличьте белое пространство (Часть 1)
          4. Научитесь накладывать текст на изображения
          5. Научитесь выделять и утапливать текст
          6. Используйте только хорошие шрифты
          7. Крадите как художник

          Читать дальше →
        • Создаём отзывчивые письма для будущего без медиа-запросов

          • Перевод
          • Tutorial
          Создавая HTML код для email, приходится иметь дело с изрядным количеством больных вопросов. И вряд ли для кого то будет приемлемо, если нам к тому же ещё и придётся следить за новыми email-клиентами и размерами устройств, которые появляются каждую неделю. Поддержка media query как и сам CSS разнятся среди приложений, в следствии этого, каждый раз когда вы слышите что появилось новое восхитительное почтовое приложение, для которого тоже нужно провести тесты, вас неизбежно одолевает страх.

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

          Приведенный ниже метод, сторонником которого я являюсь, всецело ориентирован на создание положительного опыта взаимодействия при работе с email-клиентами, у которых вообще отсутствует поддержка media query.

          Он называется fluid-hybrid method, иногда упоминается как spongy метод для email разработок. Часть fluid предполагает что мы используем изрядной количество процентных вычислений. Часть hybrid означает что мы также используем max-width дабы ограничить некоторые из наших элементов на экранах большего размера.
          Читать дальше →
          • +15
          • 24,5k
          • 7
        • Scrollport.js — новая анимация скролла

            image

            Анимация скролла к месту страницы с момента изобретения почти не подвергалась никаким модификациям, никак не украшалась. Да никому и не надо вроде, и так все работает. Говоришь куда скроллить и за сколько нужно добраться. Всё.

            Я решил на анимацию скролла посмотреть под другим углом. Не потому что сейчас с ним что-то не так, а потому что можно и поинтереснее. В результате некоторых наблюдений и всплесков фантазии удалось придумать 3 способа для более интересной анимации. В итоге завернул все в плагин «Scrollport.js» с 3 новыми и 1 классическим режимом. Смотрите демо и проходите под кат.
            Читать дальше →
          • 50+ лучших дополнений к Bootstrap



              Благодаря популярности CSS фреймворка Bootstrap, для него разработали массу различных дополнений. Даже сейчас вы можете использовать Bootstrap практически для любой задачи при разработке и оформлении вебсайта.

              Для статьи я подобрал наиболее полезные дополнения «на все случаи жизни».
              Читать дальше →
            • Использование Table View

                Доброго времени суток!

                Уже достаточно давно пытаюсь заставить себя изучить очередной язык/платформу для программирования под Mac OS X/iOS. Интересует именно разработка приложений с нативным GUI, так как консольные приложения можно разрабатывать на чем угодно, начиная с C и C++ и заканчивая модным сейчас Nodejs. Как показала практика, кроссплатформенные фреймворки вроде Qt тут мало подходят, хотя бы потому что не обеспечивают нативный Look and Feel, к которому привыкли пользователи этой ОС.

                На хабре есть достаточное количество материалов по языку Objective-C и фреймворку Cocoa. С точки зрения GUI, интерес представляет именно Cocoa, а тут большинство статей ограничивается кнопочками и текстовыми полями. Постараюсь исправить это недоразумение и описать работу с Table View на примере приложения, отображающего список процессов.

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

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