Customized many to many relationship with DataMapper

Snippet: Customized many to many relationship with DataMapper

Die Google Font API

Die Google Font API ist natürlich interessant aber ist sie wirklich eine feine Sache oder doch ein Irrweg?

Ein erster Test

mit einem Font(Tangerine) und damit ich das Blogger style-sheet nicht ändern muß, mit 'dem WebFont Loader' (javascript!):

Die Fonts enthalten alle Umlaute (äöü, ÄÖÜ) und das scharfe ß — Tangerine: äöü, ÄÖÜ und ß).

Auch Sonderzeichen wie • (bullet) oder € (Euro) — Tangerine: • (bullet) oder € (Euro) — funktionieren.

Test 2: weitere Zeichensätze

Cantarell: äöü, ÄÖÜ, ß, &bull, €
Droid sans: äöü, ÄÖÜ, ß, &bull, €
Josefin ..: äöü, ÄÖÜ, ß, &bull, €
Nobile: äöü, ÄÖÜ, ß, &bull, €
Reenie Beanie: äöü, ÄÖÜ, ß, &bull, €
Yanone Kaffeesatz: äöü, ÄÖÜ, ß, &bull, €

Klasse. Auch hier funktionieren alle Umlaute und die getesteten Sonderzeichen.

Weitere Eigenschaften

Unterstütze Browser (nach Dokumentation): aktuelle Browser wie Mozilla Firefox 3.5+ oder Microsoft Internet Explorer 6+.
Es gibt eine Fallbackstrategie für nicht unterstützte Browser: Der nächste Font in der css-font-Liste wird benutzt.
Zu Performance und Verfügbarkeit habe ich keine epliziten Tests. Mit dem 'WebFont Loader' ist das Umschalten der Fonts bei mir sichtbar aber flott (<1 Sekunde). Und Google ist in der Regel gut erreichbar, wenn man online ist. Damit sollten es die Fonts auch sein. Wer jetzt schon weitere Fonts braucht. Es gibt eine Alternative und Ergänzung: typekit. Allerdings habe ich keine Ahnung welche der Fonts dort alle im Deutschen Sprachraum üblichen Sonderzeichen enthalten. Das Laden der Fonts auf den Previewseiten von typepad empfinde ich subjektiv als langsam. Und schließlich ist der professionelle Einsaz von typepad kostenpflichtig. (Wobei ich die Preise fair finde.)

Ich bin erstmal beeindruckt

• Die API ist funktional
• Es gibt zwar erst wenige Fonts, aber das ändert sich hoffentlich bald und die Fonts sind hochwertig und vollständig
• Definitiv kein Irrweg, die Google Font API ist jetzt schon nützlich und einsetzbar

Ruby und andern Code formattiert auszugeben

Mit dem 'pre'-tag sind Einrückung und Darstellung ok ..

class Something

  def do_it_now(foo = '')
    puts foo + 'bar'
  end

end

.. aber Code-Highlighting ist noch schöner. Dazu erweitert man die Formatvorlage (Layout - HTML bearbeiten) und fügt einen javascript syntax-highlighter ein. Siehe http://heisencoder.net/2009/01/adding-syntax-highlighting-to-blogger.html. Werde das demnächst ausprobieren ..

Code Blocks in Ruby

rubybestpractices post "Code Blocks: Ruby's Swiss Army Knife"
Tolle Einfürung und Übersicht in was man so alles mit Codeblocks machen kann.
http://blog.rubybestpractices.com/posts/gregory/009-beautiful-blocks.html

Git Clients

Git clients sind (noch) rar und wirklich gefallen hat mir keiner.

SmartGit
http://www.syntevo.com/smartgit/index.html

• Getestet, für den Einstieg ok
• Merge Tool integriert
  
• free of charge for non-commercial purposes
• kein Handbuch oder Tutorial
  

Zur Bedienung:

• Dateien hinzufügen: stage
• Änderungen übergeben: commit
  

