Referenz-Bücher für Coda One-Window Web Development

Wer einen Mac besitzt und etwas mit Webdesign oder Webdevelopment zu tun hat, der kennt Coda (ich hatte bereits hier über Coda berichtet). Die mitgelieferten HTML- und CSS-Referenzen lassen allerdings etwas zu wünschen übrig. Deshalb hier eine Liste mit Nachschlagewerken für verschiedene Anwendungen.

Die Bücher in Coda hinzuzufügen ist ganz einfach: Den Tab “Books” öffnen (”cmd”+”6″), auf das “+” klicken und folgende Daten eintragen. Eine ausführlichere Anleitung gibt es bei SitePoint, wo man auch gleich noch die ausgezeichneten SitePoint-HTML/CSS-Referenzen bekommt.

Weitere Referenzen und Nachschlagewerke für Coda hinzufügen

SitePoint CSS Referenz
Book Title: SitePoint CSS
Book URL: http://reference.sitepoint.com/css/
Cover
Use For Mode: CSS
Search URL: http://reference.sitepoint.com/css/*

SitePoint HTML Referenz
Book Title: SitePoint HTML
Book URL: http://reference.sitepoint.com/HTML/
Cover
Use For Mode: HTML
Search URL: http://reference.sitepoint.com/html/*

MySQL
Book Title: MySQL
Book URL: http://dev.mysql.com/doc/
Cover
Use For Mode: SQL
Search URL: http://search.mysql.com/search?q=*&ie=&lr=lang_en

PHP
Book Title: PHP Online
Book URL: http://php.net
Cover
Use For Mode: PHP-HTML
Search URL: http://us2.php.net/manual-lookup.php?pattern=*〈=en

jQuery
Book Title: jQuery
Book URL: http://docs.jquery.com/
Cover
Use For Mode: Javascript
Search URL: http://docs.jquery.com/Special:Search?ns0=1&search=*&go=Go

Wordpress
Book Title: Wordpress
Book URL: http://codex.wordpress.org/Main_Page
Cover
Use For Mode: PHP
Search URL: http://wordpress.org/search/*

Noch mehr Referenzen für Coda gibt’s im Originalartikel im blog von Dra Studio.

Userfly: Free Usability Testing für Deine Website

Usability Studien (Tests auf Benutzerfreundlichkeit) für die Website sind zeitaufwändig und teuer, man muss Personen aus dem Zielpublikum der Seite zu Sitzungen einladen, sie durch die betreffende Website surfen lassen, ihnen Fragebögen vorlegen, Interviews führen und benötigt kostenpflichtige Software… – nicht mehr!

Online Usability Studien kostenlos – UserFly

Mit UserFly reicht eine kleine Zeile Javascript im Header der Website, und schon wird die komplette Session des Besuchers aufgezeichnet. Wie lange bleibt er auf den einzelnen Seiten? Wohin bewegt er die Maus (und damit die Augen)? Wo klickt er? Welchen Text gibt er in evtl. vorhandene Formulare ein?

Userfly zeichnet alle Events, die ein Besucher auf einer Seite erzeugt, auf und spielt mir als Usability-Tester die komplette Session des Besuchers wieder ab, als würde ich ihm bei seinem Besuch meiner Seite über die Schulter schauen. So lässt sich das Verhalten der realen Website-Besucher analysieren und aufgrund der gesammelten Daten die Nutzbarkeit der Seite verbessern.

Einen eigenen Designer Weihnachtsbaum bauen

How to build your own Design Christmas Tree. So baut man einen Design Weihnachtsbaum

Was braucht man für den DIY-Design-Christbaum:

  1. Dachlatten (ca. 6m) aus Fichtenholz (oder anderem), Holzblock für den Standfuß des Baumes
  2. Rundholzstab (Durchmesser 10mm, Länge ca.1m)
  3. Säge, Bohrmaschine (mit 10mm-Bohrer), Holzklebstoff, Beize (Nussbaum dunkel), Lasurpinsel
  4. optional Weihnachtsgebäck und Glühwein

Materialien für den Design-Weihnachtsbaum

1. Sägen

Die Dachlatten auf die richtige Länge zusägen.Je nach gewünschter Höhe bis zu 16 längere Stücke (für die “Äste”) zusägen, vielleicht bei einer Länge von 68cm beginnen und das folgende Stück je 4cm kürzer machen als das vorige – das ergibt einen ganz schönen Winkel für die Äste. Dann ebenfalls 16 oder mehr Zwischenstücke mit quadratischer Fläche zurechtsägen, die dann später die vertikalen Abstandhalter zwischen den Ästen bilden.Materialien für den Design-Weihnachtsbaum

2. Standfuß

Einen Fuß aus einem schwereren Block Holz oder zwei überkreuzten Holzstücken sägen und kleben. 10mm Loch für das Rundholz nicht vergessen.

3. Bohren

Mit einem 10mm-Bohrer jeweils in der Mitte der einzelnen Stücke ein Loch bohren. Wahlweise an den äußeren Ende einiger Äste (vielleicht an jedem dritten) mit einem 13mm-Bohrer Vertiefungen (keine Löcher! nicht durchbohren!) für Christbaumkerzen bohren.
Materialien für den Design-Weihnachtsbaum

