Я консультирую начинающих предпринимателей малого ИТ-бизнеса и заметил, что у таких предпринимателей есть кое-что общее. Например, очень распространена вера в то, что от заслуженного коммерческого успеха их продукт отделяет лишь нехватка всего одной фичи. Они думают, что как только сделают эту фичу, так продажи сразу потекут рекой. Ну а если не потекут, так может это из-за той другой фичи, которой нет у них, но которая есть у конкурентов.

Легко поверить клиентам, когда они просят нас, дизайнеров, дать им рекомендации. Мы верим, что они любят нас за мудрость, знания и опыт. Они ждут нашего совета. И мы любим им советовать. Они хотят делать правильно и мы знаем, как помочь. И правда, что плохого в наших рекомендациях? Они хотят их получать. Мы хотим их давать. Почему же нам не стоит этого делать?

Все просто: рекомендации не работают. Результат выглядит плохо. Клиенты теряют веру в наши способности. И дизайн не становится лучше. Наше исследование показывает, что лучшие команды разработчиков не дают рекомендаций. Вместо этого они используют экспериментальный подход.

Пациент сгибая-разгибая руку: "Доктор, доктор! Мне больно, когда я так делаю."
Доктор, осматривая пациента: "Хм. Ладно, как врач, рекомендую вам так не делать."

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

Предлагаю вашему вниманию очередной способ создания текстового поля с динамически изменяемой высотой — Another TextArea Autogrow. Сделал его, как плагин к jQuery, но кому понадобится «чистое» решение без проблем смогут его «отвязать». Прежние решения имели ощутимые минусы, это и высокая нагрузка на процессор, при печати или вставке, «уголок» в safari, по-разному работают в разных браузерах, ну и дёрганье. Я попытался избавится от всех этих минусов, насколько получилось, судить вам.

Отличие данного решения от предыдущих, в повышенной производительности и в простоте. Из дополнительных параметров лишь { timer:100 }, который отвечает за то, с какой частотой будет обрабатываться поле. Можно поставить 200 и более для минимальной нагрузки на процессор, но это может вызвать некоторое «запоздание» в работе. Отличные от дефолтовых падинги и бордеры в текстовом поле пока не поддерживаются, minHeight так же, добавлю чуть позже.

Временная страничка плагина http://figovo.com/.

Прошлую статью о методике самостоятельного исследования перед проектированием сайта я закончил тем, что перечислил, что необходимо сделать при обработке результатов:

1. Дать общую характеристику среды;
2. Описать целевую аудиторию, создать персонажей и сценарии их поведения на сайте;
3. Написать концепцию сайта: каким он будет, чем будет отличаться от конкурентов и как будет развиваться.

Далее я раскрою каждый пункт. Для наглядности рекомендую сверяться с приложенным примером обработки результатов для сайта бутика ХХХ.

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

Существует несколько путей получения ответа на интересующий вопрос. Все зависит от степени «продвинутости» посетителя. Он может:

• позвонить по телефону (или Skype);
• написать письмо на email;
• послать сообщение через IM (в большинстве случаев это ICQ).

Но есть способ, который позволяет общаться даже не переводя внимания с открытой страницы. Это использование онлайн-консультантов.

На конференции ACM, посвящённой человеческому фактору в компьютерных системах, cпециалисты из университета Карнеги-Меллона представят интересное исследование, которое посвящено разнообразным визуальным иллюзиям для компьютерных интерфейсов.

Например, одна из иллюзий позволяет примерно на 10% «ускорить» прогресс-бар с помощью ритмичной анимации вдоль полосы загрузки (см. видео).

Имеется в виду сокращение субъективного времени. Как показали опыты, наблюдающие такой прогресс-бар люди говорят, что загрузка прошла примерно на 10,5% быстрее, чем те, кто наблюдал обычную полосу загрузки без анимации.

Некоторое время назад мы представляли уважаемой публике наши open source продукты для веб-разработчиков — редактор elRTE и файловый менеджер elFinder. После анонса мы получили немало отзывов и надо сказать были изрядно удивлены, что интерес к файловому менеджеру оказался заметно выше чем к редактору.

Мы почесали головы, свалили в одну кучу все безумные идеи о том, каким должен стать новый elFinder, просеяли их через сито основной концепции «минимально необходимый функционал», многократно пропустили через мясорубку кодинга, приправили новыми вкусными возможностями и долго томили в печи тестирования.

