Jun
27.

Kleine Helfer: Google SketchUp

Es gibt immer wieder Momente, in denen die virtuelle Wellt und das RL aufeinander treffen. Einen Ebensolchen hatten wir gerade.
Es ist an der Zeit, einen kleinen Geräteschrank zu planen. Wer dies oder ein ähnliches Projekt bereits durchgeführt hat, weiß um die Probleme. Das Modell entsteht vor dem geistigen Auge, wird, mit mittelmäßigem Talent, auf Papier gebracht. Bei der Bauausführung fallen die Planungsfehler erst auf und der geplante Karnickelstall ähnelt eher einer mittelalterlichen Ruine oder, im schlimmsten Fall, wird das Ergebnis dem nächten Osterfeuer zugeführt.

Hier bietet sich mit Googles SketchUp eine kostenfreie Alternative. SketchUp ist ein Programm zur Erstellung von dreidimensionalen Modellen und ist leicht zu bedienen. Zwei bis drei Stunden Einarbeitungszeit haben genügt, um zu einem zufriedenstellenden Ergebnis zu führen. In unserem Fall des Geräteschrankes haben wir alle benötigten Bretter, Balken, Streben als Komponenten mit den gewünschten Maßen erstellt und in dem Modell verbaut. So erhalten wir eine gute Übersicht über die benötigten Materialien für die spätere Praxisumsetzung. Einzelne Komponenten lassen sich so, bei Änderungen, leicht wieder lösen, bzw. das Modell insgesamt erweitern.
Wer sich traut, kann auch entsprechende Gebäudemodelle erstellen und diese nach Google Earth exportieren.

SketchUp, in der aktuellen Version 8, läuft auf MS Windows XP/Vista/7, sowie Apple Mac OS X ab v10.5 und steht auf den Google SketchUp-Seiten zum Download bereit.

Okt
28.

<b> oder <strong> in HTML?

html-code

Immer wieder findet man in HTML-Quelltext die Tags <b> und / oder <strong>. Wo aber liegt der Unterschied (und den gibt es)?

Eigentlich ist es ganz einfach:

<b> = Bold = Fettschrift
<strong> = Stark = Hervorheben

Mit <b> wird einfach die Fettschrift eingeschaltet und dies sagt nichts über den Inhalt aus. <b> ist einzig ein Designelement um einen Text oder ein Formular lesbarer zu machen.
<strong> hingegen “sagt” etwas über die inhaltliche Gewichtung, welche in der Struktur / dem Kontext des Textes hervorgehoben werden soll.  Deutlich wird dies auch, wenn man beobachtet, daß nicht jeder Browser strong-Elemente in Fettschrift darstellt.

Warum sollte man nun darauf achten, ob <b> oder <strong> verwendet wird?

Auch diese Frage ist eigentlich recht einfach zu beantworten. Es geht um die von uns so geliebten Suchmaschinen. Für eine SuMa ist es schon erheblich, ob ein Text einfach nur Fett geschrieben wurde oder eben mittels <strong> hervorgehoben wird. Die Wertigkeit ist in dem zweiten Fall einfach höher.

Nov
1.

Deutsche Video Tutorials zu Adobe InDesign

Guten Abend liebe Besucher, es ist mal wieder an der Zeit, euch ein paar gelungene Video Tutorials zu präsentieren. Heute geht es um die ausgezeichnete Software Adobe InDesign.

Für alle die nicht wirklich wissen wofür Adobe InDesign gedacht ist (Wikipedia Erklärung)

InDesign ist ein Layoutprogramm und wurde von Adobe als Konkurrenz zu QuarkXPress entwickelt. InDesign ist der Nachfolger von PageMaker, das von Aldus entwickelt und von Adobe übernommen, aber nicht mehr weiterentwickelt wurde. InDesign sieht auf den ersten Blick aus wie viele Adobe-Programme, da dessen Benutzeroberfläche den anderen Produkten von Adobe Systems, wie z. B. Photoshop oder Illustrator entspricht.

InDesign wird vor allem in Werbeagenturen und von freien Grafikern, bei Prepress-Dienstleistern sowie in Druckereien und Verlagen eingesetzt. Zusammen mit Redaktionssystemen ist es häufig in Kombination mit dem Redaktionswerkzeug und Textprogramm Adobe InCopy in der professionellen Zeitungs- und Zeitschriftenproduktion anzutreffen. Weitere Einsatzbereiche mit oder ohne Redaktionssystem sind Prospekte, Broschüren, Kataloge, Faltblätter, Plakate, Geschäftsdrucksachen, seltener auch PDF-Bildschirmpräsentationen mit eingebundenen Filmen, Flash und Interaktivität, und auch Database-Publishing-Anwendungen.

Solltet ihr noch nicht im Besitz dieser klasse Software sein, die Version CS3 gibt es bei Amazon schon für schlappe 1149.- Euro (Adobe InDesign CS3 – deutsch ).

Aber nun zu den versprochenen Vidoe Tutorials

Die Bedienoberfläche kurz und knapp

YouTube Preview Image

Textmasken erstellen mit Adobe InDesign

YouTube Preview Image

Rahmen anpassungen in Adobe InDesign

YouTube Preview Image

Adobe InDesign Podcast 4 Teile, sehr gelungen

Wer sich nicht so gerne Videos ansieht, kann natürlich auch auf die klassichen Tutorials zurückgreifen :

So und nun wünschen wir euch viel Spaß beim Designen.

Übrigens wenn ich gerade nicht das nötige Kleingeld zum kaufen von Adobe InDesign übrig habt .. versucht euch mal an Scribus, eine sehr schöne Opensource Alternative.

Aug
22.

Der Rundumschlag : CSS Tutorials + Videos

Howdy liebe Limespacer,

kurz vor dem erhofften Wochenende, möchten wir euch eine kleine Sammlung von Tutorials rund um das Thema CSS Design vorstellen.

Beispiele und Vorlagen findet ihr auf folgenden Seiten

Als Highlight dann noch einige aus meiner Sicht sehr gelungene Video-Tutorials zum Thema CSS

Die Basics

YouTube Preview Image

Die Syntax

YouTube Preview Image

Bildergalerie mit CSS

YouTube Preview Image
Jun
12.

Webseiten Benutzbarkeit – Checkliste

Wir haben heute eine sehr sehr schöne Checkliste gefunden wie Webseiten zu gestalten sind das sie auch wirklich von jedem genutzt werden können.

Leider ist diese im Moment nur in Englisch vorhanden, was aber ja auch kein Problem darstellen sollte. Die Liste als PDF bekommt ihr hier => PDF Checkliste Webseiten Benutzbarkeit

À faire...
Creative Commons License photo credit: JeanPierreG.