4. Schleifen

Die einzelnen Holzstücke mit feinem Schleifpapier oder der geeigneten Schleifmaschine glatt schleifen. Entstauben.

5. Glühwein

Bis hierher sind wahrscheinlich schon ein paar Stunden, vor allem wenn man nur eine Handsäge besitzt. Ab jetzt viel Glühwein trinken, so hält man besser durch…
Materialien für den Design-Weihnachtsbaum

6. Beizen

Holzstücke beizen, je nach Geschmack mit dunkler oder hellerer Farbe. Ich habe eine Beize für “Nussbaum dunkel” verwendet. Trocknen lassen.
Holz beizen

7. Aufbauen

Zusammenstecken, Kerzen rein, anzünden und – fertig!

Designer Weihnachtsbaum Design Weihnachtsbaum aus Holz

…so hat man mit ein paar Stunden gemütlicher Arbeit einen tollen Weihnachtsbaum für unter 20 €. Gibts übrigens auch fertig, wenn man einen “echten” Design Weihnachtsbaum (von Raumgestalt) für 165€ will.

Die hundert erfolgreichsten Web 2.0 Startups

…jede Woche neu ermittelt von Yeebase:

Top 100 in Web 2.0 Startups

Platz 1: Mister Wong
Platz 2: Webnews
Platz 3: Qype

Wer eine Liste aller Startups im Bereich des Web 2.0 möchte, hier:
Produkte und Dienstleistungen im Web 2.0 Umfeld

Web Desktops oder: Online Betriebssysteme

Vielleicht ist das die  Zukunft:

Der komplette Arbeitsplatz im Browserfenster. Die eigenen Anwendungen, Programme und Daten von überall aus verwenden können. Die einzige auf dem lokalen Rechner benötigte Software ist ein Webbrowser wie Internet Explorer, Firefox oder Opera. Alles andere läuft online: Textverarbeitung, Präsentationen, Dateimanager und sogar Spiele. Speicherplatz und Rechenkapazität werden ausgelagert. Man braucht selbst nur noch minimale Rechenleistung…

Web Desktops oder Online Desktops gibt es bereits einige.
Richtig gut sieht das Online Operating System OOS von iCube aus. Man hat tatsächlich das Gefühl, auf einem ganz normalen Rechner zu arbeiten, statt in einem Browserfenster.

Ein weiteres Open Source Projekt in dieser Richtung ist eyeOS, das ebenfalls sehr gut aussieht und das man sogar auf dem eigenen Server installieren kann (falls man einen hat).

Sehr gut entwickelt sieht auch der myGoya Online Desktop von Magix aus, bei dem einige Dienste allerings Geld kosten.

Schon länger dabei, allerdings (m.E.) eher unausgereift und zu langsam, ist Nivio, bei dem man zumindest 1GB Speicherplatz kostenlos bekommt.

Twittvent – der Twitter Adventskalender

Jeder (?) kennt Twitter – das Web 2.0, Microblogging, Social Networking Tool. Kann man an sich schon einfach nur empfehlen, wenn es darum geht, im eigenen Bereich Kontakte zu knüpfen, sei das nun Webdesign, Silberschmiede oder Literaturwissenschaft ;-)

…und für Weihnachtsmuffel (wie mich) gibts jetzt den virtuellen Adventskalender mit virtuellen Türchen, die aber dennoch ganz reale Geschenke versprechen: @adventskalender auf Twitter oder direkt als Adventskalender-Blog hier. Einfach Türchen öffnen mit Direct Message an “@adventskalender open 5″ für den 5. Dezember zum Beispiel, und schon nimmt man an der Verlosung der tollen Geschenke teil, die Martin Rothenberger und Peter Willert über ihre Sponsoren für Twittvent organisiert haben.

Frohe Adventszeit ;-)
Matt

Dashboard Meditationstimer Widget

…statt Eieruhr auf dem Boden, die einen unsanft aus der (im besten Fall) tiefen Versenkung holt. Oder statt überflüssig übertrieben teurer Meditationstimer aus dem Meditationsfachhandel…:

Meditation Timer Widget für das Mac Dashboard

Meditationstimer

Man gibt die gewünschte Zeit ein, die man “sitzen” möchte. Das war’s.Bei Sitzungsbeginn und Ende ertönt ein sanfter Gong, wie man das aus Retreats und ähnlichem kennt. Sonst muss man sich um nichts kümmern. Mann kann sogar eine Verzögerung für den Beginn der Sitzung einstellen, damit man es sich in dieser Zeit auf seinem Kissen bequem machen kann.

Systemvoraussetzungen: Mac OS 10.4+

Download Meditation Timer Widget hier.

Google Calendar unterstützt jetzt Apple iCal

Termine und Kalender offline und online getrennt verwalten oder mühsam von Hand synchronisieren?