GitX
http://gitx.frim.nl/

•  angetestet, hat mir nicht gefallen
  

gitnub
http://wiki.github.com/Caged/gitnub/

•  nicht getestet
  

gity
http://macendeavor.com/gity/

• nicht getestet

Delegation in Ruby on Rails

Oft der einfachste Weg: AciveSupport, die Module#delegate extension
http://www.simonecarletti.com/blog/2009/12/inside-ruby-on-rails-delegate/ 

Standard: Die ruby-Bibliothek delegate.rb
http://ruby-doc.org/stdlib/libdoc/delegate/rdoc/index.html

Ein guter Einstieg: Jeff Deans Artikel
http://pivotallabs.com/users/jdean/blog/articles/1138-delegateclass-rocks-my-world

Noch eine Übersicht: railsmagazine Artikel "Delegation in Ruby"
http://railsmagazine.com/articles/4 or better
http://pdf.railsmagazine.com/rails-magazine-issue1.pdf (Seite 8 ff.)

Fundstellen in gems and libraries: Aproxacs Arikel
http://blog.aproxacs.com/2009/06/28/using-delegate-in-ruby/

Merge Tool

Nachdem ich von Aptana/Eclipse und SVN zu Textmate und Git gewechselt bin, hat mir ein visuelles merge tool gefehlt. Heute habe ich danach gegoogelt und einen ausfühlichen Artikel dazu gefunden.

http://gitguru.com/2009/02/22/integrating-git-with-a-visual-merge-tool/

Blogger online Editor als Web-Editor

Test

Überschriften: keine
Absätze: br-tags
Umlaute und Co.: äöü ÄÖÜ ß - kein encoding
Sonderzeichen: < > & - nur ampersand ncodet!!
Fonts: Arial Courier Times - span tags
Size: smallest small normal large largest - span tags
Formatierung: fett, kursiv
Punktliste:

• Punkt 1
• Punkt 2
• Punkt 3

Ergebnis:

Schon in diesem einfachen Test erzeugt der Editor fehlerhaft verschachtelte Span-Tags (hinter "largest").
Unbrauchbar!

Google-Documents als Web-Editor

Wieweit können meine Kunden Google Documents verwenden, um mir Texte für Webseiten zu liefern? Insbesondere interessiert mich, wie die Formatierung ankommt.

Test

So einen Absatz hätten wir schon mal. Jetzt noch die Umlaute äöü (klein) und ÄÖÜ (groß) und die wichtigsten Sonderzeichen <, > &. Dann Formatierungen wie fett, kursiv oder unterstrichen und das was häufig Ärger macht, fonts und font-size. Das ist Verdana (Standard), Georgia, Courier. Und das ist 8pt, 10pt (Standard), 12pt, 18pt.

Noch was, die Punktliste:

• Punkt 1
• Punkt 2
• Punkt 3

Rechtschreibprüfung funktioniert, "add to Dictionary" gibt es auch :-). Dazu muss nur die Sprache eingestellt werden. Final Check: Der Quelltext. AUAaaa.

• Umlaute etc. nicht encodiert
• besondere Sonderzeichen schon.
• fett, kursiv, .. mit span tag
• Alle Tags mit id! Naj - akzeptabel
• Bei der Rechtschreibkorrektur wird ein Zusatztext für falsch geschriebene Worte eingefügt. Den entfernt Google aber selbsttätig wieder. Also kein Problem hier.
• Alle Zeilenumbrüche werden weggelassen! Die Website ist ein Einzeiler. Dazu kommt ein Vorrspann und ein Abschluß von Google mit Styles usw..

Das war’s.

Ergebnis

• Der Quellcode ist akzeptabel, aber nicht schön.
  
