Ramschkasten.de

Alles was so hängen bleibt

E-Mail Schutz im Impressum durch CSS und Javascript

/ In CSS, Tools, Webdesign / Leave Comment

Zum Theme E-Mailschutz im Impressum gibt es unzählige Ratgeber und Hinweise. Ebenso gibt es in gleicher Anzahl die unterschiedlichsten Meinungen. Wer sich damit beschäftigen kann das gerne ausführlich tun. Suche anschmeißen und los gehts.

Dieser Artikel ist eher als Merkzettel gedacht um den schnellen Zugriff auf Codeschnippsel zu gewährleisten.

Vorweg:

  1. Es besteht die Pflicht nach §5 TMG mindestens im Impressum der Webseite eine E-Mail anzugeben.
  2. Es muss eine schnelle elektronische Kontaktaufnahme möglich sein – also ist dies mit einem Bild nicht abgetan
  3. Man sollte an diejenigen denken die mit Screenreadern arbeiten. Eine Zugänglichkleit muss auch für Diese gewährleistet sein.

… Angaben, die eine schnelle elektronische Kontaktaufnahme und unmittelbare Kommunikation mit ihnen ermöglichen, einschließlich der Adresse der elektronischen Post…

Ich habe mit folgender Kombination gute Erfahrungen gemacht; Man schreibe seine E-Mail rückwärts und läßt sie durch CSS wieder richtig herum in der Seite anzeigen. Man hat aber dabei das Problem, dass man die E-Mail dann nicht einfach kopieren und sie zum schreiben verwenden kann. Wenn man eine Webseite hat bei der das notwendig ist, kann man auch mit einer mailto-Alternative arbeiten die sich in einem Javascript versteckt.

Read More

WordPress Theme erstellen – von der Idee über Gestaltung bis zum Coding

/ In CSS, Web 2.0 / Leave Comment

Viele kostenlose WordPress Themes lassen sich im Internet finden, aber meistens wünscht man sich doch das eigene persönliche Theme. Beispiele wie sich Themes gestalten lassen gibt es viele, nunmehr auch Eines, welches sich detailiert mit der Templategestaltung auseinandersetzt. Dabei wird neben der Gestaltung ebenso auf die Erstellung der Einzelnen Templateseiten eingegangen. In drei Kapiteln wird man von Seitenaufteilung, Gestaltung über Kodierung und Vorbereitung bis zur WordPressimplementierung begleitet.

Super für die Jenigen die sich noch nie an die eigene Gestaltung bzw. Erstellung herangetraut haben und auch nicht  schlecht für die Erfahrenen die schauen können, ob Ihrer eigene Erstellung dem entspricht.
Find ich echt gut! Allerdings alles in Englisch.

(gelesen im Photoshop Weblog)

Formularvorlagen Galerie

/ In CSS, Inspiration, Tools / Leave Comment

Bei Wufoo gibt jetzt eine wunderbare Galerie für alle Webentwickler. Vorlagen zu verschiedenen Webseitenthemes gibts wie Sand am Meer doch Vorlagen für Formulare findet man in dieser komprimierten Form nicht alle Tage. Das Gute daran ist, man kann sich selbst überprüfen ob man an alle notwendige Eingabefelder gedacht hat, die zum Beispiel für ein Formular der Userregistrierung, T-Shirtbestellung oder Newslettergenerierung notwendig sind. Ein sehr schickes AdOn sind auch noch die Farbvorlagen, die man in einer extra Überischt auswählen und downloaden kann. Bookmark-Befehl!

Netzfrühling hat uns im Visier

/ In CSS, Inspiration, Webdesign / Leave Comment

Ein wundervolles Hallo den Besuchern die uns von Netzfrühling aus entdeckten. Seid heut Mittag gehen die Besucherzahlen kontinuierlich außer der Reihe in die Höhe. Der Grund ist, dass der Netzfrühling diese Seiten in seine Gallerie aufgenommen hat. Vielen Dank für die Blumen!

der Ramschkasten im Netzfrühling Heut sind auf der Startseite des Netzfrühlings, zweite reihe links der Ramschkasten zu sehen und dazu in der erste Reihe rechts neben fukkle bin jerry die 63k.de Seiten ein kleines Seitenbauprojekt meinerseits.

eat.my.feed. 22.07.06

/ In CSS, feed.of.the.day, Webdesign / Leave Comment

Füttere mich, würd ich sagen. Die lesbaren und sehenswerten Feeds des Tages aus meinem Feedreader.

  • Simple CSS Tabs
    Tutorial für eine Tabbasierende Navigation in CSS ohne Inhalte der Seite neu laden zu müssen
  • CSS Browser Selector
    Tipps wie man entsprechend des Browser die CSS-Styles zuordnen kann, mit einfachen Einsatz von css und javscript
  • Liquid layouts the easy way
    „This article explains one method of achieving a successful liquid layout as well as providing basic definitions of liquid, fixed-width and em-driven layouts.“
  • Bilder aufpeppen
    Mit wenigen Mittel können „platte“ Bilder aufgepeppt werden. In dem Docma Workshop zu Ebenenarbeit, lernt man Bilder etwas mehr Tiefe und Raum zu geben kann.
  • Datumsdarstellungen mit CSS
    kleines Tutorial wie man Datumsangaben in Blockeinträge schön in CSS umsetzen kann.