Просмотр архивов в категории: ‘Технологии’

Safari, WebKit и @font-face

Сегодня в время верстки одного симпатичного шаблона для WordPress я столкнулся с одной шокирующей (для меня) фигней. В CSS есть такое замечательное свойство как @font-face, которое позволяет загружать нестандартные шрифты. Свойство замечательное, хотя мало кто его использует.

Вообщем, в шок меня повергло, когда я открыл свой шаблон в Safari 3 в Mac OS X. Посмотрите на скрин ниже, так «оно» не должно было выглядить:

font-face and safari

По идее подключается симпатичный прописной шрифт «Monotype Corsiva», который прекрасно отображается в Windows в любом броузере, даже в том же Safari для винды. Поэтому я даже не мог представить, что столкнусь с таким глюком в Mac OS X. При этом гнать на кириллицу не стоит, потому что шрифт ее поддерживает.

Я отложил верстку на некоторое время и полез почитать фиды и буквально сразу же мне попадается интересная ссылка по теме. Последний nightly build WebKit'а (Сафари на нем и работает) поддерживает это самое свойство на 100%. Вот тот же файл верстки с тем же шрифтом, как оно должно было быть:

font-face and webkit

Вообщем, нет ничего совершенного. Ждем обновления Safari в ближайшее время. А пока линки для ознакомления:

Вывод ссылок в WordPress 2.1

Сегодня прямо день консультаций по WordPress. Буквально сейчас упало в почту сообщение с сайта с просьбой помочь разобраться в простом вопросе. Ответить почтой не получилось, т.к. Яндекс думает, что email отправителя не существует. Цитирую вопрос:

Никак не могу разобраться с Blogroll-ом в WP-2.2.1…

Вопрос 1: как его убрать из рубрикатора (списка категорий)?

Вопрос 2: как создавать разделы ссылок? Например, один раздел «ссылки» в колонке, второй — «реклама» в подвале.

Вопрос 1. Честно говоря, у меня такой проблемы никогда не возникало. Не думаю, что здесь есть какой-то особый секрет. В любом случае: категории для ссылок я создавал всегда в разделе «Links», а обычные категории добавлял через «Manage -> Categories». Может в этом кроется ответ на данный вопрос.

Вопрос 2. Ну это совсем просто. Нужно было только в Codex заглянуть. Функция get_links (); отвечает за вывод ссылок в WP:

get_links( category, 'before', 'after', 'between', show_images, 'order', show_description,show_rating, limit, show_updated , echo);

Пример. Есть 2 категории в линках: Друзья (id=1) и Реклама (id=2). ID можно узнать в общем списке категорий.

Для сайдбара «Друзья»:

get_links(1,'before', 'after', ' ', FALSE,  'name', FALSE, FALSE, -1, TRUE, TRUE);

Для футера «Реклама»:

get_links(1,'before', 'after', ' ', FALSE,  'name', FALSE, FALSE, -1, TRUE, TRUE);

* Примечание. WP съедает html код в примерах, поэтому обратите внимание следующее:

before — это открытие списка (таг LI в скобочках)
after — соотвественно закрытие

Вообщем, все предельно просто. Ответы лежат в изучении английского языка и Codex WordPress.

Конвертация Midi в MP3

Из личного опыта. Есть 2 основных способа конвертации midi файлов в формат mp3. В первом случае Вам не повезело — у Вас Microsoft Windows (не важно какой версии) и Вам нужно будет покупать специальный софт и использовать режим live для такой конвертации.

Почему live? Потому что весь софт под винду делает конвертацию midi в mp3 путем проигрывания файла и переписывания в wav, а потом сжимания в mp3. Это крайне не удобно, потому что:

1) Ваша звуковая карта может не иметь midi-маппера (например, встроенный звуковой чип в мат.плату) — это нужно, чтобы избежать сторонних звуков в wav файле
2) Если это batch сотни midi файлов, то это займет до фига времени

НО! Вам повезло, если у Вас есть линукс (или вообще любая *nix ОС). Делюсь опытом и предлагаю вам очень простой способ, который сделает батч из 300-350 файлов примерно за 10-15 минут (зависит от «железа»). BASH-скриптинг — это вообще необходимая вещь в консоли. Итак, создаем файл midi2mp3.sh и пишем в него следующее:

BASE=/home/slaff/converting

