Wanderwort » Arbeit

InDesign: Sprache für ganzes Dokument ändern

pex — Mon, 08 Mar 2010 14:37:57 +0000

Es gibt zwei Möglichkeiten die Sprache für das Text- und Absatzformat in InDesign zu ändern. Wenn wir allerdings nicht für jedes Textfeld die Sprache ändern wollen, müssen wir uns eines Workarounds bedienen. Schließlich gibt es kein “Sprache für Dokument ändern”. Dann wollen wir mal:
Wir gehen in unser Menü: Bearbeiten -> Suchen/Ersetzen
(bzw. MacOS: ⌘+F, Windows: CTRL+F)

Man bediene sich der erweiterten Suchoptionen und kommt so zur nächsten Ansicht:

Nun wählen wir für die Suchoption unsere zu ersetzende Sprache aus, die im Dokument geführt wird. Die Auswahl wird mit OK bestätigt und im nächsten Schritt geben wir für das Ersetzen die Zielsprache auf die gleiche Weise ein. Wenn alles richtig lief, sieht das Suchen/Ersetzen-Fenster nun so aus:

Wunderbar. Um das ganze Dokument zu ändern, muss bei “Durchsuchen” auch “Dokument” eingestellt sein!
Mit “Alle ändern” stellen wir nun unser Dokument auf die neue Sprache um.

In allen Textfelder sollte nun, wenn wir das Textwerkzeug (T) benutzen, in den Optionen die neue Sprache erscheinen:

Cheatsheet: moving data from one server to another

pex — Wed, 20 Jan 2010 06:00:11 +0000

This article is about moving a running web-environment along with it’s MySQL database from one server to another via SSH.

Compress files

Let’s compress the directory we’re going to move using gzip:

tar cfvz backup.tar.gz /path/

Dump MySQL database content

mysqldump -uUser -p -hlocalhost database_name > dump.sql

You can also dump several databases with mysqldump by addind the --databases or --all-databases parameter.

Moving files

Now we use SCP to move files to our new machine. The following example copies from the old machine:

scp user@host:/path/backup.tar.gz .

The other way round, copying the file to the new machine from the old one would look like this:

scp backup.tar.gz user@host:/path/backup.tar.gz

Do the same with your database dump.

Uncompress files

Simply type:

tar xfvz backup.tar.gz

Now we should have the same directory structure we had on our old machine.

Import MySQL database

mysql -uUser --default-character-set=utf8 -hlocalhost -p database_name < dump.sql

If you have international content and an utf-8 environment running don’t forget to pass the charset-parameter!

select any HTML text in element with jQuery

pex — Thu, 19 Nov 2009 15:25:44 +0000

The following ~~script~~ jQuery extension selects any text from a given jQuery selector. Tested with Firefox and Safari – should work in IE6+ as well.

jQuery.fn.extend({
  selectText: function() {
    var text = $(this)[0];
    if ($.browser.msie) {
      var range = document.body.createTextRange();
      range.moveToElementText(text);
      range.select();
    } else if ($.browser.mozilla || $.browser.opera) {
      var selection = window.getSelection();
      var range = document.createRange();
      range.selectNodeContents(text);
      selection.removeAllRanges();
      selection.addRange(range);
    } else if ($.browser.safari) {
      var selection = window.getSelection();
      selection.setBaseAndExtent(text, 0, text, 1);
    }
    return $(this);
  }
})

To use it simly do:

var shortSelector = $('#name').selectText();
var longSelector = $('ul#names li:contains("Hampel")').selectText();

written on top of Source and Source

HTML to PDF Library for PHP 5

pex — Wed, 08 Jul 2009 19:06:14 +0000

As I had to build a simple html to pdf converting for a client using php, I found a beautiful library called DOMPDF written by Benj Carson.

It seemed to be very lightweight and uncomplicated, which turned out to be true. In a standard case it really is as simple as

$pdf->load_html($html);

I am going to talk about the basic usage and problems I had to solve, specially with umlauts / non latin characters.

Basic Usage

To initiate an environment you just create a new instance of the given class.

require_once('#path-to-your-installation#/dompdf/dompdf_config.inc.php');
$pdf->load_html('#some-html#');
$pdf->render();
$pdf->stream('some-file.pdf');

Further information about the basic usage of the class can be found on the project page. I am only using it inline PHP.

Convert your CSS styled HTML

Now you have to feed the method load_html with some html. Therefore we build a whole, simple page including as stylesheet (css). One of the most important things about this class is, that you simply link to a css file and dompdf parses and uses it to style your pdf.

<html>
  <head>
    <link href="some-css.css" rel="stylesheet" type="text/css">
  </head>
  <body>
    <p>Your Content</p>
  </body>
</html>

Please notice that dompdf neither supports absolute positioning nor floating. Therefor we have to use backgound-image-position to position images. Remember not to use the short-form “background” as this isn’t supported neither.

Fixing White-Spaces

