Artikel der Kategorie ‘Webdesign’

Illustrator Tutorial: Glossy Buttons in Illustrator erstellen

Im heutigen Video-Tutorial erklärt Manuel, wie man mit Illustrator in ein paar Schritten wunderschöne Glanzbuttons erstellen kann. Er verwendet dabei super hilfreiche Illustrator-Funktionen, wie das Ellispen-Werkzeug, Verläufe und Blendeneffekte. Die fertigen Buttons gibt’s übrigens auch zum downloaden.
Weiterlesen

Illustrator-Tutorial: Eine Handzeichnung in Illustrator kolorieren

Heute gibt’s ein tolles Screencast-Tutorial von Manuel :-) Er zeigt dir, wie man in ein paar Schritten eine Handzeichnung in Adobe Illustrator nachzeichnet, und mit der Interarkiv Malen-Funktion kolorieren kann. Außerdem verwendet er im Video Farbverläufe und Schatteneffekte als weitere Illustrator-Tricks ;-)
Weiterlesen

Javascript Slider Effekte – eine kleine Übersicht

In den letzten Tage habe ich mich auf die Suche nach Javascript Slider-Effekten gemacht, mit denen man Fotos und Texte auf elegante Weise animieren kann. Es gibt jede Menge schöne Lösungen, und es kommt auf das jeweilige Webdesign und die Inhalte an, welche Lösung am besten geeignet ist. Das Gestalten des Sliders mit CSS ist dann eigentlich recht einfach, obwohl ich doch ein bisschen basteln musste, bis ich meine Lösung mit 2 unterschiedlichen Slider-Effekten auf einer Seite hinbekommen habe ;-) Hier eine kleine Übersicht meiner Recherche:
Weiterlesen

Smooth Scroll – elegantes Scrollen mit Jquery

Update zum Thema Smooth Scroll
Im Artikel “Back-to-Top Buttons mit Smooth Scroll und Fading in WordPress verwenden” findest du eine aktuellere Bearbeitung zum Thema Smooth Scroll. Außerdem wird hier noch ein praktischen WordPress-Plugin vorgestellt. Schau doch mal rein!

Um auf längeren Webseiten wieder zum Seitenanfang zu gelangen, oder um zwischen verschiedenen Elementen einer Seite hin und her zu scrollen, setzt man Ankerpunkte (z.B. #top). Um die normalerweise abrupten Seiten-Scrolls zu verschönern, kann man mit Hilfe der Javascript-Library Jquery sogenannte Smooth-Scrolls (seichte Scrolls) einsetzen.
Weiterlesen

CSS Code optimieren – hilfreiche Tipps und Tools

Es gibt viele Möglichkeiten CSS Code zu formatieren, und jeder Webdesigner hat da so seine eigenen Vorlieben. Wichtig ist vor allem, dass man sich auch zu einem späteren Zeitpunkt immer wieder schnell in seinem Code zurecht findet. Schließlich will man ja nicht bei jeder Style-Änderung ewig in seinem eigenen Code suchen ;-). Und wenn man in einem Team arbeitet, ist ein übersichtliches Style Sheet natürlich besonders gefragt. Ich habe ein paar Tipps und Tools zusammengestellt, die bei der Optimierung von CSS Code helfen können.
Weiterlesen

Seite 32 von 38«...10...313233...»