for file in $BASE/midi/*.mid
do

out=`basename $file .mid`
echo «$file $out»
MP3OUTPUT="$BASE/$out.mp3"

if [ ! -e "$MP3OUTPUT" ]
then
timidity $file -Ow -o"./$out.wav"
lame --scale 2 --resample 11.025 -b 16 «$out.wav» «$MP3OUTPUT»
rm -f $out.wav
fi

done

Чтобы это работало, Вам понадобиться 2 библиотеки:

  • TiMidity++ — это софтверный синтезатор.
  • lame — всем известный mp3 кодек.

Скрипт довольно простой и понятный. Сначала мы задаем абсолютный путь к папке, где будем конвертировать. Затем цикл, в котором указываем директорию в midi-файлами. После чего идет конвертация в WAV и далее сжатие в mp3 и сохранение файла в указанной выше директории $BASE.

Положите этот скрипт где-нибудь рядом, в туже папку например. Запустите в консоли и будет вам счастье и куча съэкономленного времени.

Первые впечатления от iPhone

Как многие могли уже видеть в блогосфере появились первые эксклюзивные обзоры нового гаджета от Apple. Wall Street Journal, Newsweek и USA TODAY уже успели попробовать девайс в течении нескольких дней и делятся своими мнениями. Дабы не переводить полностью эти статьи, я резюмирую их и выделю основные моменты.

В основном комментарии и отзывы носят положительные характер. И, несмотря на некоторые недочеты со стороны разработчика, можно встретить такие фразы, как «Apple сделали очень хороший, удобный и красивый телефон», «Прекрасный iPod с невероятными возможностями для Интернет», «iPhone великолепен, но не идеален», «Я должен обязательно иметь этот девайс», etc.

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

  • Софт в iPhone занимает порядка 700 мегабайт
  • Дней через 5 после покупки, текст будешь набирать также быстро как в Blackberry
  • Нет голосового набора
  • Принимая во внимание то, что iPhone понимает документ Word, Excel, PDF — отсутствует возможность копирования, вырезания, вставки текста.
  • Safari и Mail в iPhone невообразимо удобны и оставляют позади все подобные девайсы. Не хватает только поддержки Flash.
  • Загруженные в девайс песни нельзя использовать как мелодии для звонков.
  • Официальный рингтон ничем не примечателен.
  • Фотографии с камеры получаются очень даже хорошие с насященным цветами.
  • Пока что нельзя записывать видео.
  • Когда заканчиваешь смотреть видео фильм, iPhone предлагает удалить файл, чтобы освободить место.
  • Девайс обновляется также как iPod и в будущем наверняка будут обновления софта для устранения возникающих проблем и загрузки нового дополнительного софта.

От себя. Мое мнение таково. Я могу в ближайшие пару недель приобрести этот девайс, но не буду этого делать. Отличительная черта Apple заключается в том, что эта компания имеет очень классный персонал в департаменте разработок. Apple выпустили первый iPod и он был великолепен во всех отношениях. Затем вышел второй iPod и он был еще лучше! Именно поэтому, я предпочитаю подождать обновленную линейку iPhone с более продвинутыми возможностями.

Habari первые скриншоты

Сегодня в своей рсс читалке наткнулся на пост в ProBlog про движок, о котором я упомянул на Хабрахабре и в комментах на нескольких блогах. Движок называется Habari, а начало его лежит в несостоявшемся пока офомлении Shuttle для WordPress от Broken Code.

Думаю, это ошибкой называть Habari как «WordPress killer», но да — в целом, этот двиг может стать отличной альтернативой для многих блог-платформ. Хотя, есть конечно же одна фича уже в движке, которая откровенно показывает неприязнь разработчиков именно к WordPress. Эта фича, уже работающий фильтр импорта всех постов из WordPress базы.

Я не примянул попробовать «на вкус» Habari. Мое первое впечатление было очень приятным — нет совершенно ничего лишнего, все только для удобного управления блогом, все элементы четко сгруппированы и находятся на своих местах. Конечно же, для альфа-версии это нормально, но для релиза нужен хороший косметический ремонт, которым, как я понял, занимается Michael Heilemann. Однако, Habari требователен к хостингу: на сегодняшний день необходим хостинг с PHP5 с поддержкой PDO и драйверами для MySQL или SQLite — у меня, кстати, можно захоститься и очень удобно ;), поддерживается все. Но Вы будете поражены скоростью работы Habari. По умолчанию как тема оформления идет знаменитый К2 (но только внешне). Что касается работы с русским языком, то я пока ничего не могу сказать, но в ближайшее время буду продолжать тестирование, т.к. есть желание помочь разработчикам.

ОБНОВЛЕНИЕ. Скачать и установить Habari.

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

Не забывайте про минимальные требования: хостинг с php5 и поддержкой PDO, желательно наличие драйвера для MySQL или SQLite (по умолчанию, обычно последний идет включенный сразу).

Если Вы будете устанавливать Habari не в корневую директорию public_html, а в поддиректорию, то не забудьте отредактировать .htaccess, указав эту папку директивой RewriteBase.

Скриншоты

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

Продолжить чтение ...

WordPress Cookbook. Создание шаблона с нуля

Прочитал две статьи на тему «Как создать шаблон для WordPress» и был крайне удивлен подходу создавания шаблона. На мой взгляд, оба описания предлагают более трудоемкий и непрактичный подход. Я не люблю долго возиться с шаблонами и предпочитаю группировать все элементы как можно плотнее, избегая при этом лишнего кода. Отчего мои верстки для WP не страдают насыщенностью запросов.

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

Особенности моего метода — это компактность, практичность, удобство и универсальность. В ebook'е приведены полные листинги кода, этот же код я использую как базовый в шаблоне Slaff @ Reworked и других свох блогах. Я намерянно опустил ту часть, в которой следовало бы рассказать о CSS, потому что это несколько другая тема.

Скачайте и прочитайте ebook «WordPress Cookbook. Создание шаблона с нуля.» Распространяйте эту книжку в любом виде.

WordPress Cookbook. Создание шаблона с нуля.

Синхронизация Google Calendar и iCal

Заинтересовал меня вопрос «как можно синхронизировать Google Calendar и iCal». Синхронизировать мне захотелось, потому что в Google Calendar у меня запрограммировано куча всего на будущее, разные там выставки, концерты, места для посещения, фотосафари и прочая лабуда помимо рабочей рутины. Сами понимаете, что переносить «ручками» стольо event'ов — это просто лень, тем более для блоггера (ггг).

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

Spanning Sync - Синхронизация Google Calendar и iCal

Делается всё до безобразия просто. Ставиться софт, логинимся в Google, выбираем какой календарь из Google Cal с каким локально будем скрещать и вуаля! Можно настроить также автоматическую синхронизацию в определенное время. Вообщем, софтина must have.

CSS. Overflow, Word-wrap, Scrolling

Столкнулся с тем, что в highlight.js текст не переноситься, а скролиться в блоке PRE. Я предпочитаю, чтобы текст переносился автоматом. Для этого существуют специальные css-свойства. Ниже привожу универсальный метод для всех броузеров и версий css, которым собственно и пользуюсь сам:

pre {
      white-space: pre;         /* CSS2 */
      white-space: pre-wrap; /* CSS 2.1 */
      white-space: pre-line;   /* CSS 2.1/3 */

      white-space: -moz-pre-wrap; /* Mozilla */
      white-space: -hp-pre-wrap;   /* HP printers */
      white-space: -o-pre-wrap;     /* Opera 7 */
      white-space: -pre-wrap;       /* Opera 4-6 */
      word-wrap: break-word;       /* Только для динозавра IE */
}

