Der wohl simpelste Weg an diese Spung-URL zu kommen, liegt im YouTube-Film selbst. Schaut man sich diesen bis zur gewünschten Stelle an und hält dort mit dem Pausen-Button mal an, dann kann man über dem eigentlichen Film die rechte Maustaste drücken und erhält dann im s.g. Kontextmenü eine Auswahl mit der Bezeichnung: „Video-URL an dieser Stelle kopieren„, was dann (nach links-Klick mit der Maus auf diesen Menüpunkt) dazu führt, dass Sie die Adresse des Films, samt Zeitspungmarke in der Zwischenablage ihres Rechners haben und nun mit STRG- & V (bei Apple mit ALT- und V) in die Browserzeile, eine eMail, einen Tweet, oder sonst wo einkopieren können.

Wer das gleich mal ausprobieren mag, dem rate ich zur Satire-Sendung „Grünwald Freitagscomedy“ im „Sommer Spezial 2011″ vom 25.August und dort ab 20 Minuten und 30 Sekunden nur mal in den Dialog mit der Kioskverkäuferin Frau Grammel zu hören – ein tolles Beispiel zum rein hören

YouTube bietet 'Jump-In Funktion'

YouTube bietet noch eine ganze Menge andere Parameter und wie man diese selber zusammenstellen kann, wird z.B. bei computer-tipps.eu erklärt. Auch recht lesenswert zum Thema YT-Links und für „Vielnutzer“ nützlich: Dr.Webs Artikel

Based on an idea of this article – with thx to these work: A way to link to a specific part of a youtube video.

add_editor_style();

dann legen wir (ebenfalls im eigenen Template-Pfad) eine neue Datei mit dem Namen editor-style.css an. In diese noch leere CSS tragen wir dann die Basis-Werte ein, wobei ich hier erst mal eine Artikel-Breite von 640 px unterstelle, die aber jeder noch auf seinen Wert anpassen muss:

html .mceContentBody {
    max-width:640px;
}
* {
    font-family: Georgia, "Bitstream Charter", serif;
    color: #444;
    line-height: 1.5;
}
/* Text elements */
ul {
    list-style: square;
    margin: 0 0 18px -18px;
}
ol {
    list-style: decimal;
    margin: 0 0 18px -18px;
}
strong {
    font-weight: bold;
    color: #000;
}
cite, em, i {
    font-style: italic;
    border:none;
}
big {
    font-size: 131.25%;
}
blockquote {
    font-style: italic;
    padding: 0 3em;
    margin-left: 0;
    margin-right: 0;
}

a:link {
    color:#0066CC;
}
a:visited {
    color:#743399;
}
a:active,
a:hover {
    color: #FF4B33;
}

Sinnigerweise sollte nun in diesen Standard-Vorschlägen die Werte eures eigenen Templates übernommen werden, die man wiederum im gleichen Pfad wie die functions.php findet und dort styles.css heißt – zumindest in den Norm-Konformen Templates.

In dieser styles.css kann man nun erforschen welche Besonderheiten gelten und sich diese in die eigens angelgte editor-style.css holen. Soweit zum Basis-Tipp, wie ich ihn im Blog »deluxeblogtips.com« des Freelancers und Webdesigners Tran Ngoc Tuan Anh aus Vietnam gefunden habe und dort im Artikel »Change Editor Style In WordPress 3.0 – Deluxe Blog Tips« nachzulesen ist (auch in englischer Sprache).

Als kleine Besonderheit kann es ja nun dazu kommen, dass Ihr Template (oder einzelne Passagen darin) mit den s.g. Webfonts arbeitet. Wer also z.B. mit den Webfonts der Google-Webfont-API arbeitet, der muss nochmals in die functions.php und dort folgende Zeilen anhängen:

add_action( 'hybrid_head', 'my_styles' );
function my_styles() {
wp_enqueue_style( 'google_font_directory', 'http://fonts.googleapis.com/css?family=Reenie+Beanie', false, false, 'screen' );
}

