Совсем недавно на хабре пользователем bur был опубликован пост про приятные ползунки TrackBar. Они мне понравились своей простотой и возможностью их использования в совокупности с jQuery. Чуть позже был так же пост про слайдер, который определял диапазон времени, но его порицали за большой вес и «тяжесть». Тогда у меня и родилась идея создать на основе TrackBar ползунков для выбора произвольного диапазона времени. Придумано – сделано. И сейчас я представляю свои наработки хабраобщественности.

Итак, было:

Стало:

Часть I — Часть II — Часть III — Часть IV — Часть V — Часть VI

Часть IV

Итак, настала пора выяснить, какие шрифты и с какой долей вероятности могут оказаться установленными в тех или иных операционных системах либо в результате каких-то особых ситуаций (например, при установке пакетов Microsoft Office, Adobe Creative Suite или CorelDRAW! Suite), либо в «девственно чистых» ОС (что, несомненно, наиболее приемлемый вариант). А также узнать, какие из этих шрифтов пригодны для использования и в каких конкретно случаях.

Не прошло и трех лет с момента релиза iPhone как, наконец, появилась возможность обмениваться файлами. Посредством P2P сети Soulseek.

Приложение под названием iSlsk позволяет владельцам iPhone'ов и iTouch'ей обмениваться музыкой, видео и другим файлом по сети Soulseek на средних скоростях.
За неимением в iPhone других возможностей обмена файлами, кроме как Wi-Fi и EDGE среднее время скачивания музыкального файла — примерно 2-3 минуты, а половины полнометражного фильма (видимо имеется ввиду 350 мб) — порядка 20 минут.
Как только файлы загружены на iPhone или iTouch — софтина автоматически синхронизирует их с библиотекой телефона, предоставляя пользователю «все готовенькое» для просмотра/прослушивания.

«Оставайтесь на связи — это только начало...» — заявляет Эрик Кастро (Eric Castro) в своем блоге.

Первыми протестировавшими работу приложения были журналисты Wired. Для его использования не требуется никакого аккаунта в сети Soulseek — вам нужно только ввести произвольные имя пользователя и пароль и, вуа ля, ваш аккаунт создан.
Скорость скачивания по Wi-Fi колеблется, в среднем, около показателя в 20 кб/сек, по EDGE — около 10 кб/сек. Но как и в любой P2P сети показатель скорости зависит, в первую очередь, от коннекта того, кто загружает файл (сид).

Silverlight вместе с появлением второй версии становится полноценной платформой для создания интерактивных бизнес-приложений.
Уже есть ряд интересных приложений на текущей версии Silverlight 2 Beta1. Если эта тема будет интересна, могу написать.
А сейчас можно посмотреть на то, как на Silverlight2 можно сделать сайт для работы больницы!
Patient Journey Demonstrator — это проект британского Microsoft, который разрабатывается на Silverlight 2 и уже готов для предварительного публичного просмотра. Конечно, это еще не финальная версия, сделано на Silverlight 2 Beta1, однако основной функционал уже есть и крайне интересен.
Итак, приложение состоит из трех частей — демонстрации одного дня работы медицинского учреждения со стороны различных пользователей. Вы можете зайти и посмотреть полностью интерактивный интерфейс, который «проведет» вас через все приложение. Справа сверху всегда доступен гид, который покажет, как воспользоваться всеми возможностями приложения.
Наиболее интересная возможность лично для меня — это работа с кардиограммами с использованием технологии DeepZoom. Попадание прямо в точку — много графической информации, с которой нужно удобно работать.
Также хочу отметить, что среди разработчиков значится Сергей Голубев, который хоть и живет в Англии, и родом из Эстонии, все равно наш человек :)

Интересно, когда такое счастье будет сопровождать работу наших медицинских учреждений?..

Полная версия в моем блоге — blogs.gotdotnet.ru/personal/mixen/CommentView.aspx?guid=aadf9d69-957e-443e-9816-9e2f239493e0

Я хотел ограничиться постингом на dirty, но после просмотра разглядел уж слишком много параллелей с интернетовскими и вообще сегодняшними делами.

(Начало фильма. О продолжении читайте ниже.)

В течении часа Фрай рассказывает о первопечатнике, учавствует в воссоздании печатного станка, делает бумагу и льет литеры. Документальный фильм производства BBC на английском языке.

Очень здорово, что хорошие актеры периодически занимаются подобной образовательной деятельностью. Я еще не досмотрел, но Очень рекомендую для самообразования и мальчикам, и девочкам и их родителям. Материал не так специфичен, как кино Хатсвита про шрифт — «Гельветика» (очень замечательное, кстати).

Вообще в «Типографику» постинг записан чисто формально. Он настолько же, если не более, уместен и в «Стартапах», и в «Будущем здесь», и в «Моем бизнесе». Чего стоит только пассаж про кризис проекта с последующей заменой носителя — бумаги вместо пергамена.

Вот полная версия фильма. В постинге — первая часть из ютубовской нарезки. Вот вторая, третья, четвертая, пятая и шестая.

via

Уже больше трех месяцев Web Optimizator живет и работает. Надеюсь, что основная его задача — изменить представление о скорости загрузке и работы сайтов — так или иначе достигается. Все больше веб-разработчиков используют «продвинутые» технологии для создания своих продуктов. Сознание пользователей начинает привыкать к мысли о том, что «быстро» — это когда сайт загружается за 2–3 секунды, а не за 10–20.

