Inspirationsüberlegungen

http://www.mstudio.com/mstudio.html

-> Zeigen Ihre Flashwebsites nicht als poplige Bilder, sondern als Screencast, Artikel bei Pixelgrafix dazu: ARTIKEL


Mal ein paar andere, outstanding web designs:

http://www.smashingmagazine.com/2007/07/17/exploring-design-outstanding-start-pages/

Design Schub

Mal wieder ein Design Schuuub!
Mehr Arty weniger Web 2.0 und eine Fullscreen Flash Webseite für Jurga Graf.

Gedanken zum Design

Wieder mal mehr im fine screendesign art stil von 24-7 Media oder graphic exchange machen...
Wenn du eine Themenseite hast, mach´s wie OCC, schau dir an was die Leute haben, Maschinen, Gebäude, Arbeitsmittel, Architektur und häng das auf als grafischen Aufmacher für dein Webdesign.

Nicht! zu viel web.2 0 machen...

Leitfaden Digitale Fotografie

Zum Artikel

JOOMLA! developer

JOOMLA DEV-RESOURCE

55 CSS Tipps

LINK

CSS PRINT

Um eine Printfähige Webseite zu erstellen reicht es völlig aus, einen media:print Link im Header einzupflegen. Das CSS File muss natürlich entsprechend für print vorbereitet werden. IMG ausblenden Text für Drucker optimieren...

Unbedingt ausprobieren ob klappt!!!! man braucht kein javascript

YAML

Einführung in das YAML Framework

Webentwickler haben vielleicht schon von Yet Another Multicolumn Layout (kurz: YAML) gehört aber sich damit noch nicht weiter beschäftigt. Zeit dies zu ändern, denn YAML hat inzwischen einen hohen Reifegrad erreicht.

Was ist YAML? Kurz, es handelt sich um ein (X)HTML/CSS Famework zur Erstellung von 2 bzw. 3 Spaltenlayouts (flexibel oder fixiert).

Der Begriff "Framework" geistert durch die Internetlandschaft wie Captain Spock durchs Raumschiff Enterprise. Daher hier eine kurze Erläuterung zum Begriff. Vereinfacht kann man ein Framework als einen Baukasten begreifen, der aus eine Anzahl von Bausteinen besteht. Durch die felxible Kombination der Bausteine lassen sich wiederkehrende Arbeitsabläufe optimieren. Bezogen auf YAML bedeutet dies: es gibt einen zentralen X/HTML Code sowie ein paar CSS Dateien mit denen man diverse Layouts erstelllen kann, die a) standardkonform sind und b) browserübergreifend funktionieren.

Artikel CSS HILFE

Piktogramme und Icons

Piktogramme und Icons

Ein Bild sagt mehr als tausend Worte? Wie viel sagt dann ein Piktogramm oder Icon? Alles über die schönsten Zeichen der Welt ...

http://www.piktogramme-und-icons.de/

TextMate

Ein schöner CSS Editor hier die Links:

Dan gibts nur fürn Mac, allerdings gibts da intype, was dem Textmate nachempfunden ist, dass sollte man mal abchecken:

textmate für windows

Hier der Textmate für Mac:

Beitrag agenturblog

HDRI.AT

Noch eine schöne Webseite zum Thema HDR!

Und was noch viel geiler ist: der fette Pixelkonverter:
http://www.hdri.at/tutorials.htm

Stichpunkte zu HDRI:

• Photomatix nur ein kleines Helferlein beim HDRI
• Camera-Bilder->PS->JPG->32bit einstellen->Photomatix matscht alles zamm..
• Still-Life eignet sich am besten für HDRI, bei Bewegung wird´s schwierig
• Gut für Innenaufnahmen
• 3D HDRI schon ein alter Hut, wird für perfekte Belichtung genutzt bei HDRI
• Zukünftig alle Kameras mit HDRI als Standard
• Beim Fotografieren: gleiche Blende 3 Belichtungsarten!
  

CSS Buttons

God thank diesem Buch "CSS MASTERY!"

Links sind also inline Elemente, sie werden also nur aktiviert, wenn man auf den Inhalt des Links drückt. Setzt man den CSS Wert aber auf display: block, kann man Höhe, Weite und andere Eingenschaften erstellen, genauso wie man den klickbaren Bereich verändern kann.

CODE SCHNIPSEL:

a {
display: block;
width: 6em;
padding: 0.2em;
line-height: 1.4;
background-color: #94B8E9;
border: 1px solid black;
color: #333333;
text-decoration: none;
text-align: center;
}

Newsletter Rechtssicher

Die Rechtslage im E-Mail Marketing ist eigentlich eindeutig: „Werbung unter Verwendung von […] elektronischer Post, ohne dass eine Einwilligung des Adressaten vorliegt“ …ist eine unzumutbare und damit unzulässige Belästigung (UWG, §7). Aber was genau bedeutet diese Regelung für die Praxis und wie können Adressen rechtssicher gewonnen werden?
Wir haben die wichtigsten rechtlichen Aspekte für Sie zusammengestellt:

• Alle Adressaten müssen dem Empfang des Newsletters ausdrücklich zugestimmt haben

(Opt-In- oder Double Opt-In-Verfahren) (UWG, §7).

• Diese Einwilligung muss jederzeit widerrufen werden können. Hierfür muss jede verschickteE-Mail einen entsprechenden Abmeldelink enthalten. Auf die Widerrufsmöglichkeit sollten Sie bereits auf der Anmeldeseite hinweisen.
  

• Die generierten Adressen dürfen nicht weiterverkauft oder vermietet werden.

