kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …


CSS-Sprites: Der perfekte Überblick

Als CSS-Sprites bezeichnet man eine CSS-Technik in der mehrere Grafiken (z.B. verschiedene Buttons und Zustände einer Navigation) in einer großen Grafik zusammengefasst werden. Im Idealfall alle Grafiken einer Seite, sofern dies möglich ist. Diese Technik bietet massive Vorteile die ich hier gar nicht alle aufzählen möchte.
Da ich mich in der Vergangenheit schon einige Male mit Webdesignern streiten (!) musste, die diese Technik als sinnlos oder zu kompliziert verurteilten, kommt jetzt hier der Link zum ultimativen Roundup zum Thema CSS-Sprites. Lesen, merken, anwenden!

Online Cheat Sheet: Alle 252 HTML Sonderzeichen

Wer kennt das Problem nicht: Ein Sonderzeichen soll verwendet werden doch man kann sich beim besten Willen nicht erinnern wie die Kodierung nochmal war. Diese Website hilft weiter und vereinigt alle 252 in HTML4 und XHTML unterstützten Zeichen. Dank Browser-Suchfunktion finde ich hier das Zeichen schneller als in jeder anderen Liste. Vielleicht hilft es Euch ja auch mal weiter.

Beitrag zu Ende lesen

Adobe Photoshop CS5: Patchmatch-Tool (Inhaltssensitives Füllen)

Eine der angeblich neuen Funktionen des am 10. April 2010 erscheinenden (unbestätigte Quelle) Photoshop CS5 ist ein Korrektur-Tool namens "Patchmatch". Hiermit lassen sich in wenigen Sekunden erstaunliche Retusche-Ergebnisse bis hin zu komplett neuen Bildern erzielen. Ob alles so funktioniert wie im Video propagiert wird sich zeigen. Wenn es funktioniert und auch wirklich Anwendung findet kann ich nur sagen: WOW!

Beitrag zu Ende lesen

YouTube-Videos valide einbinden

Wer kennt das Problem nicht. Da hat man einen Blog oder eine Website, will ein YouTube-Video einbinden und das von YouTube bereitgestellte Snippet ist invalide. Nun heißt es googlen und von irgendeinem x-beliebigen Blog den validen Sourcecode kopieren im das Video sauber einzubinden. Ich habe beim stöbern im Netz einen Online-Generator gefunden der all dies für uns erledigt. Inkl. der Option die spätere Ausgabegröße zu bestimmen. Einziger Nachteil: Auch als Profi muss man sich auf eine Seite mit dem demütigenden Titel Tools4Noobs begeben...

Beitrag zu Ende lesen

Block- & Inline-Elemente in HTML

Den Aufbau einer Website könnt ihr euch als Verschachtelung von zahlreichen Boxen vorstellen. Jede Box entspricht hierbei einem HTML-Element und die wichtigsten Elemente sind immer entweder sog. Block- oder Inline-Elemente. Die Art des Elementes beeinflusst dessen Positionierung auf der Website.
In diesem Beitrag erklären wir euch, wie sich Block-und Inline-Elementen auf einer Seite verhalten, und wie ihr mittels CSS ein anderes Verhalten zuweisen könnt. Beitrag zu Ende lesen