Wie beispielsweise (unter anderem) von Graig (User-Nick)  im Blog der themehybrid.com (Quellenangabe) auf eine ähnliche Frage (und schon wieder in englisch beantwortet.

Das hier noch weit mehr möglich ist, kann man beispielsweise auch im Blog „Darmstädter Filtrat“ auf karrock.de/daf nachlesen, wo der Autor „uk“ unter zur Hilfenahme der Erweiterung TinyMCE Advanced erklärt, wie man damit die Styles erweitern kann. Allerdings ist sein Lösungsansatz mit einem kleinen Schönheitsfehler versehen und würde beim ersten Update dieses Plugins möglicherweise wieder verloren gehen.

In dessen Beitrag wird nahe gelegt, dass man in die Datei wp-content\plugins\tinymce-advanced\css\tadv-mce.css seine CSS-Anpassungen schreiben könne, die aber im Fall eins Updates durchaus überschrieben werden könnte – aber das müsste ich mir selber erst noch Mal genauer anschauen und sei nur „am Rande“ und „sicherheitshalber“ erwähnt.

Screenshot von Jeremy Keeshin, wie man den Link als Bookmarklet einfügt.

Facebook ins Freundes-Ranking geschaut

Der Amerikaner „Jeremy Keeshin“ (Bloggbetreiber, Webdesigner und JavaScript-Profi) hat sich diese Facebook-Suche einmal genauer angeschaut und dabei ganz erstaunliches entdeckt. Wie Jeremy bereits Mitte August in seinem Blogg zeigte, machte er nämlich eine ganz erstaunliche Entdeckung, während er versuchte, der Autovervollständigung und Schnelligkeit dieser Facebook-Suche auf die Spur zu kommen.

Demnach kann der angemeldete Facebook-Benutzer nämlich in dieses ganz persönliche „Ranking“ einsehen und sich sogar in einer finalen Liste anzeigen lassen, wer hier von Facebook wie hoch in seiner ganz persönlichen Connectivity verbunden ist.

Für all diejenigen, die der englischen Sprache nicht sooo mächtig sind, sei es hier kurz zusammen gefasst. Mister Keeshin hat sich nämlich aus dieser Entdeckung ein kleines gefrickelt, mit dem nun ein jeder bei Facebook angemeldeten Benutzer sich auch dieses „Freunde-Ranking“ anzeigen lassen kann.

• Geht auf seinen Blogg-Artikel | thekeesh.com,
• zieht euch dort einfach mal den Link unter dem einzeln stehenden „Facebook-Friends“ Link auf eure Favoritenleiste (unterhalb der Browser-URL-Eingabezeile, wie in obigem Screenshot gezeigt),
• wechselt danach zu facebook.com (im angemeldeten Zustand) und
• klickt von dort aus (also erst auf der Facebook-Seite) dann auf das „so hergestellte“ Bookmarklet aus eurer Favoritenleiste – und…
• das Ergebnis zeigt in der Regel verwunderte Blicke, denn du siehst schon nach kurzer Zeit:
  SO sieht Facebook das Ranking zwischen dir und deinen Kontakten:

Erstaunlich, oder?!

Wer Probleme hat sich sein Bookmarklet in die Favoriten zu ziehen, dem noch schnell eine weitere Möglichkeit. Kopiert euch erst mal den folgenden JavaScript-Code in die Zwischenablage (markieren und mit STRG- & C- Taste in die Zwischenablage), wechselt dann zu facebook.com, dann anmelden und danach den Code mit STRG- & V- Taste in die Adresszeile kopieren und mit Enter/Return ausführen lassen – et voila:

javascript:(function(){var%20script=document.createElement(‘script’);script.type=’text/javascript’;script.src=’http://thekeesh.com/js/edges.js’;document.getElementsByTagName(‘body’)[0].appendChild(script);}())

Quelle/Origin:
Who Does Facebook Think You Are Searching For? | thekeesh.com.

Screenshot "Ralf Wortmann" auf Google+"

Es war in den frühen Morgenstunden, also richtig früh, so gegen 3.15 Uhr oder so, als ich an meinem iPad durch die virtuellen Welten der „SoMe“ streunte und wieder mal über einen „Runing Gag“ stolperte, wie er mir in den letzten Tagen schon häufiger begegnete. So las ich einem GooglePlus Beitrag von Ralf Wortmann:

„Mutti, wieso weint der Mann?“
„Das ist ein Social Media-Berater und sein iPhone-Akku ist leer, jetzt guck woanders hin.“
(gefunden auf twitter bei @mykke_)

Sofort fiel mir dazu etwas ein und zwar so deutlich, so markant präsent – ja, im Kopf schon fix und fertig, darauf wartend, dass es nur noch festgehalten und niedergeschrieben werden sollte

… und ich nenne es mal …

Moderne Nachtgedanken

… und als ich weinte, weil mein Akku leer war, da sah ich einen Mensch, der hatte nicht mal ein iPhone ))

… und während ich über das Unglück dieses Menschen sinnierte, bemerkte ich, dass dieser Mensch lachte und sich »doch« seines Lebens freute.

• Keinen teurer Vertrag und er wurde »doch« gehört!
• Keine hohen monatlichen Rate und er hatte »doch« ein Geld in seiner Tasche!
• Kein Facebook-Konto und er kannte »doch« die Anzahl seiner Freunde!
• Kein Twitter-Konto und er wusste »doch«, dass man seinem Rat folgte!
• Kein Google+ Account und er war sich »doch« gewiss, dass sein handeln Kreise zog!
• Kein Avatar, nur sein reines, wahres, echtes Gesicht und er wusste »trotzdem«, dass es Menschen gibt, die sich freuen dies zu sehen!
• Kein Profil, gefüllt mit der Zitat-Weisheit eines Anderen! Nur die eigene, erlebte Weisheit seines Lebens – »doch« DIE dafür »verstanden«!
• Keinen Blogg und seine Kunden wussten »dennoch«, dass er was auf dem Kasten hat und Fachmann seines Gebietes ist!
• Kein Flickr-Konto, denn er verschenkte noch »echte« Blumen und erfreute »sich selbst« an ihrer Pracht und den Geruch!
• … und als mir schlagartig auffiel, »wie« ausgeschlafen, ja, geradezu »unnatürlich« wach, fit und ausgeglichen dieser Mann doch wirkte, da plötzlich, weckte mich ein Benachrichtigungston von meinem iPad – es weckte mich auf, weil »ein Facebook „Freund“« auf den gestrigen Blumenstrauß-Upload geantwortet hatte.Und noch während meine schlaftrunkenen Gedanken diesen Traum von der Realität trennen mussten, wurde mir langsam klar, dass dieser »abstruse«, verwunderliche Mensch »doch« nur »ein Traum« war und in mir keimte eine zunehmend lautere Frage:Ob das wohl »die Albträume der Zukunft« sind,
  oder werden es gar „die Träume der Menschen von Morgen„- Nachts um 2:38 Uhr?!

Mit diesen Gedanken und in diesem Sinne, wünsche ich dem geneigten Leser einen GANZ WUNDERvollen Tag!

»Wo« und »wie« auch immer ihr seid

Praktisch, sinnvoll und eigentlich längst überfällig, hat dieser Dienst aber auch noch den ein, oder anderen Mangel. Unter anderem, dass gleich einige Informationen dazu (derzeit noch) nur in englischer Sprache vorhanden sind. Hier also eine kleine Übersetzung der original Apple-Seite, die dem Anwender erklärt, wie man seine neue iCloud einrichtet und anpassen sollte:

Hat das Gerät iOS 5?!

Um auf iOS 5 zu erneuern, verbinden Sie Ihr Gerät mit ihrem mac, oder PC und folgen den „am Bildschirm“ stehenden Anweisungen in iTunes (benötigt iTunes 10.5.) Learn more about iOS 5
(beide Links in deutsch)

iCloud Einstellungen

Wenn Sie ein neues iOS Gerät benutzen, oder durch ein Update auf iOS5 kommen, folgen Sie den „auf dem Bildschirm“ stehenden Anweisungen ihres Gerätes und stellen Sie die iCloud* ein. Wenn Sie den Prozess abgebrochen haben, oder die Einstellungen ihrer iCloud verändert haben, tippen Sie auf „Einstellungen“ auf dem „Home-Bildschim“ (ihres iDevice) und wählen dort dann iCloud. Nicht sicher, welche Apple-ID Sie benutzen?
Learn more

Personalisiere deine Einstellungen

Tippen Sie auf das Einstellungs-Icon und wählen Sie dann die iCould App aus. Tippen Sie auf An/Aus
(On/Off)
und schalten Sie den iCloud-Service an, inklusive des Foto-Stream, Dokumente, Finde mein iPhone und weitere. Um das BackAp verfügbar zu machen, tippen Sie auf „Sichern und BackUp“
(„Storage and BackUP“)
und wählen dann die „iCloud Sicherung“ (
„iCloud BackUp“
).

Aktiviere automatische Downloads

Um die automatischen Downloads ihrer Musik, Apps und Bücher zu aktivieren, tippen Sie am Start-Bildschirm bei den Einstellungen auf das Icon und wählen den „Store“ aus. Das englischsprachige Original zu diesem Apple-Artikel finden Sie unter
Apple – iCloud – Learn how to set up iCloud on all your devices.

Weitere Adressen zum Thema

Ein spannendes Thema, auf dass sich viele gefreut haben. Wer also nun tiefer einsteigen und sich einlesen will, dem seien die folgenden, weiteren, deutschsprachigen Informationen zum iOS5 empfohlen – und zwar unter anderem diese hier:

• iPod Touch Benutzerhandbuch für iOS 5 als PDF
  http://manuals.info.apple.com/de_DE/ipod_touch_benutzerhandbuch.pdf
  —
• iPhone Benutzerhand für iOS 5 als PDF
  http://manuals.info.apple.com/de_DE/iphone_benutzerhandbuch.pdf
  —
• iPad Benutzerhand für iOS 5 als PDF
  http://manuals.info.apple.com/de_DE/ipad_benutzerhandbuch.pdf
  —
• iPad 2 Benutzerhandbuch bis iOS 4.3 als PDF
  http://manuals.info.apple.com/de_DE/ipad2_benutzerhandbuch.pdf
  —
• iCloud Online Hilfe in Deutsch
  http://help.apple.com/icloud/index.html?lang=de
  —
• Systemsteuerung iCloud für Windows als Programm
  http://support.apple.com/kb/DL1455?viewlocale=de_DE
  —
• iCload als Service-Seite im Browser/Web
  http://www.icloud.com
  —
• Finde mein iPad, iPhone, oder iPod Touch – mega praktisch!
  https://www.icloud.com/#find
  —
• Apple iOS5 – die neuen Features (in deutscher Sprache)
  http://www.apple.com/de/ios/features.html
  —
• Apples iOS 5 und das Zusammenspiel am iPhone 4deutscher Bericht, der die Neuerungen multimedial auf den Punkt bringt
  http://www.areadvd.de/hardware/2011/apple_iOS5.shtml
  —
• iOS 5 – Klingeltöne und Anrufmuster für Telefon und SMS (in deutsch)
  http://www.giga.de/benm/2011/10/14/ios-5-klingeltone-und-vibrationsmuster-fur-anrufe-und-sms
  —
• iOS 5 im Test: Aufholjagd auf Android
  (deutscher Beitrag der punktuell zusammen fasst)
  http://futurezone.at/produkte/5429-ios-5-im-test-aufholjagd-auf-android.php
  —

In diesem Sinne: VIEL SPASS mit diesen Neuerungen und beim Entdecken
—

Tja, was soll man noch sagen?! So ist das nun mal. Anmerken möchte ich hingegen doch noch eine Kleinigkeit: Dieser Beitrag befasst sich nicht im Geringsten mit der Frage, ob diese Auskunftsdienste überhaupt noch nötig, gerechtfertigt, oder überteuert seien. Auch die Anmerkung, dass es günstigere Varianten gibt, als die alt hergebrachte und gewohnte Auskunft der deutschen Telekom bleibt davon unberührt. Hier sitzen Menschen, die einem ehrlichen Beruf nachgehen und in der Masse ihrer Zahl auch sicherlich zum überwiegenden Teil hoch motiviert sind dem Suchenden eine Lösung zu bieten – ihr Geld also mit Fug und Recht verdienen. Dies alles bleibt hiervon einfach unberührt und wird zu keinem Zeitpunkt Thema des Beitrags.

Ein Tipp zum Schluss:

Die wenigsten Benutzer dieser Onlinedienste, kennen deren Leistungsumfang. Bei fast allen Online-Auskünften werden s. g. „digitale Visitenkarten“ zum Download angeboten. Haben Sie ihren gesuchten Partner gefunden und auf dessen Namen geklickt um dessen vollständigen Angaben zu sehen, werden in den meisten Fällen Links wie „Visitenkarte„, „ins Adressbuch“ oder „Speichern unter“ angeboten. All diese Links bieten dann eine Datei mit der Endung .vcf zum download an. Diese können Sie laden und mit einem Doppelklick öffnen, was dann in der Regel dazu führt, dass ihr Standard- Adress-/Kontakt-Programm geöffnet wird und in einem neuen Kontaktfenster alle Angaben des gesuchten schon vorgegeben werden. Das ist immer dann besonders praktisch, wenn Sie auch ihre Computerdaten mit dem eigenen Handy synchron halten und so nicht nur direkt aus den Auskunftsdiensten den vollständigen Kontakt auf ihren PC übernehmen können, sondern dann auch bis zum Handy übermittelt und unterwegs bei sich haben könnten – ohne ein Mal etwas abschreiben zu müssen – sehr praktisch, wie ich meinen möchte!

liebe Freunde einer raschen und effizienten Nutzung von Computern und Internet …

heute möchte ich euch einen tollen Tipp zum schnelleren und effizienteren Nutzen des Internets und seiner Suchmöglichkeiten zeigen. Wie der User1220 aus dem Video-Portal metacafe.com in seinem Video zum Firefox Tip 1 – Video. vorstellt, kann man fast sämtliche Suchfunktionen aus dem Internet mit einem Schlüsselwort verknüpfen und damit eine rasche Schnellsuche einrichten.

Wäre es nicht superpraktisch, wenn man in seinem Firefox-Browser, direkt in der Adressezeile ein „ö Mustermann Claudia, Berlin“ eingeben könnte und dann direkt aus dem Internetangebot von „Das Örtliche“ (dem offiziellen, bundesdeutschem Telefonbuch der DeTeMedien AG) eine Liste aller „Mustermann Claudia“ aus dem Telefonbuch „Berlin“ angezeigt bekäme?

Das geht (hier, im Beispiel des Firefox-Browsers ab Version 2.x und höher) und zwar so:

Schnellsuche via Schlüsselwort im Firefox

Wie also im Video ganz einfach zu erkennen, geht das mit der Bookmark-Funktion von Firefox (ähnliches ist übrigens auch im Internet-Explorer, Google Chrome und bei Opera möglich) und einem s.g. Schlüsselwort. Damit Sie nun aber auch wirklich das Suchfeld erfassen und nicht aus Versehen direkt eine Adresse, bedient man sich der (unter Windows immer wichtigen) Kontextmenü-Funktionen. Also in einer beliebigen Webseite, die ein eigenes Suchfeld anbietet, einmal in das Suchfeld klicken, dann über diesem Suchfeld die rechte Maustaste drücken, um das Kontextmenü zu öffnen und dort dann nur noch auf „Ein Schlüsselwort für diese Suche“ anklicken – et voila.

Wer sich da gerne eine Liste der nützlichsten Such-Links zusammenstellen möchte, dem empfehle ich die folgenden Adress- und Buchstaben-Kombinationen aus meiner eigenen, langjährifen Sammlung anzulegen:

• G für google.de
• leo für leo.org
• B für bing.de
• YT für YouTube.de
• W für Wikipedia.de
• e für eBay.de
• GT für Google-Desktop
• ö für dasÖrtliche.de
• a für amazon.de
• pt für einen PressThis-Link in meinem Blogg
• FB für Facebook.de
• t für Twitter.com
• tv für mein Fernsehprogramm bei tvtv.de
  übrigens auch ein toller Favorit für das abendliche Fernsehprogramm

Das HTML 5 Handbuch - Stefan Münz/Clemens Gull

»HTML5 Handbuch«, so der ebenso schlichte, wie aber auch alles sagende Titel eines Buches, dass ich euch heute mal ans Herz legen möchte und so simpel der Titel zunächst auch klingen mag, so wenig mehr bräuchte es an Aussagekraft, als ein bei einem »Lexikon«, oder »Duden« und darf sich dabei durchaus mit solchen großen Bezeichnungen messen lassen.

Das im »FRANZIS«-Verlag erschienene Standard-Werk für die neuerliche 5te Auflage der Seitenbeschreibungssprache HTML, lässt sich in der Tat durchaus mit diesen großen Standard-Werken vergleichen und wurde von niemand geringerem geschrieben als den Herren »Stefan Münz« und »Clemens Gull«, wobei die Namen der Verfasser selbst auch schon wieder ein Gütesiegel für sich selbst versprechen.

Ein »Stefan Münz« sollte wohl den meisten Webseitengestalter als Gründer der beliebten Online-HTML -Informationssammlung selfHTML.org ein Begriff sein und hätte sich durchaus den Titel »deutscher HTML-Papst« (…und zwar mehr als nur „redlich“…) verdient und wenn man schon bei einer Respekt bekundenden  Titelvergabe angekommen ist, dann hätte sich der zweite Autorenname »Clemens Gull« in diesem Zusammenhang zumindest mal als „Bischof“, oder auch durchaus höher die höheren Ränge vollauf verdient.

Herr Gull thematisiert in seinem Blogg http://www.guru-20.info  nun schon seit 2007 die Aspekte von HTML 5 und dürfte als Dozent der FH Salzburg (im schönen Österreich) unter den Internet-Gestaltungsprofis längst ein stehender Begriff sein. Die Beiträge in  seinem v. g. Blog haben sicherlich schon viele von uns inspiriert und auch vielen Suchenden die ersehnten Lösungen gebracht, wie ein reger Kommentarbereich unter »guru-20« durchaus belegt.

Screenshot der Verlagswebsite "know-how-is-blau" unter codeandgraphic.de

Beide Autorennamen, zusammen mit dem herausgebendem FRANZIS-Verlag scheinen wieder und abermals zu belegen, dass hier nur Gutes bei herauskommen konnte. Der Münchner Fachverlag (ansässig in München-Haar), als herausgebender Verlag dieses alles erklärenden »HTML5 Handbuch‘es «  dürfte wohl in so ziemlich jeder Sammlung von Webdesignern und „-programmierern“ mindestens 2 bis 3 mal vertreten sein und zeichnet mit seinem Slogan »Know how ist blau« sich längst als „diktierender Farbengeber“ meiner persönlichen Bücherwand im heimischen Büro aus. Neben diesem Werk für die Projektrealisierung in HTML5, ist der Verlag auch eine ganz hervorragende Informationsquelle für die Gestaltung, Nutzung und den Betrieb von »Joomla!«, »WordPress«, »Typo3« und »Drupal« – um hier nur mal einige zu nennen.

Seit dem ich (vor ca. 3 Wochen) das bestellte »HTML5 Handbuch« an unsere Haustür gebracht bekommen habe, liegt es in der Tat als (m)ein Standard-Nachschlagewerk auf meinem Schreibtisch und es vergeht kaum ein Tag, an dem ich nicht danach gegriffen und sofort fündig geworden wäre.

Kommen wir damit zum Inhalt des Buches und damit auch zu einem ersten Beleg dass es sich in der Tat auch für Sie als wertvoll erweisen könnte. Die Gliederung und damit den Vorzug eines wirklich übersichtlichen Standardwerkes, würde ich einem Stefan Münz zuschreiben und in seiner langjährigen Erfahrung eines homogen gewachsenen Nachschlagewerkes, wie der von ihm gegründeten SelfHTML.org zuordnen, bei der die eingebrachte Erfahrung rasch wiedererkennbar scheint und eine gute und vollständige Gliederung bei solchem Fachbüchern doch schon mal die halbe Miete ausmachen.

Hier wird von einem kurzem „zum vorliegenden Buch“ über die einzelnen Punkte wie „HTML-Dokumente und Kopfdaten“, bis hin zur „Tabellengestaltung“, „HTML und Scripting“, über „CSS“ (dem s. g. Cascading Style Sheet), bis hin zu den „Mikroformaten“ so ziemlich alles abgedeckt, was das Entwicklerherz wissen sollte und suchen könnte. Hier wird der kreativen Seele gut verständlich und nachvollziehbar erklärt, wie man bestimmte HTML-Aufgabenstellungen realisieren kann, worauf dabei zu achten wäre und welche besonderen Kombinationen, oder Umstände zu welchen Effekten führen, bzw. wie man diese löst, umgeht, oder zumindest versteht.

Den Leser dieses Buches erwartet ein sehr breit gespannter Bogen, von der tabellarischen Übersicht aller HTML 5 – Elemente-, Attribute und –Eventreferenzen (ab Seite 537 ff), hinüber zu den Überlegungen einer sauberen Textstruktur (Seite 89 ff), bis hin zur immer wichtiger werdenden Bedeutung und Umsetzung von  Semantik (S.85 und 372), deren erweiterte Möglichkeiten durch Mikroformate(Seite 293 ff) und einem immer öfter abgefragtem Dublin-Core (Seite 85 ff) oder RDF (Seite 85 ff und 319).

Kurzum: NICHTS -aber auch gar rein nichts-, was mir in den letzten 3 Wochen intensiver Nutzung gefehlt hätte,  wäre  nicht ausreichend gut verständlich aufgezeigt und erklärt worden. Ich habe das das Buch aber eben nicht nur als Nachschlagewerk neben meiner Tastatur gehabt, sondern mir auch den Luxus eines beginnenden „von vorne, bis nach hinten, durch lesen“ gegönnt und genau das gab es mir dann auch: Ein genießendes »sich gönnen«!

Um Ihnen davon einen Eindruck zu verschaffen, nachfolgend schnell mal die Hauptthemen des Buches aus dem 9-seitigen Inhaltsverzeichnis:

Zu erwähnen sei noch, dass gerade die neuen Aspekte der multimedialen Seitengestaltung eben nicht nur in referenzartiger Weise zur Verfügung gestellt werden, sondern sich das Buch tatsächlich von der ersten, bis zur letzten Seite, also quasi „am Stück“ durchlesen lässt und in seiner erklärenden Art und Weise die beiden Autoren gerade in der Welt der Seiteneinsteiger eben nicht nur die Aspekte eines HTML 5 erklären und aufzeigen, sondern eben auch sehr geballtes Hintergrundwissen mitliefern, dass einer solchen Zielgruppe auch so manche Wissenslücken schließen kann und mit diesem besseren Verstehen und das alltägliche Arbeiten erleichtern.

Schließlich ist es doch seit Anbeginn aller Zeiten so, dass sich Halbwissen immer dort aufs sträflichste bemerkbar macht, wo die Vorteile eines Verstehens auch die Notwendigkeit eines Berücksichtigens verdeutlicht. Ein Grundfaktor für saubere, professionelle Ergebnisse und ein ganz sicherlich hoch anstrebenswertes Ziel – gerade im Internet, wo es leider noch viel zu oft darum geht, was der Seitenanbieter möchte und erst dann (wenn überhaupt) die Frage aufkommt, was der Seitenbesucher wohl suchen könnte und dabei sind diese „Seitenbesucher“ eben nicht nur immer menschlicher Art! Es wird in einem dynamisch wachsenden Internet von immer größerer Bedeutung, ob die Bots, und Such-Skripte eine Seite „lesen“, kategorisieren und/oder die Informationen darauf auch richtig nutzen und einordnen können. Ein Paradebeispiel dafür, dass ein gesundes Hintergrundwissen und das Verstehen um solche Prozesse wichtiger Bestandteil für den erwünschten Erfolg sind.

Im vorliegenden »HTML5 Handbuch« wird also neben den üblichen „Textauszeichnungen“ wie z.B.  die Bedeutungen von < abbr >, < cite > und < dfn > (und weiteren Inline-Elementen, die laut Buch seit HTML5 passender als „Textlevel-Semantik“ bezeichnet werden – übrigens  ab Seite 113) nicht nur das sehr wichtig Thema eines »semantischen Web« -aufbaus (ab Seite 85) erläutert, sondern auch die eher noch unbekannten, aber doch zunehmend wertvolleren und praktischen Mehrwert-Auszeichnungen eines »Dublin-Core« (ab Seite 85) oder das zunehmend verbreitete Microformat (ab Seite 239) mit den beispielsweisen Möglichkeiten einer maschinenlesbaren  Auszeichnung virtueller Visitenkarten (s.g. „VCard“) und für Scripts erkennbarer, virtuelle Termine (s.g. „VEvent“) (beides ab Seite 298) erklärt.

Wem das alles nichts sagt,
dem sei  dieses Buch einmal mehr »sehr« ans Herz gelegt
und mir (wie auch im Buch) „ein kleiner Exkurs“ gestattet:

Wer sich schon länger mit Webseitengestaltung auseinandersetzt, der weiß längst, dass es eine zunehmend wichtigere Rolle spielt, wie sich eine Internetseite von Suchmaschinen, Bots, oder  anderen Scripten lesen lässt. So hat man schon von Anbeginn der Darstellung irgendwelcher Bilder und Fotos (also beim < img > Element) kaum, bis gar nicht darauf verzichten sollen, dass diese Bilder auch mit dem dargestellten von Maschinen „lesbar“, oder besser „zuordnungsfähig“ wurden.

Dank solcher Attribute wie »title=« und »alt=« wurden rasch aus solchen „Titeln“ die lesbaren Textpassagen als Bildunterschrift (z.B. in WCMS wie „Joomla“,“ WordPress“, per „TYPO3“ mittels kleineren JavaScripts automatisiert) und sollte man mittels des »alt«-Attributes wenigstens die Hauptschlagwörter zum dargestellten Image ausgezeichnet haben, die schon bald nach Ihrer Freigabe als Standard-Attribute dann eben nicht nur für Google und Co. die Bildinhalte „lesbar“, bzw. „zuordnungsfähig“ wurden, sondern beispielsweise auch bei den moderneren Brail-Lese-Geräten (ein Hilfsmittel für Blindenschrift, mit dem Betroffene ganze Webseiteninhalte auf ihre Fingerspitzen übertragen bekommen) von großem Nutzen wurden.

Solche »Mehrwerte« sind ein ganz entscheidender Faktor für die zunehmende Verschmelzung von dem Internet, wie wir es heute kennen, mit einer ganzen Vielzahl anderer Geräte.

Das wohl berühmteste und auch ganz aktuelle Beispiel wäre die beliebten, mobilen Apple-Geräte, wie das iPhone, ein iPod, oder das iPad. Von seinen Besitzern überwiegend auch als Adressdatenbank benutzt, wird es -gepaart mit der Fähigkeit von „WLan“ und „mobile Internet“- auch gern zum „umher surfen“ benutzt. Wer so ein Gerät sein eigen nennen darf, der kennt und liebt längst dessen Fähigkeit eine auf der Webseite angezeigte Rufnummer auch sofort wählen zu können. Nur ein „Fingertipp“ und schon werden Sie mit dem Telefonanschluss aus der besagten Webseite verbunden und nur wenige weitere „Finger-Tipps“ entfernt, haben Sie die Nummer auch schon in ihre Kontakte übernommen – zumindest eben derzeit „die Rufnummer“! Ein tolles Feature, das sehr beliebt und Millionen male pro Tag von Apple -iPod, -iPad und iPhone-Besitzern genutzt und geschätzt wird.

Nehmen wir also mal das Beispiel dieses VCard-Standards, so wird eine Adresse mittels seiner HTML Tags in der Class-Bezeichnung mit den ausweisenden Werten wie…

<span class="adr">

<span class="street-address">Beispielstrasse 7</span>

<span class="postal-code">D-12345</span>

<span class="locality">Musterstadt</span>

<span class="region">Bayern</span>

<span class="country-name">Germany</span>

</span>

…ausgezeichnet und damit (eben gemäß v.g. VCard- und Microformat-Standard) auch für automatisierte Prozesse „lesbar“, bzw. eben „kategorisierungsfähig„. Ein im Handy implementierter Browser wäre also durchaus in der Lage zu erkennen, dass dieses v.g. HTML-Beispiel im alles umgebenden SPAN nun eine Adresse folgen lässt, in der sich dann die jeweiligen SPAN’s der Class-Bezeichnung entsprechend in class gleich „street-address„, „postal-code„, „locality„, „region„, und class=“county-name“ aufteilen und schon wird die Anschrift einer Webseite -einer virtuellen Visitenkarten sehr ähnlich- direkt importierbar und kann ganze Kontakte als vollständige Werte übernehmen – per Fingertipp und direkt aus einer Webseite heraus.

Diese s.g. Microformats sind dabei nur der Anfang und werden vom Dublin-Core (mit dem man geografische Zuweisungen treffen kann) und weiteren Möglichkeiten mit einer besseren Auszeichnung schnell dafür Sorge tragen, dass Content (Inhalte) leichter zuzuordnen und damit verknüpfbar werden – ein Mehrwert, wie ihn das Internet in rasender Geschwindigkeit zunehmend bietet und dem man sich als (seriöser) Entwickler immer weniger entziehen. Ganz egal, ob es dabei um Grundsatzfragen der Semantik geht – also Google und Co. mit zunehmender Bedeutung überprüfen wird, ob ein <h1>Überschrift</h1> von <h2>Überschriftebene 2</h2> gefolgt, die besagte Webseite als „lohnend professionell“ bewerten und ranken wird, oder ob das Navigationssystem der Zukunft die Gästezimmer ihres Kunden als „in der Umgebung liegend“ erkennen und anzeigen kann/wird.

Fakt ist: Hier hat sich längst eine beginnende Vernetzung aller Internet-Daten abgespielt und der Erfolg einer Seite wird zunehmend davon abhängig werden, ob diese sich in eine solche „automatisierbare Integration“ einfügt, oder nicht. So z.B. schon längst in der Praxis ein großes Thema, betrachtet man sich mal die Link-Share-Funktion von Facebook. Wer hier die Images seiner eigenen Website nicht absolut sauber aufbereitet und deklariert hat, wird in dieser „Besucher-Nachbrenner-Funktion“ die viel zitierte „Arschkarte“ ziehen. Oder haben Sie nicht auch schon längst erlebt, oder von Dritten gehört, dass ein Facebook’er lieber gar nicht verlinkt, als dass er dies ohne die angebotenen Bildchen täte? Ich schon und weit häufiger, als ich es mir vorher gedacht hätte. Dafür scheint der Mensch dann doch ein viel zu visuelles Wesen zu sein, als das er akzeptieren würde, dass ausgerechnet seine Link-Empfehlungen ohne diese Bildchen auskommen müssten.

Sie sehen »Mehrwert« wird das Stichwort der Zukunft sein und als ich mich seinerzeit mal entschlossen hatte das »HTML-5 Handbuch« komplett zu lesen und auch eine Empfehlung dazu in den Blogg zu stellen, so hatte ich bei Laibe nicht einen solchen Umfang an Mehrwerten erwartet.

Das »HTML-5 Handbuch« aus dem »FRANZIS-Verlag« ist also nicht nur ein sicheres »must have« (nach meiner ganz persönlichen Empfehlung) für die vielen professionellen Webseitengestalter, die sich unter zunehmendem Druck mit HTML 5 auseinandersetzen sollten, sondern auch ein ausgesprochen wertvolles Werk, bei dem »sogar« und »gerade« der  Einsteiger genauso viele wertvolle Informationen in verständlicher Weise erklärt bekommt, Beide, Profi wie Laie, erhalten hier ein ebenso wertvolles Tool mit erklärendem Hintergrund- und Besonderheiten- Wissen, wie aber auch eine wahre Fundgrube im alltäglichen Umgang mit HTML-5. Hier wird sich das Buch (so, wie bei mir schon im ersten Monat) ganz bestimmt schnell bezahlt und unverzichtbar machen und neben dem am Stück gelesenen Wissen, noch lange darüber hinaus als ein schön übersichtliches Nachschlagewerk erweisen, das beispielsweise auch verrät welche Elemente, mit welchen Attributen sich auf welchen Browsern und in welchen Versionsständen als funktionsfähig -oder eben dies nicht- erweisen.

Alles in allem, bleibt also festzustellen, dass ich persönlich mit dem Buch nicht nur hochgradig zufrieden bin und es für »jeden Penny wert« halte, sondern selbst nach langjähriger Webseitengestaltung und recht umfangreichen Wissens darin und darum ein ausgesprochen kompaktes Werk vorgefunden habe, dessen mitunter größter Vorteil -sicherlich auch dank der sehr erfahrenen und kompetenten Autoren- ein kurzer, einfacher, gut nachvollziehbarer Text ist, den man genauso gut von vorne nach hinten durchlesen kann (und übrigens auch »unbedingt« mal gemacht haben sollte) und dann noch immer als ein sehr wertvolles Nachschlagewerk in Tastaturnähe seinen Stammplatz haben sollte.

Wer nun noch provozieren möchte und sich an dieser Stelle fragt:

• „Warum denn kaufen, wenn es doch in zig Foren nachgelesen werden kann“
  – und zwar kostenfrei ?!
  unter anderem auch gerade noch unter der selfHTML.org des Autoren Stefan Münz

Dem sei gesagt: Die Quelle macht‘s, gepaart in einer kompakten Zusammenfassung der wichtigsten Aspekte und damit die Chance auf eine rasche und vor allem im Grundsatz auch »richtige« und im Umfang adäquate Lösung – direkt links (oder gerne auch rechts) neben Ihrer eigenen Tastatur

Klar: wir leben in der Tat in einer Art von zunehmender „Freibier-Gesellschaft“, bei der man aber leider auch mit zunehmender Inkompetenz, oder (was weit schlimmer ist) einem fachlichen Halbwissen konfrontiert wird, dass es dem geneigten Leser schon sehr schwer fällt aus der Flut möglicher Quellen ein klares, eindeutiges Bild zu bekommen. Allerdings sollte mittlerweile selbst der unerfahrenste Teenager schon verstanden haben, dass das »wahrlich Gute« stets seinen Preis hat!

Ich muss dabei immer an einen Satz aus der beliebten „Arzt-Krankenhaus-Klamauk-Serie“ »Scrubs« denken: „Nichts was es auf dieser Welt wert ist zu besitzen bekommt man umsonst.“! So, die sinngemäße Aussage eines sturen Chefarztes zu seinem stets innerlich Diskurs führendem Jung-Mediziner.

Und das hier vorliegende »HTML-5 Handbuch« beweist es wieder mal: es gibt »wertvolles« und in logischer Schlussfolgerung beider Erkenntnisse darf ich dem geneigten Leser versichern, dass ich zu dem Schluss gekommen bin, dass es sich hierbei um einen absolut adäquaten Wert handelt, der nach meiner bescheidenen Meinung eben nicht nur »jeden Penny wert ist«, sondern meines ganz persönlichen Erachtens nach neben »jeden Monitor« -auf dem HTML-Script entsteht- gehören sollte!

Dabei würde es mich selber nicht im Geringsten wundern, wenn die Autoren selbst ihr Werk genau dort platzieren und hier und da sogar selber nochmal rasch nachschlagen würden, wie es sich denn mit der ein, oder anderen Besonderheit nochmal genau verhielt.

Kurzum: Ja, ich bin begeistert und empfehle dieses Buch eben nicht nur mit der ganzen Überzeugung meines (immerhin schon etliche Jahre praktizierten, aber dennoch) „bescheidenen“ Wissens in Sachen HTML, sondern auch mit meinem guten Namen in Sachen „guter Tipps“ und einem „wertvollen Rat“.

Produktinformation

• Broschiert: 744 Seiten
• Verlag: Franzis Verlag GmbH (seit 15. November 2010)
• Sprache: Deutsch
• ISBN-10: 3645600795
• ISBN-13: 978-3645600798
• Größe und/oder Gewicht: 23,8 x 17 x 5 cm
• Durchschnittliche Kundenbewertung bei AMAZON.de: 4.4 von 5 Sternen   in 5 Kundenrezensionen)
  nach meiner ganz persönlichen Meinung verdient das Buch uneingeschränkt 5 von 5 Sternen!