Хочу немного рассказать о том, что лежало в предыстории проекта, о появлении самой мысли о том, как мир можно сделать лучше (=быстрее), и ее материализации именно в таком виде. О том, как можно найти идеи для создания технологичных проектов и сервисов. О том, как можно развиваться. Может быть, кто-то подчерпнет из этой истории уверенности и оптимизма, а кто-то — просто практических советов.

Эта инструкция научит Вас, как создавать очень красивые и удобные текстовые кнопки (с эффектом нажатия), используя CSS.

Примечание: ниже перевод свежей презентации от Yahoo! «High Performance Web Pages» с новыми советами по оптимизации. Yahoo известна своими статьями на тему оптимизации клиентской части и является мировым лидером в этой области. Однако, с уходом Julien Lecomte (ведущего специалиста отдела оптимизации, автора YUI Compressor) в Apple ситуация может измениться. Посмотрим.

Мои комментарии далее курсивом. Я постарался, по возможности, расставить ссылки на упоминаемые в презентации инструменты и связанные статьи.

Этот медлительный веб

• Мы используем Интернет для решения наших повседневных задач
• Мы все хотим испытывать при этом комфорт
• Мы не выносим медленные страницы (хотя есть варианты)
• На 500 мс медленнее = 20% уменьшение трафика (Google)
• На 100 мс медленнее = 1% уменьшение продаж (Amazon)

Разговор на сегодня

• Как улучшить производительность веб-страниц
• Фокус на клиентской части
• 14 отличных советов для быстрых страниц
• … и еще 20!

читать дальше на webo.in →

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


Два варианта superscript'а: «мой» и стандартный.

Самое интересное, что такое поведение можно легко исправить, достаточно добавить глобальный стиль навроде этого:

В эпоху вебдванольности удивляет, что никак не эволюционируют формы для авторизации на сайте. Как были 10 лет назад на Hotmail два поля и кнопка, так и остаются по сей день.
Предлагаю усовершенствовать процесс авторизации, сократив форму до минимума: оставить одно поле.
Суть в том, что пользователь последовательно вводит в одно и то же поле логин и пароль, нажимает два раза на Enter и попадает на сайт. Таким образом экономится место на сайте и уменьшается количество нажатий на кнопки.


В качестве примера сделал такую формочку.
Интересно было бы услышать мнения.

Джим Хилл снова отвечает на вопросы о Диснее. На этот раз Джим попытается составить полный список всех «пасхальных яиц» и ссылок на другие работы студии в анимационных фильмах Пиксара.

Пишет Берни В:
Джим, не могли бы вы помочь мне выиграть спор? Мой коллега сказал мне, что робот WALL-E появляется в небольшом камео в мультфильме «Рататуй». А самое главное, он поспорил со мной на 100 долларов, заявив, что я никогда не смогу найти робота в этом мультике.



Я взял DVD «Рататуй» у своего ребенка и пересмотрел его три раза, но не заметил даже намека на WALL-E. Если я предложу вам процент с моего выигрыша, вы подскажете мне, где можно найти этого робота в фильме?

Заранее спасибо за помощь, Берни В.

Навеяно этим.

Для тех, кто, возможно, не знает как сделать так, чтоб всё было хорошо.
Сайт должен тянуться только до определённой величины, и сужаться тоже только до некоторого значения. Я обычно беру 1500 и 980 пикселей соответственно.

Как сделать? min-width и min-height.

#site {
  margin: 0 auto; /*это чтоб центрировать контент при превышении max-width*/
  min-width: 980px;
  max-width: 1500px;
}

Но ведь IE их не поодерживает. А expression слишком нагружает браузер… Спокойно, други! Я выведу вас к свету из тьмы!
Пишем далее.



А в ie.js помещаем

window.attachEvent('onload', mkwidth);
window.attachEvent('onresize', mkwidth);

var minwidth = document.getElementById("site").currentStyle['min-width'].replace('px', '');
var maxwidth = document.getElementById("site").currentStyle['max-width'].replace('px', '');
function mkwidth(){
    document.getElementById("site").style.width = document.documentElement.clientWidth < minwidth ? minwidth+"px" : (document.documentElement.clientWidth > maxwidth ? maxwidth+"px" : "100%");
};

В чём особенная вкусность приведённого метода? А в том, что минимальное и максимальное значение нужно задавать только в одном месте, ну и вообще.

Пользуйтесь, короче, на здоровье!

Новый сервис для генерации фавиконов.

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

В любом случае, для всех, кому было необходимо векторизовать изображение (отсканированное, сфотографированное).

VectorMagic — онлайн векторайзер. По качеству результата, превосходящий оффлайновые standalone приложения такие как Adobe Streamline и Corel.

Этот сайт был разработан двумя энтузиастами из Лаборатории Искусственного Интеллекта Стэндфордского Университета (James Diebel & Jacob Norda).

Они разработали воистину хороший стартап(?), который имеет отличное качество векторизации. В общем, судите сами.

UPD: так как такая тема оказывается уже была, я хотел бы узнать, существую ли программы, по качеству лучше чем Adobe Streamline и Corel, для оффлайновой векторизации изображений? А то я таких не находил.

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

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

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

Все иконки проименованы в соответствии с международным стандартом ISO:3166-1, хранятся в двух форматах: png и gif, и могут использоваться в любых целях.
Спасибо Марку Джеймсу (Mark James, famfamfam.com).

Возможно у всех уже пылиться на полочке или на ФС, но хотелось бы выложить замечательную книгу Мартина Груббера — Понимание SQL.

Скачать