I had the problem of wrong white-spaces respectively line-breaks because I had to convert a german document. tommylacroix found a solution that worked perfectly for me.
You have to go into your text_frame_decorator.cls.php around line 127 and replace

  function split_text($offset) {
    if ( $offset == 0 )
      return;
 
    $split = $this->_frame->get_node()->splitText($offset);
    $deco = $this->copy($split);

  function split_text($offset) {
    if ( $offset == 0 )
      return;
 
    $text = $this->_frame->get_node()->nodeValue;
 
    $split = $this->_frame->get_node()->splitText($offset);
    $this->_frame->get_node()->nodeValue = mb_substr($text,0,$offset);
    $split->nodeValue = mb_substr($text,$offset);
    $deco = $this->copy($split);

Using inline PHP embedded in HTML

Last but not least there are several more options to manipulate the rendered pdf file. By adding some inline php code in your html we can manage to display page numbers, a header or footer, watermarks, etc.

To add page numbers to your pdf, we add the following code to our html:
(I explained the usage in comments)

  <script type="text/php">
    if(isset($pdf)) {
      ## Setup a tiny configuration ##
      $text_height = 17;
      $text_size = 10;
      $font = Font_Metrics::get_font("helvetica", "normal");
 
      ## Get the dimensions of our pdf-file ##
      $dimensions = array("width" => $pdf->get_width(), "height" => $pdf->get_height());
 
      ## The Counter-Text with variables: ##
      $pageCounterText = "Page: {PAGE_NUM} of {PAGE_COUNT}";
 
      ## If you want to position the Counter on the right, you need the text-width: ##
      $pageCounterWidth = Font_Metrics::get_text_width($pageCounterText, $font, $text_size);
 
      ## Not we can add this to our pdf:
      $pdf->page_text(10, ($dimensions["height"]-$text_height-20), $pageCounterText, $font, $text_size, array(0,0,0));
    }

The page_text method works like this:

  page_text(float $x, float $y, string $text, string $font, float $size, array $color = array(0,0,0))
 
    ## Explanation: ##
    $x: Position from the top
    $y: Position from the left
    $size: Font-Size
    $color: an rgb-array -> array(R, G, B); (optional)

TalentRun startet heute

pex — Mon, 17 Dec 2007 11:24:31 +0000

Mein neuestes Projekt in Sachen Frontend Entwicklung für die Firma TalentRun GmbH in Hamburg neigt sich seinem Ende und ist heute als Beta für Freunde und Tester auf talentrun.de online gegangen.

Aktuelle Infos findet Ihr zum Beispiel im Videointerview mit Gruenderszene.de auf Sevenload oder in der letzten Pressemeldung der GEMA

Wer die Plattform testen möchte, kann sich natürlich gern melden und seine Freischaltung beschleunigen.
Anbei noch eine kleine Beschreibung der Grundidee der Karaoke-Plattform..

Singstar hat den Weg bereitet und nun können Karaoke-Begeisterte sogar kostenlos und ohne teure Hardware zum Sternchen werden. Das Portal www.TalentRun.de bietet seinen Usern in drei Hauptbereichen alles, was das Web 2.0-Herz begehrt.

Im Bereich „Singen & Aufnehmen“ sind der stimmlichen Kreativität keine Grenzen gesetzt. Für den User steht eine große Auswahl an bekannten Songs bereit. Einzig ein Mikrofon und Rhythmusgefühl benötigt das Talent, um den Text des Liedes abzulesen und zur Melodie seine Version des gewählten Liedes aufzunehmen. Die Flash-Applikation ist einfach und intuitiv zu bedienen und wird direkt im Browser abgespielt, ein Softwaredownload ist also nicht nötig. Damit auch eine professionelle Gesamtperformance entsteht kann sogar eine Webcam angeschlossen werden. Das eigene Musikvideo ist fertig.

Andere User können die Aufnahmen nun im Bereich „Anhören & Ansehen“ bewerten und auch kommentieren. Sie können sich als Fans outen oder auch selbst von anderen Usern zum Star gekürt werden. Damit entsteht ein Gemeinschaftsgefühl der ganz besonderen Art, schnell sind neue Freundschaften geschlossen, über die Grenzen des Wohnzimmers hinaus.

Wer wissen will, wie gut die gesangliche Leistung im Vergleich zu anderen ist, kann sich im Bereich „Contests und Duelle“ mit anderen Usern messen. Hier stehen bereits Contests bereit, an denen der User teilnehmen kann. Ihm steht allerdings auch frei, einen eigenen ins Leben zu rufen. In den privaten Contests steht die Anerkennung der Community im Vordergrund, es sind aber auch offizielle Contests geplant, bei denen die User einen Preis gewinnen können.
In den USA haben sich ähnliche Plattformen bereits durchgesetzt. Der Gedanke, seine Lieblingssongs alleine oder auf einer Party mit Freunden einmal selbst performen zu können und es dann online auch immer wieder zum Ansehen bereit zu haben ist ein sehr reizvoller. In Zeiten des Web 2.0, in der die Selbstdarstellung ein zentraler Bestandteil ist, erhält die Anerkennung der Community eine mindestens eben so große Bedeutung.