• Bestell-Link: via Amazon.de

Bloggdeinbuch.de - neuer Service, mit spannender Möglichkeit

Zum Schluss sei noch eines erwähnt: In den Genuss den Buches kam ich schlussendlich durch einen Selbstversuch, bei dem ich durch einige Leser meines Bloggs auf den Dienst von „Blogg dein Buch“ aufmerksam geworden bin. Wie es sich also mit dem damaligen Beitrag weiter verhalten hat, ist nun hier zu erfahren gewesen und dass ich nicht nur vom Buch, sondern auch von diesem Dienst begeistert war und bin, werde ich dann in den nächsten Tagen zum zweiten Teil des v.g. Beitrages berichten. Resümierend sei jedoch auf jeden Fall schon heute festgehalten: ich bin begeistert und habe mir sehr gerne, dem Buch gerecht werdend und dem Dienst auf fairem Niveau die Mühe eines solchen „Rezension“ gemacht – in gleich mehrfacher Hinsicht und (so denke ich mir) für alle Beteiligten auf einem fairen Niveau – ob das auch bei weniger Begeisterung so gewesen wäre, brauche ich zum Glück ja nicht zu erfahren

Doch soviel sei auf jeden Fall noch versichert – und zwar bei meinem guten Namen: zu keiner Zeit, war meine Begeisterung zu diesem Buch, vom Dienst „Blogg dein Buch“ beeinflusst und ich hätte ganz sicher kein Blatt vor den Mund genommen, wäre das nötig geworden. Doch, was einfach toll ist, dass sollte man auch so nennen: Einfach toll!