Для скролинга же блока используется «overflow: auto», чтобы отключить скроллинг и обрезать линию «overflow: hidden», а чтобы без скроллинга и полной линией текста «overflow: off;».

Затачивая Ubuntu Dapper...

Мне кажется, Ubuntu не был бы таким простым в обращении, если бы не наличие таких вещей как EasyUbuntu, Automatix и apt-get (для нелинивых). Особенно без первых двух. Забудьте про такие мануалы — [ при всём уважении к автору блога ] это хорошая статья и полезная, но не для Ubuntu.

Скрипт EasyUbuntu (переименовать в sh, дать права на запуск и запустить от рута) поставит небольшую програмульку EasyUbuntu «всё в одном», с помощью которой в несколько кликов можно поставить шрифты TrueType, кодеки аудио, видео и dvd (самое, ведь, главное!), ну и в дополнение Sun Java Plugin и еще кучу всякой ерунды.

Automatix ориентирован более на софт, нежели на плагины и кодеки (но кое-что из этого тоже ставит):

  • GFTP
  • Google Picasa
  • Wine
  • VMware player
  • RealPlayer
  • Nvidia Driver
  • Opera
  • amule
  • amsn
  • ThunderBird
  • SUN Java 1.5 JRE
  • Google Earth
  • DVDRiper
  • Acrobat Reader

Automatix я не пробовал еще, а вот EasyUbuntu мне понравился. Во всяком случае самое необходимое (шрифты и кодеки) поставились быстро и без проблем. Всё остальное можно поставить через стандартный менеджэр софт в Ubuntu (включив пару галочек, появиться весь этот софт и даже больше!).

Кстати, Flash Player лучше ставить отдельно ручками. Качаем c Adobe Labs, распаковываем и ложим в папку «.Mozilla/plugins» в «home/username».

Немного про Ubuntu.

Переустановил я Ubuntu, скачав последнюю версию с сайта. Несколько растерялся, когда загрузилась live-версия, но инсталятор еще более приятно меня удивил. Нужно отметить, что установка у меня заняла порядка 25-30 минут (железо старое, на современном железе и того быстрее).

Разумеется, без музыки и ttf-шрифтов приятно работать невозможно. Поэтому сразу был назначен курс на исправление положения. Кодеки, шрифты и прочую фигню поставил очень просто, используя EasyUbuntu. Там же Rar, Skype, DVD и видео кодеки. Со шрифтами правда еще придётся повозиться.

Затем столкнулся с непонятно почему до сих пор не обновленным Flashplayer'ом. Flashplayer 9 Beta был установлен весьма успешно. Дополнительный софт тоже весьма просто и быстро поставил — что-то через apt-get, а что-то через менеджер софта в Убунту (удобный, кстати, до безобразия!). Почти всё, что нужно.

На данный момент трудно привыкнуть к Screem'у (Bluefish не прижился — какой-то он недоделанный). Сейчас подумываю поставить Eclipse. Кстати, кто-то из читателей, посетителей наверняка занимается вэб-разработками и работает в Ubuntu или другом линукс дистрибутиве. Так вот вопрос ко всем linux-зависящим, каким редактором html/php/perl/javascript вы пользуетесь? По большому счету, меня интересуют IDE.