• Man muss online sein.
• Publizieren auf wordpress Blog (Oli's Welt ) ging schief. Allerdings hat wordpress gerade ein Update hier sich. Wiederholen?
• Publizieren auf blogger.com (ONonSo). Klappt bei den manchen Vorlagen. Bei anderen nicht. Nacheditieren in der WYSIWYG-Ansicht hilft nicht.

Text in HTML zentrieren

http://www.bigbold.com/snippets/posts/show/2480 (meine Zfsg)
http://www.w3.org/Style/Examples/007/center.html (kurz und gut beschrieben)
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html (high end trickserei =>ohne tabelle auch in ie!)

Webseite mit GeoURL

GeoURL ist ein Ortsbasieres URL-Verzeichnis.
Eine Webseite ist schnell hinzugefügt, wenn man Zugriff auf den Quellcode der Seite hat.

http://textsnippets.com/posts/show/654
http://geourl.org/add.html

Google DE kann das Leo Wörterbuch aufrufen

Auf google.de (nicht ..com!) vor oder hinter dem Wort "en-de" bzw. "de-en" eingeben.
Das erste Suchegebnis ist ein Link zur passenden Seite bei dict.leo.org.

• Die Reihenfolge ist egal (wichtig ist: es muss die .de Seite sein)
• Bei manchen Worten klappt es nicht (habe ich nicht weiter geklärt)
  

P.S.: In der Googlebolbar kan man eine Übersetzung aktivieren.

1. In der toolbar rechts bei settings-options-features "Translator Menu" aktivieren, ggf. konfigurieren.
2. In der Toolbar ggf. "Translate"-"Enable Word Translator"
3. mouseover word_in_page => tooltip translation
   

Google kann rechnen

Auf google.com
200 * 1.16 -> 200 * 1.16 = 232
sqrt(-4) -> sqrt(-4) = 2 i

mehr unter http://www.google.com/intl/en/help/features.html#calculator

Google kann ganze "Sites" durchsuchen

Google hat eine domainweite Suche (site search). Mit ihr kann man beispielsweise code snippets bei http://snippets.dzone.com oder http://snippets.dzone.com/ suchen. Diese Funktion fehlt dort.

Auf google.de oder google.com

• search_term site:the_sites_url

Example

• gnuplot site:http://snippets.dzone.com

Ruby Snippet: Webseite(n) online?

ruby snippet: Einfacher Test ob Webseiten online sind.
Simple Test if Site is online (http://textsnippets.com/posts/show/623)

Ruby Snippet: Email senden

ruby snippet: Email senden. Mit Login beim Mailhost.
Send mail with :login (http://textsnippets.com/posts/show/625 )

Code Snippets

Die Idee Code-Snippets zu katalogisieren finde ich klasse. Ich habe neulich http://textsnippets.com entdeckt und gleich meine ersten Ruby-Codes eingebracht.

Jetzt stelle ich fest, dass das Original wohl http://www.bigbold.com/snippets/ ist. Hat einen etwas niedrigeren Pagerank (SEOs achten auf so was), dafür mehr Nutzer und ist (heute) mindestens ein Update weiter. Das zeigen die zusätzlichen Feateres: "Top Users" "Latest Comments", die es bei textsnippets.com noch nicht gibt.

Die Qualität des eingestellten Codes erscheint mir gleichwertig - ohne dass ich das jetzt genau recherchiert hätte. Ich habe mit auch auf bigbold.com einen Account geholt und werde die Entwicklung vergleichen. Ist aber nur eine Zwischenstand. Langfristig will ich meine wichtigen Snippets auf einer einzigen Plattform haben.

Update:
http://snipplr.com/ ist die professinellste Platform.

Meine Accounts:

• http://textsnippets.com/user/ovhaag
• http://www.bigbold.com/snippets/user/ovhaag

Css Snippet: reset Browser Styles

Bei jedem Design die ganzen Browserdefaultseinstellungen per css anzugleichen kostet Zeit. Heute habe ich ein css snippet gefunden, das die üblichen Defaults angleicht.

Reset Browser Styles (http://textsnippets.com/posts/show/630)