• 7 правил создания красивых интерфейсов

    • Translation


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

    Вступление


    Сначала о главном. Это руководство не для всех. Это руководство прежде всего для:
    • разработчиков, которые хотят уметь делать хорошие интерфейсы для себя, если вдруг прижмёт;
    • UX-дизайнеров, которые знают, что хороший UX-дизайн продаётся лучше в красивой UI-упаковке.

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

    А пока давайте я расскажу, что вы найдёте в этой статье.

    Читать дальше →
  • Закрываем зеркало сайта от индексации правильно

    • Tutorial
    Здравствуй, %habrauser%.
    Сегодня я покажу как не надо закрывать от индексации зеркало сайта, и как закрыть его правильно.

    Предыстория

    Я работаю web-мастером в одной крупной для нашего города компании.
    Мы сделали клиенту сайт, для рекламирования и продажи своей продукции.
    Клиент выбрал доменное имя в зоне .RU, и сайт около года успешно работал. Сайт по настоящее время обслуживается и редактируется по мере необходимости у нас.
    Через какое-то время клиент захотел второй домен для сайта, но в зоне .РФ.
    Он самостоятельно нашёл «профессиональных seo-специалистов продвигальщиков», сайт которых стоял на первом месте в выдаче Яндекса по определенным запросам.
    С ними он заключил договор, и ежемесячно отгружал немалую сумму денег в эту seo-конторку.
    Спустя пару недель сеошники наконец проснулись, связались с нами и получили ftp доступы к сайту, а так же пароль от админки сайта.

    Началась «оптимизация»

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

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

    В действительности всё оказалось довольно просто, и чтение документации по API часто помогает сэкономить время.

    Читать дальше →
  • Как преодолеть баннерную слепоту туннельного зрения?

      Большинство сайтов, хоть и обладают разным дизайном, имеют одинаковое расположение блоков — шапка сверху, меню слева, контент по центру, колонка справа.
      Это приводит к тому, что пользователь в поисках контента привыкает смотреть в определённое место экрана, и игнорирует расположенные вокруг баннеры — развивается «баннерная слепота».
      image
      В Сети есть много материалов по этому поводу, здесь опубликован неплохой их анализ.
    • Онлайн размещение документов на сайте

      В наше время, когда Интернет широко шагает по стране, компании все чаще создают собственные сайты. Почти на каждом присутствует информация о ценах на продукцию, услуги и т.д., проще говоря – прайсы. Зачастую прайсы сразу сверстаны в html страницу или дается ссылка на их скачивание. В первом случае хорошо, если на сайте установлена CMS и можно редактировать страницы, а если нет? Во втором, нужно закачать прайс по ftp. Оба случая могут явиться камнем преткновения при обновлении прайса на сайте, если нет собственного вебмастера. Да и копирование информации из готового прайса на сайт, может привести к неточностям и ошибками, особенно если прайс не маленький. А это чревато потерей клиентов. Рассмотрим, как упростить размещение прайсов online. Сразу оговорюсь, что рассматривать мощные системы, где CMS сайта взаимодействует с бухгалтерией компании я не буду.
      Читать дальше →
    • Кастомные социальные кнопки

      Недавно участвовал в разработке одного проекта — фото конкурса. По задумке, рейтинг фото альбомов должен формироваться из суммы всех публикаций в социальных сетях: Facebook, Вконтакте, Twitter. Т.е. общий рейтинг фотоальбома расчитывается:
      Рейтинг фотоальбома = кол-во «Share» в Facebook + кол-во «Сохранить» в Вконтакте + кол-во «Retweet» в Twitter

      На макетах, вид кнопок несколько отличался от предоставляемых социальными сетями плагинов, формируемых функциями api. В частности вид счетчиков:
      image
      Помимо несоответствий с дизайном, каждый плагин формирует излишний хтмл код, а хотелось бы лаконичный.

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

      Итак:
      • количество лайков будем получать от REST сервисов каждой социалки
      • кнопки рисуем свои и обрабатываем событие click

      Читать дальше →
    • Social Media Optimization грамотное использование

        Эта идея не давала спать всю ночь, делюсь ею с вами.

        Начнем с понятий. Что такое Social Media Optimization? (по-русски, оптимизация сайта под социальные медиа с целью привлечения трафика на сайт ИМХО) Останавливаться на этом не буду, читайте подробнее http://ru.wikipedia.org/wiki/SMO

        Многие веб-сайты имеют сообщества в нескольких соц. сетях.
        image

        На страницах сайта размещают блок с кучей ссылок на них.

        Часто переходов в сообщества эта дает мало, по ряду причин. Предлагаю улучшить ситуацию.

        Идея
        Читать дальше →
      • Автоматическое оповещение читателей о новостях с помощью ВКонтакте

        Вторая часть

        Предисловие


        Те из вас, кто пользуется социальной сетью ВКонтакте и подписан на официальную страничку Хабры в ней, заметили, что все новые топики с главной появляются на страничке в виде сообщений-ссылок:
        vk

        Так вот, если у вас есть свой блог и вы хотите на своей личной страничке публиковать такие же сообщения-ссылки автоматически — топик может быть вам интересен. Сегодня мы попробуем публиковать простые сообщения ссылки, а далее добавлять к ним «превью»-картинки.
        Читать дальше →
      • Полезные советы: звуковой сигнал в консоли Windows

          Мне приходится часто запускать довольно долгие операции из командной строки. Например Maven build или тесты. Естественно на «Матрицу» любоваться быстро надоедает, и переключаешься на какие-то другие задачи. Однако хочется чтобы тебе сразу сообщили что можно работать дальше. По умолчанию консоль Windows не предоставляет возможности назначить звуковой сигнал на завершение операции. Но ответ прост.
          Читать дальше →
        • Фото-мозаика. Как сделать качественно и красиво

            Хочу поделиться с Хабра-сообществом моим хобби, которое, если честно, даже некоторую прибыль мне приносит.

            Начну сначала. Лет так 6-7 назад мне очень стала интересна такая штука как фото-мозаика. В самом начале я пробовал делать её вручную. Немеряное количество слоев в фотошопе и куча потраченного времени меня остановила года так на три. Но со временем только появлялся азарт.
            И вот я начал свое исследование программного обеспечения для создания фото-мозаик, которого было перепробовано огромное количество. И в конечном итоге выбрано лучшее.

            О лучшем как раз и пойдет речь.

            image

            Читать дальше →
          • Настройка торрент клиента Transmission на прошивке Tomato



              Intro


              Приветствую всех. Хочу поделиться с вами своим опытом настройки клиента Transmission на популярной open source прошивке для роутеров Tomato. Недавно на хабре публиковалась статья Netgear WNR3500L: Превращаем роутер в NAS, где за основу была взята прошивка DD-WRT. Но лично мне DD-WRT не очень понравилась, а функционал торрент качалки с NAS’ом был очень нужен. Поэтому предлагаю познакомиться с альтернативным методом.
              Читать дальше →
            • Исследование факторов ранжирования в Яндексе

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

                Начнем с внешних факторов. Критерии выбора внешних ссылок:



                Читать дальше →
              • Запросы к Twitter API на синтаксисе SQL

                  Язык запросов TweeQL сделан по образцу SQL-синтаксиса и позволяет работать с базой твитов так же просто, как с реляционной базой данных.

                  TweeQL имеет следующий синтаксис:

                  SELECT field1, field2 FROM streams WHERE filter_conditions GROUP BY field3, field4 WINDOW x seconds
                  Читать дальше →
                • Эффективная обработка фотографий в Photoshop

                    Эффективная обработка фотографий в Photoshop

                    Читая статьи о Photoshop, я часто удивляюсь тому, насколько многие авторы усложняют решение по сути простых задач по обработке. Этим страдают и многие «монументальные» писатели, например Дэн Маргулис. Но ему это простительно – его задача написать о всех тонкостях и нюансах процесса обработки, рассмотреть его со всех ракурсов и сторон. Хотя именно эта особенность подачи материала в его книгах отталкивает многих читателей.

                    На самом деле, корни подобных способов «увеличить резкость в 40 действий» растут из очень простой вещи – люди, которые пишут эти уроки, никогда не работали с большим объемом фотографий. То есть, как правило, у них есть пара фотографий и они готовы в процессе их обработки убить вечер-другой. Но когда у тебя идут постоянные заказы, и с каждой фотосессии тебе надо серьезно обработать несколько десятков кадров – начинаешь задумываться о более простых и удобных способах обработки.

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

                    Читать дальше →
                  • Три книги на русском языке о том, как редакции традиционных СМИ приходят к мультимедийности и переходят в неё

                      За первую половину 2010 года в России вышло три издания, претендующих стать пособиями для менеджеров-практиков СМИ, двигающихся от традиционных моделей управления к различным формам мультимедийных, объединенных, конвергентных редакций.

                      Практика – и российская, и зарубежная – показывает, что нет универсального ответа на вопрос: как переходить к мультимедиа? Ни один консультант пока не предъявит cтопроцентно успешную бизнес-модель и не рискнет сказать, что действуйте только так и не иначе. Или – вот есть образец конвергентной редакции, обязательно следуйте ему. Очень многое зависит от традиции страны в области СМИ, от особенностей аудитории и экономической модели медиа, от лидера процесса изменений, от атмосферы в коллективе, от величины редакции издания и ее «корневого» бизнеса – телевидение ли это или радио, газета или агентство. Все они двигаются к конвергенции по-разному.
                      Читать дальше →
                    • SiteHelp — Онлайн чат (онлайн поддержка) для вашего онлайн магазина/проекта

                        sitehelp

                        SiteHelp — Что это?


                        • SiteHelp — это система онлайн чата, основное предназначение которой максимально быстро и без дополнительных действий пообщаться с оператором/поддержкой/консультантом/продавцом сайта, на котором вы находитесь.


                        Зачем это?


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


                        Читать дальше →
                      • Школьники на каникулах

                          Наблюдали в последнюю неделю флуд по http на один из сайтов камрада, который живет со мной на VPS. Где-то на пару дней неизвестные прекратили свои поползновения. Но буквально вчера начали долбить другой сайт с новой силой. Пришлось покрутить nginx в стороне кэширования всего (ранее кэшировали прозрачно) + apache2 (поубавить аппетиты). Собственно, через несколько часов мы уже и думать забыли, что кто-то на нас нападает. Из кэшей все отдается быстро и непринужденно, apache отдыхает.

                          И вот буквально с утра камрад, сайт которого и подвергся «атаке», пересылает письмо школьника… (интрига под хабракатом)
                          Читать дальше →