Шрифты в Em/% хороши всем — возможностью пользователей IE увеличивать кегль, заботой о пользователях, что предпочитают увеличивать размер шрифта браузера по-умолчанию, чтоб лучше видеть текст, да и просто являются нормой для профессиональных верстальщиков.

Минусы: … их вроде как нет, но!
А что если у пользователя разрешение экрана выставлено не в стандартное 96 dpi, а в 120?
Сайт с увеличенными шрифтами смотрится уже не так красиво, как нарисовал дизайнер — ведь масштабируются только шрифты, а не весь сайт! А разрешение 120dpi становится всё популярней, особенно на ноутбуках! Что же делать? Возвращаться к px?

Нет!

Вчера у меня в Fedora 9 обновился Adobe Flash Player до версии 10. Ну обновился и обновился, значения я этому особого не придал. Флэшевые видео-плееры работали, я как раз пересматривал вчерашний гол Аршавина на YouTube :)

А сегодня обнаруживаю, что в админке CMS Joomla на одном из сайтов, в медиа менеджере (если кто не знает, это джумловский интерфейс для загрузки файлов на сервер) не работает кнопка «Файлы для просмотра / Browse», с помощью которой как раз можно выбрать файлы для аплода. Просто не реагирует на нажатия. Причем, я не сразу даже вспомнил, что для этого интерфейса используется флэш, поэтому начал сначала смотреть ошибки на сервере и т.д. А потом до меня дошло, что виноват новый плеер от Адоба.

Пошел гуглить, но ни описания похожих проблем, ни тем более их решения не нашел. Что делать? Принято решение даунгрейдить плеер до 9 версии. А это тоже оказалось не просто. Для начала пришлось поискать файл с дистрибутивом. Удалось найти вот эту ссылку:
fpdownload.macromedia.com/get/flashplayer/current/install_flash_player_9_linux.tar.gz
Учтите, что инсталлятором его устанавливать бесполезно. Просто возьмите из архива libflashplayer.so и перезапишите им установленный файл 10 версии. В Федоре он находится в директории /usr/lib/flash-plugin

Ну вот, все снова работает…
Конечно, если вы с помощью flash смотрите только видео, этот совет может и не пригодиться.

UPDATE: забыл сказать, что речь идет о браузерах Firefox 3 и Opera 9.60
UPDATE2: выяснилось, что эта фича не работает и под Windows, так что разработчикам на Joomla стоит это иметь в виду
UPDATE3: и не только разработчикам на Joomla, оказывается просто куча всего не работает, включая некоторые фичи vkontakte.ru, так что решить проблему может только сам Adobe, если захочет, конечно :)

С рассветом WEB 2.0 получили развитие и javascript фрэймворки, позволяющие вебмастеру делать динамические элементы сайта гораздо быстрее и проще. Одним из таких фреймворков является jQuery, получивший огромную популярность за свою простоту и невероятно малый вес. Итак, представляю вашему вниманию 10 наиболее полезных скриптов jQuery для улучшения интерфейса вашего сайта.

Пост из трех частей

Риторическая

А вас не удивляло, что на маке нет корректировки текста в неправильной раскладке?

Историческая

Меня удивляло. Пунто есть уже лет N (наверное даже M!), а тут… По-удивляло, и перестало. Понял, что надо писать.
Написал.
Показываю.

Проект.
Программа.

Работает, как Service (не знаю, как в русской версии переводится). Назначен на Command-\
Чтобы сервис появился, нужно один раз запустить программу (да, при запуске ничего не должно происходить).
Поддерживается только Leopard, не хотелось с deprecated api работать…

Идейная

Давайте доведем его до ума :) Я один не то, чтобы не потяну, но вместе — интереснее!
Как минимум, нужны:
— предложения по хоткею — вроде выбрал нормальный, но это только на мой взгляд
— иконка программы
— возможность выбирать хоткей самому

… ваши предложения?

Полгода работы Web Optimizator — 20000 проверенных сайтов, 2000 зарегистрированных пользователей, около 100000 посетителей, 50 статей и переводов по оптимизации, сотни статей, заметок и отзывов по всему Рунету. Проект выстрелил.

Ниже я хочу поделиться парой мыслей о том, как я продвигал ресурс в Рунете и как пытался (местами неплохо) окупить поток посетителей. Итак, поехали.

Приветствую всех читателей. Это будет эксклюзивный материал — я получил приглашение для тестирования новейшего сервиса Cloud Computing от компании Aptana. Ранее я уже писал один обзор, но это был вольный перевод записи в блоге одного из западных разработчиков, теперь же я могу самостоятельно попробовать все тонкости этой платформы и спешу поделится этой информацией с вами, уважаемые читатели.

И так, приступим. Для начала работы нам необходимо обновить (или установить, если не было) версию Aptana IDE. При этом учтите, что сейчас последняя версия, доступная даже в профессиональным подписчикам, 1.1, но для работы с Cloud нужен особый релиз следующей версии, который доступен по другому адресу, который вам после регистрации сообщат вместе с логином и паролем для доступа.

