2010-09-20

Вертикальный текст в HTML

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

Хотелось бы найти универсальный способ отображать вертикальный текст по-вертикали во всех браузерах и по возможности без глюков. Как говорится если нельзя, но очень хочется, то можно.

Создал небольшой скрипт для отображения текста по-вертикали. Код получился сравнительно небольшим. Скрипт использует VML под IE и SVG под остальными браузерами.

Внешний вид полностью настраивается при помощи CSS и Javascript. Здесь можно скачать архив, а здесь увидеть как это работает в живую.

Выложенный пример тестировался на IE6-IE7, Firefox2, Google Crome, Opera и Safary.

 

Коментариев: 6

 
  2010-09-06

Как смотировать сетевую папку на Windows машине в Ubuntu

В линуксе можно очень удобно монтировать сетевые ресурсы как локальные папки. Допустим у вас есть ресурс \\COMPUTER-NAME\folder1\folder2\folder3. Мы хотим обращаться к нему как к локальной папке localfolder:

> sudo /sbin/mount.cifs //COMPUTER-NAME/folder1/folder2/folder3 localfolder

Обратите внимание что \\ нужно заменить на // как и все обратные слеши на прямые.
 

 

Оставить комментарий

 
  2010-09-08

Как скопировать CD в Ubuntu

Для начала создаем образ диска:

> dd if=/dev/cdrom of=cd.iso

как альтернатива, также, работают комманды вида:

> cp /dev/cdrom cd.iso
или
> cat /dev/cdrom > cd.iso

Чтобы записать полученный iso на диск, открываем папку, содержащую образ в файловом менеджере, щелкаем правой кнопкой мыши на файле с образом cd.iso, выбираем "Записать на диск" и дожидаемся конца прожига.

 

Оставить комментарий

 
  2010-09-04

Как вернуть нормальное расположение кнопкам в Ubuntu 10.04

Поставил Ubuntu 10.04. Новая версия мне определенно понравилась, исчезли некоторые глюки при работе с Virtual Box.

Единственное, что привело меня в недоумение (и, как показал поиск в сети не только меня) это расположение кнопок закрытия окна - они теперь в левом верхнем углу, к счастью есть инструкция как это быстро исправить:

1. Жмем Alt-F2 и в появившемся окне вводим "gconf-editor"

2. В вызванном редакторе выбираем раздел "apps", затем "metacity" затем "general", выбираем переменную button_layout и заменяем старое значение на "menu:minimize,maximize,close". Нажатие на кнопку ОК мгновенно меняет расположение кнопок на привычное.

(рецепт отсюда)

 

Оставить комментарий

 
  2010-08-26

Как пережать видео для Flash

Допустим, у вас есть файл, который вы хотели бы выложить в Интернет. При этом, само видео сохранено в каком-нибудь распространенном видео формате, например в VOB, AVI или WMF. Дело за малым - нужно пережать в формат FLV. Для этого можно воспользоваться родными средствами, поставляемыми с Flash, однако, если вы работаете на Linux то можно воспользоваться утилитой ffmpeg — ее еще называют швейцарским ножом для конвертирования видео.

> ffmpeg -i videofile.wmv -f flv -ar 44100 videofile.flv
 

 

Оставить комментарий

 
  2010-08-15

Как подружить UTF-8 и PHP

При работе с UTF-8 привычные функции работы со строками перестают корректно работать. В этом не трудно убедиться если сохранять исходник страницы в UTF-8:

print strlen("тест");  //8

Вместо привычных strlen, strpos, substr следует использовать соответствующие многобайтные аналоги: mb_strlen, mb_strpos, mb_substr. Но это делает код плохо портируемым под другие кодировки, увеличивает вероятность ошибок, и вообще это не удобно. К счастью расширение mbstring позволяет переопределить эти функции автоматически.

добавляем в .htaccess

php_value mbstring.internal_encoding "UTF-8"
php_value mbstring.func_overload 7
 

проводим эксперимент:

print strlen("тест");  //4