И сегодня с удовольствием от хорошо сделанной работы предлагаем попробовать наше фирменное блюдо elFinder!

Довольно часто при верстке сайта возникает необходимость размещать блоки одинаковой ширины, но разной высоты в контейнере с переменной шириной (читай резиновом). Плюс на этот список может применяться фильтр, который JS-ом скрывает или показывает элементы списка, при этом он не должен разрушать «строки», верстку, или образовывать дыры, поэтому решения на таблицах не катят сразу. Простейший пример — каталог товаров:

Многие из вас слышали про Yota и WiMAX.

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

Введение

Если вы уже знаете, что такое Yota, пропустите эту часть. Если нет, то я вкратце расскажу.

WiMAX — это технология, обеспечивающая высокую скорость доступа в интернет — до 10 Мбит/с, в любое время, в любом месте зоны покрытия и поддерживает соединение даже в движении, на скорости до 120 км/ч.
Yota — первая в России сеть мобильного WiMAX. Она развернута в Москве, Санкт-Петербурге и Уфе, в регионах, где проживает более 20 млн человек. Сеть работает по стандарту IEEE 802.16e-2005 в частотном диапазоне 2,5-2,7 ГГц. (посмотреть карту покрытия)

Для доступа в сеть используются несколько разных устройств. Мы остановимся на модеме Samsung U200. Собственно, чтобы подключиться к интернету требуется всего лишь воткнуть этот модем в USB-порт компьютера. (подробнее на yota.ru)

Но что делать если нужно подключить к интернету не один компьютер, а несколько? Можно купить на каждый компьютер модем, но это дорого. А можно купить специальный роутер, который будет «раздавать» интернет на сколько угодно компьютеров как по Wi-Fi, так и по обыкновенной сети.

Я предлагаю вам сделать такой роутер.

Судя по результатам голосования, которое я проводил в своём блоге, большинство пользователей никак не типографируют тексты перед публикациями (НЛО не считается). Те, кто работают над текстами, в большинстве своём делают это вручную, поэтому я решил попробовать собрать воедино рецепты экранной типографики, дабы не забывать самому и напомнить другим. Не думаю, что статья будет чем‐то новым для опытных верстальщиков. Новички узнают, профи исправят :)

Содержание

1. Дефисы, тире, минусы и другие палочки
2. Кавычки и чёрточки
3. Скобки
4. Многоточие
5. Заголовки, списки

Есть у меня небольшой проект с user-generated content-ом. Встала задача сделать код кнопки с ссылкой на страничку пользователя, для интеграции в пользовательские блоги и сайты. Но делать скучные кнопки, как у большинства конкурентов, не хотелось. Хотелось, на равне с простыми кнопками и ссылками, сделать что-то особенное, jQuery-евское, с аяксом и анимацией :).

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

Проблемы очевидны:

1. Необходимо определить, используется ли jQuery и нужный плагин на сайте пользователя. Если нет, то обоих динамически подгрузить. Делать отдельно коды для тех кто использует jQuery на своем сайте и для тех кто нет — не комильфо, а тем более подгружать при любом раскладе (могут возникнуть глюки, особенно у плагинов).
   
2. Пережатый jQuery весит около 60 кБ, и в случае подкачки может не успеть полностью загрузиться и инициализироваться до исполнения кода.
   

В качестве вкусности я использовал плагин fancybox. Он позволяет не только отображать фотографии с lightbox-эффектом, но и любой другой контент в iframe.

Ниже представлен код.

Ранее здесь была представлена статья о том как сделать вертикальный текст картинками, генерируемыми php.

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

Прелюдия

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

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

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

Задача:
Дизайнер нарисовал макет страницы, на заднем фоне которой была картинка. Я сначала было решил, что это фон который увеличивается по ширине в зависимости о разрешения монитора.
Но не тут то было. Дизайнер настаивал на то, что это масштабируемая картинка, которая сужается / растягивается при изменение окна приложения и по ширине и по высоте.
Заранее предупредив заказчика – что картинка будет грузиться 1 и в максимальном разрешении – его определили как 1600, приступил к работе.

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

Джоно Ди-Карло, сооснователь Humanized, сформулировал свой опыт дизайнера в сподвигающем на размышления, и даже провоцирующем, манифесте (который он назвал «То, во что я верю» These things I believe, — прим. пер.).