Cheatsheets
Hier siehst Du eine Übersicht aller Beiträge, die mit dem Stichwort "Cheatsheets" versehen wurden. Um nichts zu verpassen kannst du alle Beiträge zu diesem Stichwort per RSS-Feed abonnieren. Oder du nutzt den Feed mit allen Inhalten des Blogs.
Wenn ihr HTML5 und CSS3 in aktuellen Projekten einsetzen möchtet, stellt sich häufig folgende Frage: In welchem Browser wird Funktion X oder Eigenschaft Y denn nun eigentlich schon unterstützt? Genau das ist ein Kernproblem bei der Nutzung der modernen Techniken und führt zu einiger Verunsicherung. Damit ihr die zukünftigen Standards ohne Kompatibilitätsprobleme verwenden könnt, solltet ihr unbedingt einen Blick auf die Website "Can I Use" werfen. Über eine Suchmaske könnt ihr nach HTML5-, CSS3- und SVG-Befehlen suchen und erhaltet als Ergebnis eine detaillierte Auflistung über die jeweilige Browser-Kompatibilität. Absolute Praxisempfehlung.
Diesen Beitrag zu Ende lesen
Blogger und Webdesigner müssen bei ihren Projekten regelmäßig auf Sonderzeichen zurück greifen. Da wären zum Beispiel das Copyright-Zeichen im Footer einer Website (©), mathematische Zeichen zur Darstellung von Code-Snippets oder Formeln (‹, ›) und Betriebssystem spezifische Zeichen für Tastaturkürzel oder Funktionen (⌘, ⌥). Und auch die deutschen Umlaute sollten wir nicht vergessen.
Insbesondere wenn man häufig Artikel unterwegs schreibt, ein reduziertes Tastatur-Layout verwenden muss und auch nicht "mal eben" auf die Zeichentabelle von Windows oder OsX zurück greifen kann, werden Sonderzeichen zum echten Zeit-Killer. Die Website CopyPasteCharacter schafft hier Abhilfe.
Diesen Beitrag zu Ende lesen
Webfonts, bzw. die CSS-Technologie @font-face, ermöglichen es uns mittlerweile eine Vielzahl fantastischer Schriftarten in Websites zu verwenden. Auch dann, wenn der Besucher die Schrift selbst gar nicht auf seinem Computer oder Smartphone installiert hat. Besonders komfortabel ist der Einsatz so genannter Webfont-Bibliotheken wie beispielsweise der Google Font Directory. Die Schrift wird online gehosted und muss vom Webdesigner anschließend nur noch im Quellcode eingebunden werden.
Da die verschiedenen Schrift-Bibliotheken jedoch Unterschiede haben, und sich somit nicht für jedes Projekt gleich gut anbieten, wurde auf sprungmarker.de nun der ultimative Webfont-Vergleich veröffentlicht.
Sehr lesenswert - auch um sich einfach mal bewusst zu machen welche Unterschiede überhaupt existieren.
Diesen Beitrag zu Ende lesen
Google hat die bereits seit einiger Zeit auf Englisch verfügbare "erweiterte Einführung in SEO" nun in zehn weitere Sprachen übersetzt. Unter anderem ist der circa 30 Seiten starke PDF-Leitfaden mit den wichtigsten Infos zum Thema SEO jetzt auch auf Deutsch verfügbar.
Das Dokument beschreibt sehr einfach verständlich alle Kernbereiche der Suchmaschinenoptimierung. Besonders interessant ist der nun neu hinzugefügte Teil zum Thema Mobiles SEO.
Behandelt werden folgende Themen: SEO-Grundlagen, Website-Struktur verbessern, Content optimieren, Umgang mit Crawlern, SEO für Mobilgeräte, Promotion und Analyse.
Diesen Beitrag zu Ende lesen
Das Design-Team von DBS Interactive hat eine Online-Tag-Reference für WordPress erarbeitet. Es gibts zwar bereits eine - wie ich finde großartige offizielle Tag Reference - aber es schadet nie Alternativen zu kennen. Das Nachschlagewerk für alle wichtigen WordPress-Funktionen, Template Tags etc. steht für die WP-Versionen 2+ und 3+ zur Verfügung.
Benutzt Ihr Online-Nachschlagewerke wie die WP-Tag-Reference oder weicht Ihr eher auf ausgedruckte Hilfsmittel wie Bücher oder Cheetsheats aus? Oder habt Ihr alle für Euch relevanten Funktionen im Kopf?
Die Website pxleyes.com hat ein praktisches Cheat Sheet zu Photoshop CS5 veröffentlicht. Es ist zwar nicht besonders ausführlich zeigt aber sehr schön alle verschiedenen Füllmethoden/Blendmodi. Viel Spass damit.
Das Tool Firebug, welches als Plugin im Firefox-Browser genutzt werden kann, gehört zu den absoluten Pflicht-Extentions für Webdesigner- und Entwickler. Der Funktionsumfang ist für ein Plugin allerdings recht üppig, so dass ein Spickzettel durchaus sinnvoll sein kann. Duvet-Dayz.com hat bereits vor einiger Zeit ein Cheetsheet zu Firebug veröffentlicht. Es steht als Online-HTML-Variante und zum PDF-Download bereit.
Die Links sind zwar nicht mehr ganz aktuell - um genau zu sein knapp zwei Jahre alt - aber ich hoffe dem ein oder anderen wird das Cheatsheet auch heute noch weiterhelfen.
Diesen Beitrag zu Ende lesen