Автор будет очень признателен, если Вы кликнете по одной из белых ссылок выше.
Вам это ничего не стоит, а автору сайта будет приятно ;)
Найдено страниц: 58 [показано 10]
AJAX — WEB 2.0 за 5 минут
Степень соответствия запросу: 35,33%
Фрагменты текста поста : ... Добиться подобного функционала можно используя Flash или AJAX... ... Сразу хочу обратить ваше внимание на две вещи: во-первых, все примеры в этой статье на самом деле не совсем AJAX-овые... ... Итак, первое, что нужно сделать &mdash... ... после выполнения функции mytest() внутри контейнера будет помещено содержимое нашего файла (в данном примере это будет надпись "... ... А с использованием более сложных селекторов вы можете одновременно загрузить контент сразу в несколько контейнеров... ... ) в переменной n и получать в ответ фразу 'Hello &hellip... ... добавим поле для ввода имени: Поле ввода имени Enter your name: <... ... } Первой командой мы считываем значение атрибута value из нашего поля ввода и сохраняем его в переменной nnn, а второй командой вызываем наш серверный скрипт с передачей ему считанного имени и занесением ответа в наш контейнер... ... радио-кнопок, чек-боксов, полей ввода и т... ... /html> Как видите, теперь я создал форму и использовал два поля &mdash... ... И теперь эти поля не имеют идентификаторов, зато имеют имена... ... считывать данные из полей, этим займется метод serialize(), который сам соберет все данные из формы и упакует их в формат, понятный для метода post()... ... Теперь, если вам нужно передать на сервер больше данных, то просто добавьте в форму сколько угодно полей различных типов (радио-кнопки, текстовые области, пароли, чек-боксы)... ... фреймворк сам определит количество и типы полей и сам соберет из них данные для отправки... ... как уже было сказано, сразу за библиотекой jquery загружаем плагин jquery... ... всего навсего указывает функцию, которую необходимо выполнить сразу после загрузки страницы... ... после получения ответа (она поместит ответ в наш контейнер)... ... все, больше ничего делать не нужно... ... Всю необходимую информацию (список полей, их типы, адрес серверного скрипта и т... Подробнее: http://fit-media.com/post_1262093659.htmlГрамотный интерфейс: поля ввода
Степень соответствия запросу: 30,59%
Фрагменты текста поста : ... Грамотный интерфейс: поля ввода Очень часто в программах данные вводятся в формах, содержащих множество полей: поле фамилии, имени, адреса, номера паспорта, размера обуви... ... Проблема состоит в том, что внешне эти поля очень похожи друг на друга и рано или поздно оператор (из-за усталости, по неопытности или по какой другой причине) вобьет фамилию в поле номера паспорта или адрес в поле отчества... ... Наиболее популярное на данный момент - разбить форму с десятком полей ввода на несколько форм, по два-три поля в каждом... ... для изменения ранее введенных данных (например неверно введенной фамилии) необходимо сделать в формах навигацию "вперед - назад"... ... после нескольких часов работы они начинают дико раздражать... ... Раскрасим поля ввода... ... На мой взгляд для решения вышеописанной проблемы необходимо разукрасить фон полей ввода... ... Но не стоит делать их яркими как новогодняя елка, а нужно просто слегка изменить цвет, чтобы каждое поле приобрело свой уникальный легкий цветовой оттенок... ... Поработав пару часов с таким интерфейсом, человек уже на уровне подсознания будет знать, что в розовое поле нужно вводить фамилию, а в голубое - адрес... ... Окрашивание полей имеет и еще один плюс - если разработчики в будущем поменяют расположение полей, но при этом сохранят их цветовое соответствие (фамилия - розовый, адрес - голубой), то пользователям будет намного легче приспособиться новому виду, т... ... для поиска нужного поля они будут ориентироваться по цвету, а не читать все подряд надписи на форме... ... Так вот, если во время редактирования придать фону формы какой-нибудь оттенок (например сделать ее слегка красноватой), то пользователь, занимающийся только вводом новых данных, сразу же заметит это изменение цвета и не введет по ошибке новые данные поверх старых... ... Когда на форме расположено множество полей, то из-за усталости глаз, не очень хорошего зрения, слишком высокого разрешения монитора и многих других проблем возникает ситуация, когда пользователь не может сразу отпределить позицию коретки ввода - моргающая полоска может быть не заметна... ... Обычно в таких случаях пользователь хватает мышь и "тычет" ей в нужное поле... ... Помочь пользователям в этом случае можно раскрасив текст в текущем поле ввода... Подробнее: http://fit-media.com/post_1205142560.htmlФайлы vs базы данных.
Степень соответствия запросу: 7,08%
Фрагменты текста поста : ... автор скрывает исходники, шифруя все в байт-код с помощью Zend-Guard), но общие выводы можно сделать просто проанализировав содержимое файлов, хранящих статистические данные... ... она требует перебора части (а в худшем случае всех ) элементов массива и для каждого из них необходимо сделать сравнение достаточно длинных текстовых строк... ... Тут можно немного оптимизировать процесс и сделать обращение вида Пример кода $ar['allsein']['google... ... :-) Структура, например, такая: Структура таблиц Таблица se_hosts -------------------- ID1 — уникальный числовой номер (используется для связи таблиц) Host — имя хоста поисковика Таблица se_query --------------------- ID2 — уникальный числовой номер (используется для связи таблиц) SH_ID — уникальный номер для ссылки на первую таблицу Query — текст искомой фразы Таблица se_hits ------------------- Q_ID — уникальный номер для ссылки на вторую таблицу Date — кво-дней с 1 января 2000 года Hits — количество хитов за этот день Естественно первая и третья таблицы будут иметь индексы по первым двум полям, а вторая — по всем... ... Сразу скажу, что все операции будут выполнены функциями из ОТКОМПИЛИРОВАННЫХ библиотек PHP, поэтому скорость их работы будет максимальной... ... Если не использовать индексы, то для выполнения этой операции придется провести сравнение имен хоста с содержимым поля Host первой таблицы для части (а в худшем случае всех ) записей... ... Индексный файл содержит копию проиндексированного поля (или полей) из таблицы БД, но в отсортированном виде... ... Весь диапазон значений (количество записей в таблице) делится пополам и сравнение искомого значения происходит со значением поля сразу из середины таблицы... ... Таким образом, одной операцией сравнения мы сразу определяем в какой из половин таблицы находится нужная нам запись, т... ... избавляемся сразу ровно от половины заведомо ложных сравнений... ... Благодаря тому, что мы проиндексировали поле с именем хоста, мы находим нужную запись в 15 раз быстрее, чем в массиве (буду брать наихудший вариант)... ... После того как мы нашли с помощью индексов нужную запись, ее требуется загрузить в память... ... В нашем случае размер записи (для третьей таблицы) составляет 12 байт , ведь там только три поля — Q_ID , Date и Hits , каждое из которых представляет собой 32-битное число и занимает 4 байта... ... Ну и конечно не забудьте о том, что поиск можно производить не в каждой таблице по отдельности, а сразу во всех, одной командой: Пример запроса SELECT Hits FROM se_hosts, se_query, se_hits WHERE ID1 = SH_ID AND ID2 = Q_ID AND Date = 3085 что еще даст еще больший выигрыш, т... Подробнее: http://fit-media.com/post_1222679684.html14 принципов создания вежливых программ
Степень соответствия запросу: 6,06%
Фрагменты текста поста : ... Из этого исследования следует важный вывод: Если мы хотим, чтобы наша программа понравилась пользователям, мы должны сделать ее поведение похожим на поведение человека... ... Они борются с идеей сделать компьютеры более похожими на людей, потому что они считают людей слабыми и несовершенными компьютерными устройствами... ... Более вежливая, более человечная программа сразу бы сообщила, что у вас на счету "около 500$" а затем проинформировала бы вас, что даст более точный ответ через несколько минут... ... Если хозяин отказывается сделать это, я скорее всего покину этот ресторан и поищу другой, где мои желания имеют приоритет перед желаниями владельца... ... Например, программа может утверждать, что я не могу отправить заказ, пока не введу свой номер социального страхования, но если я все таки захочу отправить заказ без него, программа должна сделать так как я сказал... ... С другой стороны, как только наша беседа закончится, и я начну вертеть головой в поисках Рауля, я жду, что он сразу же поспешит к моему столику, чтобы узнать, что мне нужно... ... Я хочу знать заранее, что объем партии ограничен и заказ нужно сделать заранее... ... Очень часто после длительной работы с документом я нажимаю кнопку "Печать" и ухожу выпить чашечку кофе, пока документ распечатается... ... Подавать до или после главного блюда... ... Для того, чтобы быть подстраиваемой система должна сделать свой внутренний процесс доступным опытному пользователю... ... Принцип здесь простой – позволить пользователю делать все что он захочет, но подробно записывать все его действия, так что ответственность остается... ... Мы можем сделать программы значительно более вежливыми, если они будут работать для того, чтобы предоставить пользователю всю возможную информацию без значительных усилий с его стороны... ... Я доверяю банковскому служащему, потому что он улыбается мне, но я всегда пересчитываю свои деньги после банкомата, потому что попросту не доверяю тупой машине... ... Как показывает приведенный список характеристик, в большинстве случаев сделать вежливую программу ничуть не труднее, чем невежливую... Подробнее: http://fit-media.com/post_1203349390.htmlПользовательский интерфейс
Степень соответствия запросу: 4,8%
Фрагменты текста поста : ... Использованием метафоры убивается сразу несколько зайцев: Во-первых, пользователю легче понимать и интерпретировать изображение на экране... ... Теперь нам нужно сделать концептуальный дизайн интерфейса... ... В рамках нашей метафоры мы должны разработать систему интерфейсных элементов, своего рода алфавит взаимодействия, изучив который пользователь сможет легко делать то, что ему нужно... ... При переходе от алфавитно-цифровых дисплеев к графическим поле дисплея казалось непомерно большим и проблема синхронизации точки взаимодействия была самой сложной... ... Поле экрана разбивалось на прямоугольники-окна и вся работа велась только в одном из них - так называемом активном окне... ... Поиск же курсора мыши при его потере из поля внимания пользователь (до сих пор) выполняет подергиванием мыши... ... Но главным способом локализации внимания пользователя было геометрическое разбиение экрана, в частности потому, что более активное использование анимации в то время казалось фантастикой... ... Пользователь может сделать средним любой отрезок стены, причем это тоже происходит в режиме анимации... ... Вне зависимости от активности пользователя программе, построенной на анимационном интерфейсе, всегда есть что делать (например, менять фазу мигания)... ... Соответствующее изменение на экране происходит (быть может, не сразу) на очередном временном такте... ... После выработки сквозного визуального решения необходимо прорисовать картинки, называемые у аниматоров "фонами"... Подробнее: http://fit-media.com/post_1204019048.htmlМиф о метафоре
Степень соответствия запросу: 4,25%
Фрагменты текста поста : ... Самая большая проблема заключается в том, что метафоры жестко прибивают гвоздями наши концептуальные ноги к полу, навсегда ограничивая возможности наших программ... ... Метафорическая парадигма Современный графический интерфейс пользователя был изобретен в Исследовательском Центре Пало Альто фирмы Хerox (PARC) и был сразу же подхвачен промышленностью... ... Эффективность этого метода огромна, потому что она использует грозное оружие человеческого ума - способность делать логические выводы... ... Процессор этого делать не умеет... ... Он и не должен делать этого, потому что большинство идиом вообще не имеют метафорического смысла... ... Некто наверняка потратил секунды три, чтобы в первый раз показать вам, как она работает, и вы сразу поняли... ... Золотые арки МакДональдс , три алмаза Мицубиси , пять пересекающихся Олимпийских колец и даже летящее окно Майкрософт - не метафорические идиомы, которые наполнены внутренним смыслом и опознаются сразу же... ... Но для таких часто используемых в программах понятий как процессы, связи, службы и преобразования это сделать трудно или даже невозможно... ... Следование метафоре дает пользователю значительный прирост производительности в первый раз, когда они используют буфер обмена, но это стоит им многого после того как они откроют слабость этого механизма... ... В физическом мире это нормально, но в программе нет нужды заставлять пользователя делать все старыми неуклюжими методами... ... Но они не могут сделать этого, будучи ограниченными мрачной реальностью электрических цепей и пластмассовых корпусов... ... Почему наши коммуникационные устройства не позволяют делать несколько звонков одновременно или же звонить по указанным организациям... Подробнее: http://fit-media.com/post_1206190085.htmlОптимизируем мышиную возню
Степень соответствия запросу: 3,98%
Фрагменты текста поста : ... Меню должны иметь как можно меньше вложенных подменю Лучше сделать больше пунктов главного меню с одной выпадающей менюшкой в каждом пункте,чем все команды загнать в одно меню с кучей вложенных подменю... ... Но зато для переключения в другие режимы (например для наклона объекта) приходится делать правый клик по объекту и выбирать нужный режим из выпадающего меню... ... Насколько я знаю, в PhotoShop такую операцию мышью сделать нельзя... ... Например, если пользователь ввел курсор мыши в поле контрола DropDownList (который не поддерживает ввод с клавиатуры, а просто позволяет выбирать варианты из списка возможных), то почему бы этому контролу не развернуться не дожидаясь пока пользователь кликнет по нему... ... Точно так же, он должен сам свернуться, как только курсор мыши покинул его - пользователь видимо передумал делать выбор... ... Идея состоит в том, чтобы окно меню исчезало не сразу после клика по его пунктам, а с некоторой задержкой... ... Таким образом пользователь, однажды развернув меню, сможет активировать сразу несколько пунктов... ... Меню должно исчезнуть только после того, как мышь его покинет... ... Пример: я, собираясь поработать в интернете, запускаю сразу несколько приложений: броузер, почтовый клиент, ICQ, какую-нить скачивалку... ... сделать его независимым и не исчезающим... Подробнее: http://fit-media.com/post_1199978157.htmlDropBox - убийца фалообменников
Степень соответствия запросу: 3,44%
Фрагменты текста поста : ... На этой страничке вводим любые имя и фамилию (поля First name и Last name ), а так же адрес электронной почты и желаемый пароль... ... Вот на нее и нажмем, сразу же начнется скачивание программы... ... В поле "... ... Иначе впишите в это поле любое слово или оставьте "... ... После нажатия на кнопку "... ... - появится поле с указанием пути и кнопкой "... ... , а так же валяется непонятный RTF файл, который можете сразу же стереть &mdash... ... в том, что в ней нельзя расшарить (сделать публично-доступным) один какой-то файл, только целиком альбом (вложенную папку)... ... Вся передача происходит фоном, вам ничего делать не нужно... Подробнее: http://fit-media.com/post_1256945370.htmlИдея глобального контента
Степень соответствия запросу: 2,34%
Фрагменты текста поста : ... Соответственно набор полей тот же, что и у статической страницы... ... Список полей: Уникальный идентификатор ( id ) Идентификатор статьи с в блоге, к которой относится данный комментарий ( parent_id ) Заголовок ( title ) Собственно текст ( content ) Идентификатор автора ( user_id ) Дата создания ( created ) Флаг промодерированности ( published ) Как видим, поля всё теже, что и для статичной страницы, отличие лишь в количестве... ... Лишь будет иметь одно дополнительное поле: Дата, начиная с которой новость уже не актуальна ( expiried ) Товар в магазине... ... Используются все теже поля, что и для записи в новостях, но с небольшими дополнениями: цена единицы товара ( price ) количество товара на складе ( number ) картинка товара, лишь для удобства - никто не запрещает ее вставить в само описание товара ( image ) Итог... ... Проанализировав описанное выше, можно легко сделать вывод, что при проектировании CMF логично создать всего одну (большую) универсальную таблицу в базе данных для хранения практически любого вида контента... ... Разработчику модуля нужно лишь сообщить системе, какие именно поля будет использовать его модуль и система сама сможет создать все необходимые формы для ввода/редактирования данных, с необходимой валидацией... ... Так же этот вариант хранения данных позволяет сделать "... Подробнее: http://fit-media.com/post_1242742678.htmlWindows с маленькой буквы w
Степень соответствия запросу: 2,12%
Фрагменты текста поста : ... Нужно знать, как делать выбор... ... Было бы еще более неразумным, если после рукопожатия мы бы вернулись в предыдущую комнату для продолжения разговора... ... Например, в большинстве программ для рисования, для установки глубины тени объекта часто используется текстовое поле или ползунок в отдельном диалоговом окне... ... После изменения этого значения программа для продолжения работы возвращается к главному окну... ... Тот же художник наверняка хранит каталог с образцами не прямо на столе, а где-то рядом, например, на полке, до которой можно дотянуться, не вставая... ... В программном эквиваленте этого процесса, пользователь временно оставляет программу рисования вместе со всеми инструментами, находит подходящее место на диске, чтобы сохранить изображение, после чего, возможно, посылает его по электронной почте... ... Но только потому, что это сделать легко, интерфейс не становится хорошим... Подробнее: http://fit-media.com/post_1204300625.html
