Все программы Adobe для дизайна используют по умолчанию шрифт Myriad Pro. Шрифт неплохой, с большим числом начертаний, но уж больно примелькавшийся. Я даже иногда думаю, что использование этого шрифта дизайнером – признак его дурного вкуса и лени.

Нет, конечно ничто не мешает менять шрифт при работе с текстом, но это ужасно утомительное занятие.

И вот, наконец, мне это надоело и я решил поменять дефолтный шрифт раз и навсегда. На PT Sans, например.

Настройки нового документа в Illustrator хранятся в шаблонах. Осталось найти их и отредактировать.

Начинаем создавать новый документ. В окошке «New Document» раскрываем список «New Document Profile» и выбираем пункт «Browse…»

 

В открывшемся окне мы увидим список обычнх ai-файлов, которые нужно поочерёдно открыть и отредактировать. Запоминаем папку, в которой они лежат и открываем файлики. Начнём с Basic CMYK.ai

 

Параметры дефолтного шрифта находятся в настройках дефолтного стиля (поддержка стилей текста – это то, чего в первую очердь не хватает в Photoshop).

Открываем палитру Window > Type > Character Styles и делаем двойной клик по стилю [Normal Character Style].

В открывшемся окошке «Character Styles Options» переходм в категорию «Basic Character Formats» и устанавливаем нужные параметры шрифта. В категории «Advanced  Character Formats» будет полезно изменить параметр Language на Russian, чтобы заработал автоперенос.

Сохраняем файл, и аналогичным образом изменяем остальные файлы шаблонов.

Вотафак-2

14.03.2011

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

Мне стало несколько стыдно, потому что про «вотафак» у меня совершенно нерелевантная запись (Марат, жпег по-прежнему страшен). Поэтому напишу-ка я продолжение. Релевантное, именно то, что все хотят узнать.

Что такое вотафак? Всё просто — это транслитерированное англоамериканское ругательство «What the/a fuck». Гугл-транслейт переводит его, как мне кажется, не совсем правильно. Лично я употребляю его, когда хочется сказать «Что за хуйня?»

Видите, дети, какой нехороший пост получился? Зато теперь вы всё знаете.

Все мы знаем Microsoft, знаем что она любит идти своим путём и считает этот путь единственно верным. Возьмём, к примеру, видео. Весь мир публикует видео во флеше. Прогрессивное человечество считает, что флеш — зло и использует тег <video>. Microsoft тоже считает, что флеш зло, но и тег <video> не признаёт, у неё своя игрушка — сильверлайт.

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

Что же делать, если посмотреть видео на сайте Майкрософт хочется, а нужного плагина нет? Предположим, что мы хотим посмотреть вот это видео с сайта techdays.ru. Нам предложат установить плагин, но мы не будем этого делать.

Открываем исходный код страницы и находим следующий кусок кода:

<div id=”silverlightPlayer”>
<object data=”data:application/x-silverlight-2,” type=”application/x-silverlight-2″ style=”height:380px;width:460px”>
<param name=”source” value=”http://www.techdays.ru/TechDaysPlayer.xap”>
<param name=”initParams”
value=”SourceUri=http://www.techdays.ru/get.aspx?MID=d20b7e23-ca80-421c-b3b9-2d71d5913816
&amp;IsSilverLight=true,SimilarLecturesUrl=http://www.techdays.ru/HttpHandlers/LecturesHandler.ashx?Num=3325,
ReplayToolTip=Replay, FrameUrl=http://www.techdays.ru/LectureContentImage.aspx?ContentId=d20b7e23-ca80-421c-b3b9-2d71d5913816
&amp;width={0}&amp;height={1}”>
</object></div>
  • Копируем значение SourceUrl (то, что выделено полужирным)
  • Запускаем VLC
  • Выполняем команду «Media > Open URL»
  • Вставляем скопированный адрес
  • Смотрим видео.
UPD: Этот способ не работает в случае с потоковым вещанием на разного рода конференциях.

На прошедшей 16 декабря встрече-конференции «Web Standards Days» Вадим Пацев рассказывал про общую идеологию вёрстки проектов в Яндексе. Идеология скрывается под дурацкой аббревиатурой БЭМ и обладает собственным клубом на Я.ру.

Один из ключевых моментов — отказ от селекторов элемента в пользу селектора классов, поскольку это существенно (когда счёт идёт на миллисекунды) ускоряет рендеринг страницы. То есть вместо p {} рекомендуется использовать .base {}, к примеру. Да, именно так, добавлять классы ко всем элементам, которые нужно стилизовать. Кроме того, это позволяет избежать переопределений и конфликтов наследования.

Разумный аргумент против — «ведь у нас много параграфов, добавление классов увеличит объём страницы!». Но намного ли? На главной странице kremlin.ru — 23 тега p. Добавив к каждому из них class=base мы увеличим объём страницы на 230 байт. При общем объёме страницы в 56 кб это просто ничтожно малая величина. Так что на этих спичках точно не стоит экономить, лучше удалить переносы строк и пробелы или оптимизировать картинки.

Остаётся только один-единственный аргумент против указания классов всему подряд: «Мне лень везде писать эти дурацкие классы». Но и тут можно найти решение, взяв на вооружение регекспы или zen coding.

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

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

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

Идём в настройки Photoshop (Edit > Preferences > General или Photoshop > Prefeneces > General) и устанавливаем параметр Image Interpolation в значение «Nearest Neighbor». Нажимаем Ok и с этого момента Photoshop перестанет пытаться сглаживать пикселы при любом масштабировании, в том числе и при Edit > Free Transform. Стоит помнить, что нормальный результат возможен только при изменении масштаба в целое число раз (200%, 300% и т.д.).

Ну и естественно, никакого jpg при сохранении результата. Только png или gif.