• Эффект неисправного монитора для текста, картинок и SVG

    • Перевод
    • Tutorial
    Эффект Glitch Лукаса Беббера выглядит очень круто — как будто вы смотрите на текст на старом мониторе, который слишком часто роняли на пол и у него «плавает» вертикальная синхронизация и сведение.

    Реализация этого эффекта на CSS выглядит вполне убедительно. Мне пришлось немного поломать голову, чтобы выяснить, как он работает, и теперь я хочу объяснить это вам. Кроме того, я воспроизвёл этот эффект не только для текста, но и для растровых изображений и SVG, а так же написал несколько примесей Sass, чтобы облегчить работу с ним.


    Читать дальше →
  • Как безболезненно перейти на GTD

    В качестве эпиграфа: "Выкиньте все из головы!" © D.Allen

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

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

    За что я «люблю» Дэвида Аллена, так это за то, что он сказал много хорошего, дал пищу для ума, но не дал никаких действенных рецептов для внедрения его техники. Я же хочу загладить этот пробел.
    Читать дальше →
  • Верстка рассылок — что мы имеем?

    • Tutorial
    Доброго дня.

    Изображение честно позаимствовано с Dribbble.com

    Прошло немногим менее два года с момента публикации моего первого топика по теме. Что за это время произошло? Mail.ru, Rambler, Yahoo и Яндекс дружно перелопатили свои почтовые интерфейсы, и как следствие — парсеры писем, что доставило приятных эмоций, т.к. было исправлено много противных багов. Gmail стал поддерживать фоновые изображения. Ну а благодаря развитию рынка мобильных платформ к нам на помощь приходят media queries.

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

    И да, в посте картинок почти нет. За картинками прошу в обзоры css3 фич.

    На данный момент занимаюсь версткой писем, скорей как хобби, поэтому времени на тестирование opera mail, sparrow и прочих «вроде как популярных» клиентов не было. Речь пойдет о следующих:

    — Все версии MS Outlook
    — Mail.ru
    — Rambler почта (в новом интерфейсе не исключены баги)
    — Яндекс почта
    — Gmail
    — Yahoo!
    — Thunderbird начиная с версии 2.0
    — Hotmail
    — Windows Live Mail
    — Apple Mail начиная с третьей версии
    — AOL Mail
    — Lotus Notes 8-8.5.
    — theBat! дотошно не тестировал, но и нареканий особенно не было
    Читать дальше →
  • Практическое применение системы премирования Водянова на селе


      Здравствуйте, уважаемые читатели хабры.
      Хочу поделиться с уважаемым сообществом результатами небольшого эксперимента по внедрению системы мотивации описанной в моей статье «Система мотивации c элементами рыночных отношений» в самом настоящем совхозе в Башкирии.

      Летом этого года я изложил суть идеи своему другу Рустаму Давлетбаеву, а он рассказал ее директору совхоза Шаймуратово Артуру Нургалиеву. И вот на прошлой неделе Рустам внезапно заявил мне, что оказывается они провели эксперимент с этой системой и могут рассказать, что из этого получилось.

      Вчера я сел в машину и поехал в Шаймуратово общаться с Артуром, чтобы узнать подробности.
      Что было дальше
    • Как определить язык напечатанного текста? (Европейские языки)

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

        Для начала – что такое европейские языки. Предлагаю ограничиться государственными языками стран Европы. Так как границы Европы – вещь спорная, то отдельно оговоримся про соседние страны. Духовно близкий Израиль, а также Грузию и Армению можно отличить по письменности из той же блок-схемы, Азербайджан и Казахстан я включу по доброте душевной, а Абхазию и Южную Осетию – в качестве прогиба перед российской властью. Так что абхазский в наш классификатор попадёт, а баскский и гэльский – ну уж нет, перебьются.

        Языков больше, чем типов письменности. Поэтому диаграмка получилась большая. Отличать языки друг от друга будем в основном по особенным буквам, в частности, по буквам с диакритическими значками (диакритикой). Диакритика бывает над гласной (в букве й), над согласной (буква č) или может как-то сопровождать букву (как в букве ç; строго говоря это не дикритика вовсе, но мы здесь будем придерживаться такого жаргона). Наиболее известные (с моей точки зрения) значки в Европе — это умляут (он же диаерезис: ü), гачек (č) и акут (é).

        Тех, кто не испугался, прошу под кат
      • Рекомендации по интерфейсу форм


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

          Основные рекомендации и ввод данных


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

          Читать дальше →
        • Сказ о том, как мы дизайн в Америке заказывали

            image

            Создавая свой проект, мы получили незабываемый опыт работы с американской дизайн-студией, которая позиционирует себя как одна из крупнейших, топовых студий. После работы с американцами у нас появился аналогичный опыт, но уже с российскими дизайнерами из Бюро Горбунова.

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

            gitolite — это средство для создания централизованных репозиториев для совместной разработки через git.

            Зачем оно нужно?


            Родные средства git для этой задачи на сегодня явно недостаточны: родной git-протокол не содержит каких-либо средств авторизации, а для работы через ssh потребуется завести полноценного юзера в ОС (с шеллом), что далеко не всегда уместно и желательно.
            gitolite же позволит вам заводить пользователей независимо от наличия аккаунта в ОС и гибко раздавать права.
            Читать дальше →