Diese Zeit ist jetzt auch für glückliche Mac-Nutzer vorbei. Google kündigte gestern den Support von Google Calendar für den Apple-Kalender iCal an. Mit einem kleinen Software-Tool namens Calaboration kann man ab sofort sein iCal ganz einfach auf Knopfdruck mit dem Online-Kalender von Google synchronisieren.

Und tschüss, Outlook, sag ich da nur…

Lightbox, ThickBox, FancyBox etc. – Online Bildergalerien im neuen Look

Moderne Bildergalerien: Lightbox, ThickBox, FancyBox, prettyPhoto

Out ist:

  • Bilder in Popup-Fenstern öffnen
  • Bilder in neuem Browserfenster öffnen
  • Ganze HTML-Seiten für je ein Bild verschwenden

In sind:

  • Stylische Fenster mit Schlagschatten und Verdunklung der Umgebung
  • Automatische Größenanpassung an das Browserfenster
  • Komfortable Navigation innerhalb der Galerie. Das können:
  • Javascript-Galerien die auf Bibliotheken wie Prototype und jQuery aufbauen

Lightbox

Angefangen hat es mit Lokesh Dhakar’s Lightbox bereits 2005. 2007 folgte dann die weiterentwickelte Lightbox 2, die schon einiges mehr kann und deren Fenster sich animiert an die Größe des Bildes anpassen. Das freie Script von Lokhesh Dhakar verbreitete sich rasend schnell im Netz und wo man auf einer (gut gemachten) Website Bilder anschauen konnte, da sah man durch die Lightbox. Lightbox benutzt ein Javascript Framework namens Prototype, das ebenfalls frei verfügbar ist. Mittlerweile gibt es unzählige Clones von Lightbox im Web, unter anderem auch adaptiert auf die zur Zeit populärere Javascript-Bibliothek jQuery (z.B. das jQuery lightBox plugin).

ThickBox

Dann kam die Thickbox (mittlerweile Version 3.1), die von der Animation her etwas weniger zu bieten hatte – mit dem Vorteil, schnell am Bild zu sein, das man anschauen will. Sieht zwar super aus, wenn das Fenster erst langsam in die Größe des Bildes morpht, dauert aber lang. Ein weiterer ganz großer – fast unschlagbarer – Vorteil der Thickbox: Man kann nicht nur Bilder, sondern nahezu alle beliebigen Inhalte anzeigen, Galerien, Inline Content im iFrame und sogar Ajax Content.

prettyPhoto

Wem das alles gefällt, dem sei prettyPhoto ans Herz gelegt. Hier wurde mit jQuery ein Lightbox-Klon geschaffen, der wirklich einiges kann. Sieht richtig gut aus und kann: Einzelne Bilder, ganze Galerien, Kommentarboxen, Popups, Checkboxes oder Ajax Content. Donnerwetter – fett!

FancyBox

…und wer jetzt noch das alles – also Bilder, Galerien oder iFrame Content – ästhetisch animiert und funktional perfekt im tollen Mac-like Look braucht, für den gibt es die absolute Top-Empfehlung, was Bildergalerien auf dem neuesten Stand der Technik und des Designs betrifft. Auf jQuery basierend, alle Lightbox Clones toppend, wirklich fresh: FancyBox

jQuery.popeye

Ein weiteres, auf jQuery basiertes, Bilderviewer-/Gallery-Tool ist jQuery.popeye, das Bilder anzeigt, die sich als Inline Content auf der Seite befinden. So ist es zum einen besonders gut geeignet für Single Page Sites und zum anderen werden die Bilder auf jeden Fall auch angezeigt, wenn JavaScript und CSS abgeschaltet sind (Accessibility!).

Smooth Gallery

Wer wirklich nur eine Bildergalerie braucht, bei der er aber viele Möglichkeiten haben möchte, dem sei JonDesign’s, mit dem Mootools Framework arbeitende, Smooth Gallery empfohlen.

Wie man in sozialen Netzwerken Aufmerksamkeit gewinnt

Mathematisches Modell entschlüsselt Youtube-Nutzung (aus ETH Life)

Weshalb werden einzelne Videos auf YouTube millionenfach gestreamt, während ein Großteil der Beiträge nur einzelne Zuschauer findet? Eine neue Studie zeigt, dass die wachsende Aufmerksamkeit in sozialen Systemen wie der YouTube-Gemeinschaft nach bestimmten, wiederkehrenden Mustern verläuft. Mit mathematischen Modellen können diese beschrieben werden.

Wie erklärt sich das soziale Verhalten namens “Herding”auf Plattformen wie Youtube? Wie beeinflussen nichtlineare Prozesse den Vorgang der Verbreitung von Inhalten?

Wodurch zeichnen sich Inhalte mit “viraler” Verbreitung aus, die nicht nur für kurze Zeit höchst populär sind und dann von der Bildfläche verschwinden, sondern sich epidemieartig über weite soziale Netzwerke ausbreiten? So zum Beispiel über Empfehlungen per E-Mail und vor allem die Zitierpraxis in Blogs.

Und  wie lässt sich dieses Wissen nutzen, um eigene Inhalte möglichst weit, schnell und möglichst effizient zu verbreitern?

(via @ValetarAlexander Valet Computational Linguistics)