kulturbanause Blog

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


Smartfilter kopieren und verschieben – Photoshop CS6 Tipp

Die Smartfilter von Photoshop arbeiten non-destruktiv und sollten daher den normalen Filtern in den meisten Fällen vorgezogen werden. Wendet ihr einen Filter auf ein Smartobjekt an, wird automatisch ein sog. Smartfilter erstellt. Ein Smartfilter hat den Vorteil, dass ihr sowohl das Originalbild, als auch alle Filtereigenschaften im Nachhinein noch verändern oder deaktivieren könnt. Ihr arbeitet also verlustfrei und i.d.R. auch effizienter. Mit folgendem Shortcut könnt ihr Smartfilter zwischen Ebenen verschieben oder kopieren.

Beitrag zu Ende lesen

Quo vadis, Social Media?

In einem kürzlich veröffentlichten Artikel, wird die Frage aufgeworfen, ob der Niedergang von Social Media schnell genug kommen könne.

Auslöser der Debatte scheint unter anderem eine in der Community mit Missgunst beobachtete Entwicklung bei dem bedeutendsten Dienst im Web 2.0, Twitter, zu sein, die erste Abgesänge auf das Netzwerk laut werden lässt.

Beitrag zu Ende lesen

Sollte text-indent: -9999px; ersetzt werden?

Ich behaupte einfach mal, dass wohl jeder Webdesigner schon Text mit der CSS-Eigenschaft text-indent: -9999px; versteckt hat. Die aus heutiger Sicht schon fast antike Technik entstammt noch Zeiten, in denen wir ausgefallene Schriftarten mit Hilfe von Grafiken einbetten mussten. Da es Webfonts noch nicht gab, wurden Schmuckschriften in Bildern gespeichert. Anschließend wurde einem Element die Grafik als Hintergrundbild zugewiesen; der für die Suchmaschinen enthaltene „echte“ Text wurde versteckt. Mit Hilfe von text-indent: -9999px; wurde er um 9999 Pixel aus dem sichtbaren Bereich heraus verschoben.

Beitrag zu Ende lesen

Webfonts mit einem Webfont-Generator erstellen

Wer keine Systemschriften verwenden oder auf Webfont-Anbieter zurückgreifen möchte, kann selbst aus einer vorliegenden Desktop-Schrift einen Webfont erzeugen. In diesem Fall kann die Schrift sehr individuell für die Website ausgewählt werden. Allerdings solltet ihr in Bezug auf das Lizenzmodell der Ausgangsschrift einiges beachteten. Wie ihr mithilfe eines Webfont-Generators eine Schrift in das passende Dateiformat umwandelt, beschreiben wir in diesem Artikel. Beitrag zu Ende lesen

Adaptive Website vs. Responsive Website

Es gibt verschiedene Ansätze eine Website mit Hilfe von Media Queries für verschiedene Displaygrößen zu optimieren. Einmal steht das Ausgabegerät im Vordergrund, einmal das Design bzw. die Information. Ich möchte erklären was der Unterschied zwischen »responsive« und »adaptive« ist, welche Missverständnisse es in diesem Zusammenhang gibt und welche welche Vor- und Nachteile die Varianten haben.

Beitrag zu Ende lesen