...что и требовалось доказать. Конечно, теперь всегда нужно иметь в виду, что при вызове strlen на самом деле вызывается mb_strlen это всегда нужно учитывать, особенно, если ваш файл будет сохранен не в UTF-8, но зато код станет хорошо портируемым и не зависящим от кодировки исходников.

P.S. Как показала практика, такое решение полезно только если проект маленький, если же вы собираетесь использовать сторонниие библиотеки, то лучше все же создать дополнительный уровень абстакции для работы со строками - простая подмена функций приводит к непредсказуемым результатам!

 

Оставить комментарий

 
  2010-07-26

Как поднять SOCKS-прокси

Часто бывает нужен прокси, например, чтобы проверить как будет выглядеть сайт при заходе пользователя не из России, или если ваш злобный сисадмин запретил ваши любимые одноглазники, или Басманный суд предписал вашему провайдеру закрыть доступ к Youtube.com... или... да мало ли зачем еще может понадобиться прокси...

Конечно, можно поднять самому какой нибудь squid, или найти в интернете анонимный прокси, но есть способ лучше. Если у вас есть SSH доступ к какому либо серверу в Интернет (а любого специалиста работающего в Интернет их как правило десятки если не сотни), то его легко можно использовать как SOCKS прокси.

Если вы работаете в Linux: Заходим в терминал, набираем

> ssh -D 8080 user@yourserver.com

Если вы работаете в Windows: Запускаем Putty, выставляем параметры соединения, идем во вкладку Tunnels, source port: 8080, Destination: localhost, отмечаем радиокнопку Dynamic и нажимаем Add.

После соединения идем в Firefox:

Настройки->Дополнительные->Сеть->Насторить

-> Ручная настройка сервиса прокси: Узел SOCKS localhost, Порт 8080

жмем ОК,

Готово! - теперь ваш браузер туннелирует все запросы через удаленный сервер по защищенному протоколу!

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

 

Оставить комментарий

 
  2010-06-19

Как ввести длинное тире в Linux

Длинное тире — пожалуй самый популярный символ которого нет на клавиатуре но который приходится часто набирать. Многие по незнанию используют вместо него дефис - символ похожий на минус, которого, кстати тоже нет на клавиатуре, и та отмаза, что мол, тире это минус потому, что расоложен рядом с клавишей плюс не выдерживает никакой критики. В Window длинное тире можно ввести как Alt+0150 на дополнительной клавиатуре - в Linux такое не прокатывает.

Но оказывается под иксами тоже есть свой способ вводить символы котороых нет на клавиатуре. Обнаружил здесь.

  • Система
  • Параметры
  • Клавиатура
  • Вкладка Раскладки
  • Кнопка Параметры раскладки
  • Узел Положение клавиши Compose
  • Я выбрал Левый Win

В качестве клавиши compose я настроил левый Win, теперь чтобы ввести — нужно нажать Win + ---, а чтобы ввести минус – нужно ввести Win + --.

 

Оставить комментарий

 
  2010-05-04

Firebug Lite для IE

Давно пользуюсь Firebug'ом - незаменимая вещь при работе с FF, но иногда бывает нужно по-быстрому посмотреть что творится на странице под IE - для этих целей можно использовать Firebug lite. Для этого достаточно в букмарки добавить такую ссылку. Обещают что будет работать под всеми браузерами - я тестировал только под IE.

 

 

Коментариев: 4

 
  2010-05-02

Примеры использования VML и SVG

Сейчас в интернете накопилось огромное количество примеров использования SVG и VML однако, в большинстве случаев это именно XML файлы для отображения которых их нужно скормить браузеру либо как файл с расширением .svg либо как .vml. В некоторых примерах имеет место XHTML файл у которого уже прописаны namespace и всякая дополнительная бутафория. Меня же в данном случае интересует как взять ОБЫЧНЫЙ html файл и добавить к нему векторную картинку. Причем добавить непосредственно к уже существующему HTML коду чтобы HTML и VML или SVG отображались вместе.

В конце концов путем расковыривания кода Барановского и анализа существующих примеров сделал два примера которые меня устроили:

пример создания SVG - в FF и Safari должен показаться заполненный круг

пример создания VML - в IE должен показаться овал и линия

 

Коментариев: 1