The only thing you need is to go to the great Font Squirrel @font-face Generator, upload your legaly purchased fonts and download the working example including CSS and HTML files, and your font(s) in 4 formats needed for the solution to work properly in every browser.

And by the way, you can build your font into the CSS file with the data-feature of url() function. The font will be encoded with Base64. This option is also provided by the generator.

At the moment I check it only in IE6, FF3 (Mac) and Safari 5. As soon I’ll get to my Windows machine, I’ll test it on IE8, FF3 (Windows) and Chrome. Fingers crossed! I love this solution.

So I’m trying to get used to it in a regular way (by reading and speaking, and listening). Can’t say this works pretty good. So I figured out how to make my Mac to dictate the numbers for me. So Mac dictades me numbers and I write them down. I call it practicing geman numbers.

MacOS has a pretty good built in voices, but they read only English. So I found reading-aloud-application, it’s name is GhostReader. And with a couple of german voices I installed it produces sound of pretty good qualty. So I wrote a small app in JavaScript, for now only Safari is supported (or any other browser with support of HTML5 and CSS3) as I was too lasy to Design it, slice it and layout it, so, please, die dear Internet Explorer.

That app can generate number lists based on settings of range you need, number of digits in a number, how many numbers you need, to you need it shuffled and some other. So you can request randomly shuffled 100 numbers of 2 or less digits in them from 0 to 100. This is my current challenge :) Or you can request a random list of 5-digits numbers form say 50.000 to 60.000, which is quite impossible for me at the moment.

For some reason I’m always confused about 6 and 8, so I made a preset (tabs at the top) of settings for creating a list of numbers only wit 6 and 8 in them. Yeah, there is a regular expressions filter.

In addition to advanced numer generation functionality, it comes also very handy to specify the pause between numbers. GhostReader has special tags to set a pause anywhere in the text in miliseconds. So the normal value for me for 2-digits numbers is 1200 ms, and for 3-digits numbers it counts 3000 ms. Can you imagine that? I mean, I think for 3 seconds, what number I just heared. Crazy. Native German speaker will probably never understand that :)

And I also attached here a couple of examples of what it sounds like. Feel free to check it out :

• Random numbers from 0 to 99 (1200ms)
• Random numbers from 100 to 999 (3000ms) without using any “zero-numbers” like 403 or 210, to make it more interesting :)
• And of course random numbers from 10.000 to 99.999 (4500ms)

­— Es wäre nicht schlecht…
(Было бы неплохо…)

Тут используется глагол “быть” (sein) в прошедшем времени (war) в немного измененной форме. А для коньюнктива I в этом случае может быть использована форма

— Sei es alles in Ordnung, würde er zurückrufen

И вот только сегодня я понял, что это sei — это повелительное наклонение (будь). То есть на русский это переводится так:

— Будь все в порядке, он бы перезвонил

Достижение, конечно, микроскопическое, но тем не менее.

Source

— Hallo! Hier ist Marie aus Paris. Entshuldigung, ich spreche nicht sehr gut Deutschland…
(— Здравствуйте! Извините, я не очень хорошо говорю Германия…)

На что ей все и всегда отвечают “Да”, в смысле “ничего страшного, слушаю”. Далее она начинает объяснять какую-то проблему, ей стараются помочь ее решить, но в результате выясняется, что Мари все неправильно поняла, проблема совсем не в этом. Например, она пыталась купить вилку в магазине посуды. Оказалось, что речь идет о вилке от переднего колеса велосипеда.

Далее якобы ее друг попросил “позаботиться” (решить проблему) с Silberfische у них в ванной. Silber – серебро, Fisch – рыба. С этим она звонит в зоомагазин, где ей объясняют, что Silberfische  это не серебряные рыбки, а насекомые такие маленькие безобидные. “А Goldenfische тоже насекомые по-немецки?” — спрашивает она.

Еще история. Звонит в ремонтную контору и просит поговорить с маляром. Долго обсуждает с ним задачу перекраски стен в кабинете на работе. Выясняется, что ее шеф передал ей письмо со словами “Wir müssen Ihre stelle streichen”. Она понимает, что  Stelle это место, а streichen в одном из значений это “красить”. Фишка в том, что есть еще одно значение “вычеркивать”, а вся фраза означает “мы должны Вас уволить”. Маляр это и доводит до ее сведения. Интересно, что дальше он чуть не предлагает к ей придти работать к ним, но сотрудников они не набирают, поэтому он готов замолвить за нее словечко и вообще оказать посильную поддержку.

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

