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
Wie bereits im Oktober und September, habe ich auch in diesem Monat die besten Webdesign-Tools der vergangenen 30 Tage zusammengefasst. Die Sammlung ist sehr abwechslungsreich. Scripte zur Erstellung von Parallax-Effekten, Tools zum Sortieren des CSS-Codes, PDF Generierung per JavaScript, Bild- und Texteffekte mit jQuery, Cheatsheets für Media Queries … ich bin sicher, es ist für jeden etwas dabei.
Beitrag zu Ende lesen
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
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
Wenn ihr einen Webfont selbst erstellt oder gekauft habt, könnt ihr ihn mit der CSS-Regel @font-face in eure Website einbetten. Websichere Schriften werden dann nur noch zur Sicherheit als Fallback-Font angegeben. In diesem Beitrag zeigen wir euch, wie das Einbinden eines Webfonts mittels @font-face funktioniert. Beitrag zu Ende lesen
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
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