Webdesign Links - Gabriele Strache

Schweizer Messer

Responsives Webdesign (RWD)

Da Button Factory
Online Button-Generator: Download als CSS3-Code oder Grafik; Schriftarten eingeschränkt.
Button Maker
Online Generator für CSS3-Buttons
Ultimate CSS Gradient Generator
Online Generator für Gradienten: Download als CSS3-Code oder Grafik
So nutzen Sie @font-face
PC Magazin Artikel
How to use @font-face to avoid faux-italic and bold browser styles
Artikel von Scott Vandehey über die richtige CSS-Deklaration von echten Schriftschnitten

HTML 5

HTML5-Handbuch
Online Version des gleichmanigen Buchs von Stefan Münz und Clemens Gull aus dem Franzis Verlag (de)
Avoiding common HTML5 mistakes
html5 Doctor – Artikel von Richard Clark
HTML5 shiv
JavaScript-Bibliothek zum “Anmelden” der sematischen HTML5-Tags im IE<9, damit diese auch im IE mit CSS formatiert werden können.
Coding An HTML 5 Layout From Scratch
Smashing Magazine – Artikel von Enrique Ramirez
HTML 5 and CSS 3: The Techniques You’ll Soon Be Using
Tutorial von Mads Kjaer zur Erstellung einer Blog-Seite mit den Techniken HTML5 und CSS3

CSS3

Da Button Factory
Online Button-Generator: Download als CSS3-Code oder Grafik; Schriftarten eingeschränkt.
Button Maker
Online Generator für CSS3-Buttons
Ultimate CSS Gradient Generator
Online Generator für Gradienten: Download als CSS3-Code oder Grafik
So nutzen Sie @font-face
PC Magazin Artikel
How to use @font-face to avoid faux-italic and bold browser styles
Artikel von Scott Vandehey über die richtige CSS-Deklaration von echten Schriftschnitten

CSS

CSS Display and Visibility
w3schools-Artikel zum Unterschied der beiden CSS-Eigenschaften

SEO

robots.txt vs. noindex
suchmaschinentricks-Artikel von Stefan Fischerländer über die unterschiedlichen Wirkungsweisen beider Techniken (de)
XML-Sitemaps
Online Sitemap-Generator (indiziert kostenlos bis zu 500 Seiten) für XML-, Text-, ROR- oder HTML-Sitemaps.
Change frequency, last modification und priority sind unabhängig voneinander konfigurierbar.

Diashow / Slider

Esay Slider
jQuery Slider von Alen Grakalic: Einfach zu konfigurierendes Slider-Script mit vielen Möglichkeiten; Design mit CSS anpassbar.

Akkordeon

How TO – Collapsibles/Accordion
Tutorial für ein Accordion mit CSS und JavaScript von w3schools.com. Benötigt kein JS-Framework! Die Symbole zum Öffnen und Schließen werden als Unicode-Zeichen per CSS :after selector eingefügt.

Typografie

Typographie im Internet: Anführungszeichen
Artikel von Matthias Kammerer über die korrekten HTML-Entities für Anführungszeichen in verschiedenen Sprachen.

Grafik

Unsplash, Pixabay, Freeimages
Sammlungen von hochwertigen, lizenzfreien Bildern
Tutorial: Create 5 subtle background patterns
Photoshop-Tutorial von Kendra Gaines
IconFinder
Icon Suchmaschine mit Filtermöglichkeit nach Hintergrund, Größe und Lizenz
FindIcons.com
Suchmaschine für freie Icons mit Filtermöglichkeit nach Hintergrund, Größe, Farbe, Stil und Lizenz
Subtle Patterns
Sammlung von freien, hochwertigen Hintergrund-Kacheln
Color Blender
Tool zum Mischen zweier Farben in bis zu zehn Abstufungen
TinyPNG
Online-Tool zum Verkleinern der Dateigröße von JPEG- und PNG-Bildern

Barrierefreiheit

WebAIM
Non-profit Organisation < span id=”result_box” lang=”de”>innerhalb des Zentrums für Menschen mit Behinderungen an der Utah State University, die Web Accessibility-Lösungen erarbeitet und zur Verfügung stellt. Besonders interessant und praxisorientiert sind die Artikel über barrierefreies Webdesign und das Web-Accessibility Evaluationstool WAVE.
Einfach für Alle
Initiative der Aktion Mensch für ein barrierefreies Internet
Die barrierefreie Website
Barrierefrei gestaltete Website von Christiane Müller, in welcher sie die Ergebnisse ihrer Bachelor- und Masterarbeit in Wirtschaftsinformatik umgesetzt hat.

Lorem Ipsum Generator

Blindtextgenerator
Blindtextgenerator mit vielen Einstellungsmöglichkeiten

Anti-Spam Strategien

E-Mail Adress Coder
Online-Generator von Michael Kappenberg zum Verschlüsseln von E-Mail-Adressen in Unicode, mit oder ohne “mailto:” – Link.
Nur mehr über die Wayback Machine zugänglich.
Encrypt Mailto Links
Online-Generator von Robert Spangler zum Verschlüsseln von E-Mail-Adressen in Unicode, mit oder ohne “mailto:” – Link.
Honeypot recaptcha
Artikel von Scorchsoft über die Implementierung eines Honeypot-Formularfeldes, das als Falle für Spam-Bots dient.

XML Sitemap

Sitemap-Generator
Einfacher online Sitmap-Generator von Marco Beierer, der die URLs der Seiten und PDF-Dateien einer Website im XML-Format auflistet
XML-Sitemaps.com
Online Sitemap-Generator für Sitemaps in verschiedensten Formaten, z.B. XML, HTML, Text
[More options: wählen, ob man auch “Page last modification”- und “Page Priority”-Attribute in der Sitemap haben will; Other Downloads: Download all Sitemaps in a Zip File]