Это иллюстрирует история с пиццей. Мари хочет заказать 5 пицц. Дело в том, что она с коллегами находится на 6 этаже, но доступ по лестнице и лифты каким-то макаром оказались заблокированы. Зато на улице перед домом идет парад и можно поднять пиццы на шариках. Двух шариков на пиццу должно хватить по ее подсчетам. У нас бы давно предложили провериться у психиатра, а эти ребята внимательно все выслушали и стали задавать вопросы по технической реализации данного решения :) Типа там же ветер, вообще-то, улетит пицца-то. Мол, как вы нам денюжку передавать будете? Мари говорит: на самолетике бумажном. Короче, — говорят они, — давайте адрес, приедем разберемся. То есть понятно, что шарики это бред полный, но ей об этом никто не сказал, и никуда не послал.

Веселая история про самолет.

— Аэропорт, добрый день.
— Здравствуйте, я Мари из Парижа, я не очень хорошо говорю по-немецки…
— Да
— Вы должны срочно остановить самолет!
— Я соединю вас с диспетчерткой.
— Диспетчерская, добрый день.
— Здравствуйте, меня зовут Мари из Парижа. Нужно немедленно остановить самолет, только что вылетевший в Торонто. В нем мой дедушка.
— Что случилось?
— Он по недосмотру схватил мой листок!
— Вы знаете сколько стоит вернуть самолет? Он уже в воздухе! Мы могли бы послать сообщение на борт…
— Нет-нет, дедушка в прекрасной форме. Так развернуть самолет не получится?
— К сожалению нет.
— Никаких шансов?
— Совершенно невозможно. Вы говорите, речь идет о… листке…
— Да, он забрал мой список покупок! Я помню там были яйца, хлеб, молоко вот то ли 1,5% жирности, то ли 3%.
— (смеется) Я бы взял менее жирное молоко, оно более здоровое.
— Спасибо! Так я и сделаю! Это была Мари аус Пари, а вы сейчас на радио FFH!

И вот еще одна чумовая история про тест-драйв. Мари звонит в авто-салон, представляется как обычно.

— Можно прокатиться на тест-драйве Ситроен Пикассо?
— Да, пожалуйста, можете подъезжать.
— Скажите, а можно ли во время тест-драйва пользоваться багажником и задними сиденьями?
— Разумеется.
— А можно на этой машине перевозить тяжелые вещи?
— Конечно, можно.
— А во время тест-драйва?
— (с сомнением) Да.
— Супер! Мьсе, тогда не могли бы взять с собой перчатки?
— Перчатки?
— Да, я просто переезжаю, я хотела бы перевезти кое-какие вещи.
— (смеется) Почему вы не воспользуетесь личным транспортом?
— У меня Рено, мне его жалко…
— (смеется) Я бы рекомендовал в этом случае воспользоваться услугами транспортной компании…
— Скажите, а есть в этой машине радио? А то вы теперь на радио FFH, поздравляю!

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

На данном этапе я принял решение использовать открытые пароли для FE-пользователей в сочетании с SSL для бэкенда и страниц, где приватные данные могут передаваться клиенту. Для этого должны выполняться некоторые технические требования.

1. На уровне nginx должна быть включена поддержка SSL. Включается она параметром --with-http_ssl_module при компиляции. Узнать, есть у вашей сборки nginx поддержка SSL можно так:

$ /usr/sbin/nginx -V

2. Нужно создать и подписать сертификат SSL. Я генерил сертификат на маке, поэтому пользовался соответствующим мануалом. В интернете лежат автоматические генераторы, я их не пробовал.

3. Теперь нужно, чтобы при использовании SSL nginx передавал в fastcgi параметр, указывающий на это. В PHP он доступен по $_SERVER["HTTPS"] = 'on'. Добавляем в конфигурационный файл нужного виртуального хоста копию текущей конфигурации, а в секцию server добавляем информацию для активации SSL.