• Bei der Anmeldung darf lediglich das Feld für die E-Mail-Adresse ein Pflichtfeld sein, da auch ein anonymer Bezug des Newsletters möglich sein muss („Datensparsamkeit“, §4 TDDSG).
  

• Jeder Newsletter muss eine Anbieterkennzeichnung enthalten, d.h. ein vollständiges und rechtsgültiges Impressum und die Angabe der Verantwortlichkeit im Sinne des Presserechts (V.i.S.d.P.)
  

Aber wie verhält es sich mit E-Mails an Kontakte, mit denen bereits eine Geschäftsbeziehung besteht?
Hier greift das so genannte „implizite Einverständnis“: An bestehende Kontakte dürfen E-Mails geschickt werden, wenn alle der folgenden Bedingungen erfüllt sind:

• Das Unternehmen hat die E-Mail-Adresse im Zusammenhang mit dem Verkauf einer Ware oder einer Dienstleistung erhalten.
  

• Die E-Mail-Adresse wird ausschließlich für die Bewerbung eigener Waren oder Dienstleistungen verwendet.
  

• Der Kunde hat der Verwendung nicht widersprochen.

• Der Kunde wurde bereits bei der Generierung der Adresse auf das Widerspruchsrecht hingewiesen.
  

Unsere Empfehlung:
Auch wenn das implizite Einverständnis den E-Mail-Versand an bestehende Kontakte
unter Berücksichtigung der oben stehenden Aspekte gestattet, ist dieses Vorgehen in der Praxis nichtempfehlenswert. Die meisten User reagieren genervt, wenn sie plötzlich einen Newsletter von einem Online-Shop erhalten, nur weil sie dort vor zwei Jahren etwas bestellt haben. Es gilt also, nicht nur die rechtliche Situation zu beachten, sondern sich auch in die Empfänger hineinzuversetzen. Und für viele Empfänger ist jeder Newsletter, den sie nicht ausdrücklich abonniert haben, unerwünscht und damit Spam. Aus diesem Grund ist es ratsam, vor dem Newsletterversand auch von den bestehenden Kontakten die ausdrückliche Erlaubnis einzuholen - am sichersten geschieht dies auf dem Postweg.

Mashup

Der Mashup (engl. für Vermanschung) bezeichnet die Erstellung neuer Inhalte durch die nahtlose (Re-)Kombination bereits bestehender Inhalte.Der Begriff stammt aus der Welt der Musik und bedeutet dort im Englischen soviel wie Remix (vgl. Bastard Pop). In den deutschen Sprachraum wurde der Begriff rund um das Schlagwort Web 2.0 importiert, da Mashups als ein wesentliches Beispiel für das Neue an Web 2.0 angeführt werden: Inhalte des Webs, wie Text, Daten, Bilder, Töne oder Videos, werden z.B. collageartig neu kombiniert.

Links:

• web2null.de – Eine deutschsprachige Sammlung von Mashups
• programmableweb.com – Sammlung von Diensten, die ihre Daten zur Weiterverwendung in Mashups über ein API bereitstellen
• Webmashup.com – Offenes Verzeichnis für Mashups & Web 2.0 APIs

Beispiele für Mashups

• immdex.de – Kombination von Immobilien-Kleinanzeigen und Google-Maps
• housingmaps.com – Kombination von Kleinanzeigen und Google-Maps, einer der ersten Mashups
• placeopedia – Verknüpft Orte mit dazupassenden Informationen aus der Wikipedia
• WhereAmI.At – Kombination von IP-basierter Lokalisierung, Google-Maps und Flickr
• GeoSpot.eu – Kombination von Vergnügungspark und Google-Maps

PDF X3

PDF 1.3 (X-1a oder X-3 ohne Inkludiertem Farbprofil)
ist die beste Möglichkeit, Druck-Daten einfach und mit hoher
Produktionssicherheit zu übertragen!


Und hier der Link:_

http://images.derstandard.at/20060222/Standard_Druckunterlagen.pdf

Flash Stage Scale

Aufgabenstellung:

Hintergrundbild einer Flashwebseite muss schön als Fullscreen kommen.

Dazu ein Tutorial aus dem Flashforum:

http://www.flashforum.de/forum/showthread.php?t=205854

Problem:

Das Bild soll in guter Qualität erscheinen, sich proportional zum Browserfenster mitskalieren, das ganze aber nicht im CSS HTML sondern im Flash.

Möglichkeiten:

Ein Bild breiter als breit für den Hintergrund anlegen, wie bei www.2advanced.com

HDR Fotografie

Diese Woche startet mit HDR Fotografie und das sagt Wikipedia dazu:

High Dynamic Range (HDR) ist eine Bezeichnung für das maximale Kontrastverhältnis in einem Bild. Dieses liegt bei einem normalen Bild, einem sog. LDRI (Low Dynamic Range Image, wie zum Beispiel herkömmliche Fotoaufnahmen), bei ca. 1000:1, bei einem HDRI (High Dynamic Range Image) bei ca. 60.000:1.

Das heißt aber auch, dass man dieses Kontrastverhältnis auf normalen Monitoren mit 256 Helligkeitswerten nicht darstellen kann, dazu benötigt man spezielle HDR-Displays.

Man kann jedoch einen Eindruck von HDR-Bildern auf normalen Monitoren gewinnen, indem man ein sog. Tone Mapping-Tool benutzt, um die High Dynamic Range in einen Helligkeitsbereich innerhalb der darstellbaren 256 Helligkeitswerte herunterzurechnen.

Ein paar interessante Links zum Thema:

http://www.hdrsoft.com/de/

http://www.cybergrain.com/tech/hdr/index.html