Необходимо разместить элемент посередине видимой части его контейнера. Если часть контейнера скрылась за областью прокрутки, то элемент нужно разместить в центре видимой области. Если контейнер не виден вообще, то элемент не виден вместе с ним. А если контейнер занимает весь экран – элемент должен быть посередине экрана.

Приблизительно как на схемке справа.

О размерах элемента и его контейнера ничего не известно.

Вот пример страницы как я это сделал. На странице три больших div’а, в среднем помещен выравнивающийся по видимому центру элемент. Проверял в IE 6 & 7 (не моя прихоть – задача такая).

Интересно узнать как можно сделать проще и надёжнее? И вот в Opera 9.5, например, не работает. А хотелось бы большей универсальности кода.

Не так давно на Хабре был опубликован сей труд: «Еще раз о трекбаре», в котором описывается простой скрипт для создания таких вот ползунков:


Благодаря откликам пользователей возможности первой версии скрипта были существенно расширены. Она выросла до v3.0, с одновременным обновлением статьи, описывающей новый функционал. Однако, некоторые изменения откладывались «на потом», т.к. требовали более серьезного вмешательства в код. И вот долгожданное «потом» настало и вышла четвертая версия JS-TrackBar.

Как определить, что сайт сверстан качественно?
Есть много статей о том, как делать хорошо, но совсем нет – о том, как делать не надо, ведь даже валидный и кроссбраузерный сайт может быть сверстан отвратительно.

Из этой статьи вы узнаете:

• О плохих приемах современной верстки;
• О том, как даже не будучи профессионалом, за 5 минут определить плохо ли сверстан сайт или нет.

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

Для начала, я сразу оговорю две вещи: во-первых, ни в коем случае не думайте, что я собираюсь «наехать» на rumkin’а — автора статьи. Статья очень хорошая, качественная, и я был бы рад, если б на Хабре статей такого уровня было как можно больше. Просто у меня возникли некоторые разногласия с автором, и я хотел бы поделиться ими с вами.
Во-вторых, я не профессиональный дизайнер/верстальщик, и на звание оного претендовать не хочу. Тем не менее, у меня есть интерес,, и вкус.
Можно сказать, что я просто ценитель и любитель этих искусств, по этому всё, что я буду писать дальше, основано на моих личных вкусах и пониманиях, нежели на богатом профессиональном опыте.

Теперь, когда вышесказанное вам известно,

Я знаю, что многие из вас об этом мечтали! Совершилось! :)

Давно думал написать об это незаменимом для меня пакете, и наконец решился :)

Многие из тех, кто использует Оперу, устанавливают дополнительные скрипты и плагины. Но не все знают, что существует сборка, в которую включено большинство надстроек. Называется этот продукт Opera AC. Сборка является portable, т.е. может работать с usb-флэшки.

Только что спас человека :-) Точнее, небольшую студию из Украины. Судя по содержанию нашей с ними беседы, для небольших, начинающих компаний нижеследующие слова будут актуальны:

Никогда, никогда не заключайте единый договор на создание и поддержку сайта. Вообще никогда и не под каким предлогом.

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

В договоре на создание сайта надо прописать, что создание контента и наполнение (внесение на сайт) туда не входит. И при разговоре заставить клиента обратить на это внимание.

Предлагаю угадать почему ;-)

В преддверии дня убунты на Хабрахабре, опишу другой продукт, релиз которого состоялся на день раньше.

Итак, 23 апреля 2008 года вышла версия 4.2.0 системы управления содержимым TYPO3.

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

Список книг будет разбит на группы по темам, и каждая из них — на группы «обязательно прочесть и иметь» и «можно прочесть и иметь» (это выделение безусловно субъективно, так что спорить насчёт него не буду точно). В принципе, большинство книг есть в широкой продаже, в том числе и в крупнейших российских интернет-магазинах. Некоторые есть в отсканированном виде и их можно найти в Интернете.

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

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

Была приятна удивлена, прочитав свежие заголовки RSS одного из моих избранных сайтов.
Вышла новая версия веб-браузера IETester, позволяющая просматривать и тестировать сайты в IE8 beta 1, IE7 IE 6 и IE5.5 под Vista и XP.
Ссылка на домашнюю страницу разработчика www.my-debugbar.com
Скачать можно здесь

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

Как следует из заголовка, речь в статье пойдёт о неотъемлемой части любого русскоязычного (и не только) текста — о пробеле. Мы затронем историю пробела, виды пробелов, вопросы употребления пробела в веб-типографике.

Вообще говоря, пробел — это любое пустое место в рукописном, печатном или отображаемом на любом другом носителе тексте. Так что пробелы бывают разные:

• спусковые (большие вертикальные пропуски в первой полосе издания) и концевые пробелы полосы,
• абзацные отступы и концевые пробелы абзаца,
• межстрочные пробелы (между строками текста),
• межсловные пробелы (между словами в одной строке),
• межбуквенные пробелы (между буквами в слове).

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