server {
    listen  443;
    server_name  www.domain.ru;
 
    ssl                  on;
    ssl_certificate      ssl/cert.pem;
    ssl_certificate_key  ssl/webserver.nopass.key;
    ssl_session_timeout  5m;
    ssl_protocols  SSLv2 SSLv3 TLSv1;
    ssl_ciphers  ALL:!ADH:!EXPORT56:RC4+RSA:+HIGH:+MEDIUM:+LOW:+SSLv2:+EXP;
    ssl_prefer_server_ciphers   on;
 
    access_log  /var/www/domain.ru/logs/access.log  main;
    error_log  /var/www/domain.ru/logs/error.log;
 
    location / {
        root   /var/www/domain.ru/htdocs;
        index  index.php index.html index.htm;
        if (!-e $request_filename) {
                rewrite ^(.*)$ /index.php last;
        }
    }
 
    # FCGI
    location ~ \.php$ {
        root           /var/www/domain.ru/htdocs;
        fastcgi_pass_request_body off;
        client_body_in_file_only clean;
        client_body_temp_path /dev/shm/client_body_temp;
        fastcgi_param  REQUEST_BODY_FILE  $request_body_file;
        fastcgi_pass   unix:/tmp/php.sock;
        fastcgi_index  index.php;
        fastcgi_param  SCRIPT_FILENAME  /var/www/domain.ru/htdocs$fastcgi_script_name;
        include        fastcgi_params;
        fastcgi_param  HTTPS    on;
    }
 
    location ~ /\.ht {
        deny  all;
    }
}

4. Теперь нам нужно научить TYPO3 переключаться в режим защищенного соединения. Для бэкенда это делается параметром $TYPO3_CONF_VARS['BE']['lockSSL'] = '2';, который говорит Тайпе, что в бекенд нужно пускать только по SSL, и редиректить если был запрос без него.

Теперь это выглядит как-то вот так примерно

5. Для фронтенда я воспользовался расширением https. В редакторе констант нужно подправить название домена сайта и все. После установки на нужных страницах галочки “только SSL” будут передаваться только по защищенному каналу.

UPD

Я посмотрел один автогенератор сертификатов на Руби. Он не генерирует беспарольный ключ для старта сервера, а в остальном вроде нормально работает.

Задача такая. Имеется сайт на TYPO3 с интернет-магазином. В разделе каталога товаров на каждой странице находится некоторое количество записей товаров. Требуется изобразить на сайте меню разделов с добавлением количества записей к каждому пункту. В результате должно получиться что-то вроде следующего:

• Компьютеры (12 товаров)
• Мониторы (23 товара)

В нашем случае таблица товаров носит название “tx_mgpstore_items”. Мы будем использовать postCObject для каждого элемента меню. Каждый postCObject будет использовать stdWrap.numRows для подсчета рядов, а для получения правильного списка страниц-родителей для выборки numRows мы будем использовать еще одно HMENU.

lib.topMenu = HMENU
lib.topMenu {
  special = list
  special.value = 7,36,35,34,33
  1 = TMENU
  1 {
    NO = 1
    NO {
      stdWrap.postCObject = TEXT
      stdWrap.postCObject {
        numRows.table = tx_mgpstore_items
        numRows.select {
          pidInList.cObject = HMENU
          pidInList.cObject {
            stdWrap.prepend = TEXT
            stdWrap.prepend.field = uid
            special = directory
            special.value.field = uid
            1 = TMENU
            1.expAll = 1
            1.NO = 1
            1.NO {
              doNotLinkIt = 1
              stdWrap.field = uid
              stdWrap.wrap = ,|
            }
            2 < .1
            3 < .1
            4 < .1
          }
        }
        innerWrap = (|)
        preUserFunc = tx_drivecart_counter->itemWord
        preUserFunc.words.item = товар|товара|товаров
      }
    }
  }
}

Для правильного окончания слова “товар” я использовал специальную функцию модуля Drivecart. В моей базе знаний она присутствует и как отдельно стоящая. С помощью нехитрой настройки можно добиться правильного отображения окончаний слов после числительных. О ней я расскажу в другой раз.

Имеем несколько слоев в Фотошопе, один из которых градиентный (или иной однотонный или неоднотонный) слой. Поверх этого градиентного слоя нам нужно разместить картинку на сайте. У нас два пути: использовать PNG или использовать GIF для создания на картинке прозрачных областей. В нашем случае мы будем использовать GIF.

Берем картинку и склеиваем все слои таким образом, чтобы фон был отдельно, а наш объект отдельно.

Читать далее