• Жонглирование. Теория. Практика

      Настороженно отношусь к непрофильным топикам, но решил написать этот по следующим причинам:
      • У жонглирования есть своя теория — стройная и математически привлекательная!
      • Мы живем не только работой. Жонглирование — отличное развлечение и разминка после долгого сидения за компом.
      • В пятницу приятно немного расслабиться и почитать не очень серьезные статьи. К тому же, будет чем заняться на выходные, особенно если у вас не было определенных планов.

      Теория


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

      image

      Как нарисовать гравюру.


      В этой статье я хотел бы познакомить Вас с программой Strokes Maker, предназначенной для создания штриховых векторных гравюр, показать некоторые возможности и нарисовать портрет, например — Билла Гейтса (векторных — потому что получаемый результат экспортируется в векторный формат в виде набора замкнутых линий).
      Читать дальше →
    • Новый интерфейс проектирования кухонь от ИКЕА

        Через несколько дней на сайте Икеа появится новая программа для 3D-проектирования кухни.

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

        image

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

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

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

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

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

          Читать дальше →
        • Обзор свежих материалов, декабрь 2010-февраль 2011

            Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Начало года выдалось напряженным, поэтому выпуск выход с задержкой. Предыдущие материалы: апрельмай-июньиюльавгуст, сентябрь, октябрь, ноябрь.



            Читать дальше →
            • +50
            • 812
            • 7
          • Fugue Icons в сером

              Во многих проектах я использую известный набор иконок Fugue Icons и часто нужно создать эффект «активной\не активной» кнопки. Чтобы не перекрашивать каждый раз по иконке в серый, я перекрасил все иконки и добавил в названия файла "-gray" сохранив структуру архива.



              Выкладываю архив в общее пользование, может кому пригодится.
              Cкачать Fugue Icons Gray, зеркало на Яндех.Народ

              Лицензия: Attribution 3.0 Unported (CC BY 3.0)
              Скачать оригинальный набор Fugue Icons 3.0 можно с сайта автора или с Google Code
            • Современные веб-формы: еще несколько тонкостей

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



                Потратить время на чтение
              • Обзор свежих материалов, ноябрь 2010

                  Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрельмай-июньиюльавгуст, сентябрь, октябрь.



                  Читать дальше →
                • Microsoft Moles

                    Moles – это легковесный тул от MS Research, который умеет автоматически генерировать заглушки для интерфейсов и виртуальных методов, а также для sealed классов, невиртуальных и статических методов (!), путем генерации кода, которому позднее можно будет подсунуть нужный делегат, вызываемый вместо определенного метода. Первый тип заглушек называется стабы (stubs), а второй – молы (moles). Именно эту штуку я использовал для тестирования асинхронных операций, о которых я рассказывал ранее, но давайте обо всем по порядку.

                    Stubs



                    Давайте рассмотрим такой пример. Предположим, что мы понимаем ценность модульных тестов, а также таких принципов, как Dependency Inversion, и других безумно полезных принципов и паттернов (может быть всех остальных принципов S.O.L.I.D., а возможно даже и F.I.R.S.T.). И дело даже не в том, что мы фанаты тестов или дядюшки Боба, а просто потому, что мы знаем, что высокая связность – это плохо. Поэтому мы стараемся в разумных пределах уменьшить зависимости путем выделения интерфейсов с последующим «инжектом» их в конструкторы классов или в методы, которым эти интерфейсы необходимы для выполнения своих задач.

                    Читать дальше →
                  • Irisar Centena

                      102


                      хабравчане, хочу вас «поздравить» с знаменательной датой 10\10\10 10:10. Как принято, на праздники с подарками. Специально для этой даты я подготовил мультицветной toolkit с динамической настройкой палитры цветов.
                      Использовать его можно в любом вашем (коммерческом и нет) проекте, а приемы irisar и centesimo помогут вам модернизировать его под ваш интерфейс.
                      Подробнее под катом.



                      В конец поста добавлено видео демонстрации смены цветов через kuler.adobe.com
                      Читать дальше →
                    • Почему так сложно сделать хороший пользовательский интерфейс?

                      • Translation
                      Перевод статьи Марка Миллера: Why is Great UI so hard to achieve?

                      Сегодня утром, когда я заправлял свою машину бензином, мне в глаза неожиданно бросилось еще одно доказательство того, что большинство интерфейсов пользователя не удовлетворяют трём основным показателям хорошего интерфейса: ясности (clarity), эффективности (efficiency) и открытости (discoverability).

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

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


                      Читать дальше →
                    • Цвета в web-дизайне: Выбор правильного сочетания для вашего сайта

                      Цвета в web-дизайнеЦвет, безусловно, является важным источником эмоции. Цвета могут устанавливать правильный тон и передавать необходимые эмоции посетителям, могут взволновать, вызвать множество чувств и стимулировать к действиям. Он является чрезвычайно мощным фактором воздействия на пользователей.
                      Читать дальше →
                    • Почему хороший игрок в Starcraft — идеальный работник для стартапа?

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

                        image

                        Под катом перевод этой самой статьи
                        Читать дальше →
                      • Обзор свежих материалов, август 2010

                          Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель, май-июнь, июль.


                          Читать дальше →
                        • PDF-версия руководства по быстрому старту в Drupal

                            интро
                            Отверстал PDF-версию перевода руководства, изложенного в первой и второй частях.
                            Объем 48 страниц.
                            Выложил на амазон, чтобы всегда был доступен.
                            В документе оглавление, букмарки, все ссылки оригинала.
                            Критика, пожелания, поправки приветствуются.
                          • Начинаем работать с Drupal: полное практическое руководство (часть 2)

                            • Translation
                            Продолжение первой части.

                            Создадим страницу вакансий с помощью модуля Views

                            Хотя вы и можете самостоятельно писать запросы к базе данных для чтения содержимого, дело это долгое и сложное, даже с учетом мощного API Друпала.
                            Для построения страницы со списком вакансий мы задействуем Views — модуль, позволяющий извлекать содержимое из базы данных вообще без написания кода.
                            Попросту говоря, Views — это пользовательский интерфейс построения MySQL-запросов. Views — это невероятно мощный модуль, но порой его бывает трудно освоить начинающим пользователям. Лучший способ разобраться с Views — немного с ним поиграть, чем мы сейчас и займемся.
                            Читать дальше →
                          • Начинаем работать с Drupal: полное практическое руководство (часть 1)

                            • Translation
                            Здравствуйте!

                            Выношу на суд хабраобщества перевод замечательной статьи Getting Started with Drupal: A Comprehensive Hands-On Guide. Данный материал является незаменимым руководством для начинающих друпальщиков, поскольку в нем рассматриваются не только установка и базовые принципы, но и два из «трех китов» Друпал-сайтостроения — Views и CCK. Самое приятное, что вся статья посвящена практическому созданию полезного сайта (доски объявлений). Право, во времена Друпала 4.7, когда я только начинал с ним знакомиться, о таких подробных и внятных руководствах можно было только мечтать.
                            Читать дальше →
                          • Календарный период — улучшаем интерфейс

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

                              Тем не менее, в результате, работая над drop-down выбором календарного периода, в голову пришла интересная мысль не разбивать дату на две отдельные формы «С» и «По», как это всегда делают, а объединить их в одну форму и выпадающий блок.

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

                              Если короче, сейчас сплошь и рядом, в том числе на именитых туристических сайтах, используют две отдельные формы для определения календарного периода, при чём одновременно, как правило, можно открыть только одну из них:

                              image
                              Пример обычной формы на Booking.com. Календари «С» и «По» разнесены в разные блоки

                              Как же улучшить этот интерфейс?
                            • Визуализация разных дисков в файловом менеджере или Не совсем консольный FAR

                                Была у меня давнишняя идея, как расширить возможности интерфейса файловых менеджеров, улучшив визуализацию разных дисков, разных типов дисков и определенных папок. И вот теперь ее удалось реализовать.

                                Скриншот для затравки:

                                Читать дальше →
                              • HTML5 для веб-дизайнеров. Часть 2: Модель HTML5

                                • Translation
                                HTML5 для веб-дизайнеров

                                1. Краткая история языка разметки
                                2. Модель HTML5
                                3. Мультимедиа
                                4. Формы 2.0
                                5. Семантика
                                6. HTML5 и современные условия


                                Великая Французская революция была временем радикальных политических и социальных преобразований. Времени как такового они тоже коснулись: в определенный период своего существования Французская Республика жила по новой системе — в сутках было 10 часов по сто минут каждый. Очевидно, что она была была куда логичнее и «правильнее» привычной шестидесятеричной.

                                Вместе с тем, она была полным провалом. Никто ей не пользовался.

                                То же самое можно сказать и про XHTML 2. W3C только лишний раз доказал то, чему нас научил урок послереволюционной Франции: изменить привычки людей по приказу очень-очень трудно.

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