Beiträge mit dem Schlagwort ‘Tutorial’
30+ Photoshop Weblayout Tutorials
Photoshop ist eines der am häufigsten verwendeten Programme um Websites von Null ab zu gestalten und das Layout zu zeichnen (evtl. von Papier und Stift mal abgesehen). Dabei wird das Programm von allen Erfahrungsstufen verwendet, vom Einsteiger bis zum Profi.
Da Photoshop allerdings sehr umfangreich ist, zeigen sich auch manchmal für den geübten Photoshop Anwender doch immer wieder der eine oder andere Fallstrick in der täglichen Anwendung.
Nachfolgend findet ihr mehr als 30 Tutorials für Photoshop, die sich mit der Gestaltung von Website-Layouts unter Photoshop beschäftigen. Die Sammlung stellt eine bunte Mischung von PSD-Tutorials dar, von der Business Website über Blog Designs und Foto Galerien, bis hin zu Gaming Sites und sehr ansehnliche Web 2.0 Layouts. Die Tutorials sind gut als Ideengeber, aber auch als Helfer falls mal eine etwas kompliziertere Stelle in Eurem Layout kommt und natürlich auch dafür gedacht einfach mal den Tutorials zu folgen.
Viele der Tutorials können auch als Basis für eigene Layouts genutzt werden. So muss ein Galerie-Template ja nicht zwingend für die Darstellung einer Foto-Galerie verwendet werden, sondern kann durchaus zur normalen Blog-Seite umgebastelt werden.
Viel Spaß mit den Tutorials…
135+ Wordpress Tutorials
Auch wer sich schon etwas mit Wordpress beschäftigt, der wird immer wieder an einen Punkt kommen, wo sich doch das eine oder andere Fragezeichen auftut. Also ran an Google & Co. und versucht irgendwelche Hilfen zu finden oder im Wordpress-Codex nach einem Ansatz gesucht.
Eine gute Anlaufstelle für viele Probleme und Fragestellungen hat Instantshift zusammengetragen. Eine Auflistung von mehr als 135 Tutorials für Wordpress ist dort zu finden.
Zu finden sind darunter wirkliche Basic-Tutorials, die jedem den Einstieg in die Wordpress-Welt ermöglichen, bis zur Darstellung von Drop-Down Menüs oder zur Entwicklung von eigenen Plugins.
Quelle: Instantshift – 135+ Ultimate Roundup of Wordpress Tutorials
Best of Photoshop Tutorials
Das Smashing-Magazine hat eine beeindruckende Sammlung der besten Photoshop Tutorials veröffentlicht, die ich Euch natürlich nicht vorenthalten möchte.
However, you don’t need to muddle through numerous Photoshop features and extensions for every design problem. You can use professional suggestions instead, e.g. professional step-by-step tutorials which provide excellent results and thus can save you a lot of time.
Darunter ist wirklich alles zu finden, vom perfekten retuschieren der Fotos vom letzten Abend über die Erstellung von Wasser-Tropfen, bis zum vielgefragten Tutorial um Produktschachteln mit Photoshop zu erstellen. Aber auch wenn ihr nach Cartoon-Zeichnungen, Texteffekten oder Buttons sucht, wird einige großartige Tutorials finden.
Nachfolgend zwei Beispielbilder als Appetithappen:
Quelle: Adobe Photoshop Tutorials – Best Of | Tutorials | Smashing Magazine
Eigentlich wollte ich an den Beitrag noch einige meiner eigenen Links anhängen. Nachdem ich allerdings die zusätzlichen Verweise am Ende des Beitrags gesehen habe, hatte sich das aber erübrigt.
Wobei, da wären doch noch ein paar…
Wordpress Theme Tutorial
Die Brüder Navdeep und Naveen haben in Ihrem Blog Dezinerfolio ein interessantes Tutorial zur Entwicklung eines Wordpress-Themes vorgestellt.
Für alle Wordpress-Interessierten, lohnt sich der Blick darauf auf jeden Fall. Das Tutorial ist gut durchstrukturiert und hilft auf jeden Fall weiter. Nichts desto trotz sollte man sich, will man ein eigenes Theme für seinen Blog entwickeln, auch mal die Standard-Themes ansehen. Viele Details und Fragen die einem im Zuge der Themegestaltung entgegen stehen, werden dort auch relativ gut beantwortet – glaubt mir, ich sprech aus Erfahrung 
Wordpress is one of the most successful blogging platform which we too are currently on. From the past few articles we have been giving out a few cool wordpress themes for download. Instead of coming up with some more themes, we decided to write a tutorial on how to develop a wordpress theme which we are sure will help a lot of you to design as you wish and bring them out into wordpress.
We are not too advanced wordpress developers but still we are sure the below tutorial will help you successfully develop a wordpress theme. Below you will learn to convert your xHTML CSS site into a Compact Wordpress Theme (final output is same as the normal theme but here code is shorter and easier to understand).
Das Tutorial führt Euch Schritt für Schritt durch die Maßnahmen, die für spezielle Seiten im Blog notwendig sind und wie diese aufeinander aufbauen. Zudem findet Ihr dort auch Downloads zu den einzelnen Seiten (z. B. für die Comments-Seite).
Viel Spaß beim basteln eigener Themes. Ihr könnt euch gerne bei mir melden, wenn ihr ein Theme fertig habt. Ich würde das dann, wenn gewünscht, hier im Blog präsentieren.
Link zum Blog-Eintrag “Developing a Wordpress Theme” bei DezinerFolio
JQuery Script Sammlung
Ähnlich wie die Verwendung von Mootools in Joomla, verwendet beispielsweise Wordpress die Bibliothek JQuery. JQuery vereinfacht analog Mootools die Anwendung von JavaScript, was sich insbesondere auf die so beliebten Web 2.0 Effekte auswirkt (Info: wer sich für die genauen Unterschiede von Mootools und JQuery interessiert, der findet hier weitere Hintergründe).
Passend eingesetzt ergeben sich nicht nur auf modernen Seiten sehr nützliche und praktische Anwendungen, die dem Nutzer die Anwendung einer Seite (oder Webanwendung) erleichtert, die Bedienung vereinfacht oder die Usability erhöht.
Nachfolgend findet Ihr eine kleine Auswahl an JQuery Scripte und Tutorials, die sich gut an viele Designs anpassen lassen.
Sliding Panel
Das Script ist eigentlich für ein Login-Panel gedacht, das vom oberen Bildschirmrand ein- und ausfadet. Es kann leicht jede andere Art von Content aufnehmen und so ein netter Effekt auf der Seite werden.
Link: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Mega Drop Down Menu
Ist ein sehr schön gemachtes Plugin für ein Drop Down Menü, das ohne Probleme bei entsprechender Gestaltung auch eine größere Anzahl an Links aufnehmen kann.
Link: http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/