10 Facebook-Tipps bei BILD.DE

Mit der Überschrift »10 Tricks für Facebook« veröffentlicht die Online-Rdaktion der BILD.DE in ihrer Rubrik „Wussten Sie schon…“ einige recht nützliche Tipps, die ich sehr gerne mal meinen Lesern an die Hand geben möchte. Diese 10 „Tricks“ würde ich persönlich zwar eher als „Tipps“ bezeichnen, doch unter dem Stichwort „Nützlich“ könnte wohl fast jeder den ein,  oder anderen Hinweis als durchaus brauchbar und evtl. sogar als neu emfinden.

Neben den bekannteren Hinweisen, wie der Benutzung von Listen um die eigenen Facebook-Freunde eben nicht nur zu managen, sondern auch zuordnen zu können wer z.B. meine Bilder, Statusmeldungen oder Links (etc.) sehen darf und wer nicht, wird auch der eher wenig bekannte Umstand als Trick vorgestellt, dass Sie mit Ihrer Mitgliedschaft nicht nur eine eigene Webadresse bei Facebook erhalten haben (wie z.B. http://www.facebook.com/freuter.original), sondern eben auch eine neue eMailadresse (wie z.B. meine freuter.original@facebook.com) unter der man Sie ab der Registrierung ihrer Facebook-Mitgliedschaft anschreiben kann.

Also, schaut doch mal einfach rein und entscheidet selbst…

Mozilla's Firefox - das bekannte Logo zum Browser

Wenn schon nicht ein unbedingtes „must have“ für „jeden“ Firefox-Nutzer, so doch zumindest eine mega-praktische Sammlung aller Tastatur-Kürzel für diejenigen unter uns, die es noch gewohnt sind das meiste mit der Tastatur erledigen zu wollen. Ich fand zufällig auf den Webseiten der lesliefranke.com dieses Mozilla Firefox Cheat Sheet, mit einer vollständigen Aufstellung aller derzeit unterstützten Tastaturbelegungen unter Mozillas Firefox. Das s.g. Cheat-Sheet (zu dt. ein „Schummel-Blatt“) ist zwar leider nur in englisch verfügbar, sollte aber von den meisten auch schon mit ganz geringen English, oder PC-Kenntnissen verstanden werden. Habe es mir aber mal für die besseren, ruhigeren Zeiten „auf Halde“ gelegt und überlege eine deutsche Fassung zu übersetzen – wenn es denn die Zeit erlaubt und mein augenblickliches Chaos wieder in ruhigeren Bahnen verläuft