mein Name ist Pascal Bajorat und ich habe den Webdesign Podcast vor über 3 Jahren gegründet. Gemeinsam mit dem Rest des Teams freue ich mich, dass du unseren Fachblog in den Weiten des Internets gefunden hast.
Wir bieten dir hier viele interessante Artikel und Tutorials zu aktuellen Themen, wie z.B. HTML5, CSS3, WordPress, jQuery, Photoshop, PHP, MySQL, Social Media uvm.
Neben den vielen Tutorials gibt es ebenfalls einen praxisbezogenen Video-Podcast, der über iTunes oder via RSS Feed abonniert werden kann.
Die jQuery Library ist eine der beliebtesten JavaScript Frameworks der Webwelt. Ich möchte euch im Laufe der Zeit langsam in die Funktionen des jQuery Frameworks einführen. Wir fangen mit einer der einfachsten Funktionen an die oft überschätzt wird. Das Accordion ist eine beliebte Möglichkeit um Content aufzugliedern und zu kategorisieren, oft werden hierzu schwere Geschütze in Form von 50-100kb großen Scripten aufgefahren. Doch dies ist in der Regel gar nicht nötig, denn wer sich sein kleines Accordion selber baut benötigt dazu nur ca. 8 Zeilen JavaScript bzw. jQuery Code.
Wie genau das funktioniert erkläre ich euch in dieser Podcast Folge.
Die jQuery Library ist eine der beliebtesten JavaScript Frameworks der Webwelt. Ich möchte euch im Laufe der Zeit langsam in die Funktionen des jQuery Frameworks einführen. Wir fangen mit einer der einfachsten Funktionen an die oft überschätzt wird. Das Accordion ist eine beliebte Möglichkeit um Content aufzugliedern und zu kategorisieren, oft werden hierzu schwere Geschütze in Form von 50-100kb großen Scripten aufgefahren. Doch dies ist in der Regel gar nicht nötig, denn wer sich sein kleines Accordion selber baut benötigt dazu nur ca. 8 Zeilen JavaScript bzw. jQuery Code.
Wie das genau funktioniert werde ich euch in diesem Beitrag zeigen bzw. ihr könnt es euch in der Podcast Folge 3 auch ansehen.
In dem Blog Beitrag “Webseiten auf Browser-Kompatibilität testen, aber richtig” habe ich euch gezeigt, wie ihr Webseiten in diversen Browsern testen könnt. Das einzige, dass jetzt noch fehlt, ist das ich euch sage wie ihr Darstellungsfehler in unterschiedlichen Browsern beheben könnt. Wenn wir mal ganz ehrlich sind, dann treten die meisten Fehler eher weniger in den Webkit (Safari, Chrome, usw.) oder Gecko (Firefox) Engine Browsern auf, sondern in den diversen Versionen des Microsoft Internet Explorers.
Gerade für solche Fälle gibt es eine sehr gute Lösung um speziell für den Microsoft Internet Explorer zugeschnittene CSS-Daten zu erstellen. Diese Lösung nennt sich Conditional Comments. Conditional Comments bieten eine relativ einfach zu verwendende Möglichkeit für diverse Versionen des Internet Explorers eine ganz eigene CSS-Datei einzubinden. In Ausgeschriebener Form sind z.B. folgende Möglichkeiten denkbar: Wenn der verwendete Browser älter oder gleich Internet Explorer 7 ist dann soll die Stylesheet Datei ie7.css eingebunden werden.
Da sind wir wieder beim Thema der Themen, dass jeden Webdesigner interessieren muss und wo niemand drum rum kommt. Seit dem Microsoft in den gänigen Betriebsystemen (Win XP – Win 7) eine Browserwahl eingebaut hat, dürfte die Browserverteilung immer mehr auseinanderreißen. Um so wichtiger ist es Webseiten W3C-Konform zu programmieren, damit so viele Browser wie möglich die Webseite richtig darstellen (auch wenn Microsofts Internet Explorer Konformität oft vernachlässigt).
Ich möchte euch nun zwei Web-Tools vorstellen, die euch das Testen eurer eigenen Webseiten erheblich erleichtern sollen.
Wir haben für euch 12 professionelle und moderne Web-Layouts von deviantArt, aus den letzten 7 Monaten zusammengestellt. Diese kleine Sammlung soll euch als kreative Schützenhilfe im Alltag dienen und bei Ideenlosigkeit einwenig inspirieren. Hauptaugenmerk lag auf der Gestaltung / Umsetzung des Layouts und der Content Realisierung. Gesucht wurde in Gruppen und in der Webdesign Kategorie von deviantArt. Viel Spaß!
Mit nichts kann man Webseiten heut zu Tage besser aufwerten als mit Icons. Icons können in fast jedem Bereich einer Webseite Anwendung finden, da wären zum Beispiel: Icons in der Navigation um dem Benutzer die Menüführung zu erleichtern, in der Sidebar um klar zu machen um was für Teaser es sich handelt, in mehrspaltigen Text-Spalten um die Texte zu kennzeichnen und als einzelne Buttons zum Beispiel für RSS-Feeds, Twitter und Facebook. Der Verwendung von Icons sind quasi keine Grenzen gesetzt.
Wer nun aber nicht unbedingt über das nötige Kleingeld verfügt, um sich zum Beispiel Icons von der Edel Icon-Manufaktur Iconfactory.com erstellen zu lassen, kann immer noch auf die vielen hochwertigen kostenlosen Icons zurückgreifen.
Damit wären wir dann auch beim Thema angelangt. Ich möchte euch in diesem Beitrag einige sehr gute kostenlose Icon-Sets zeigen.
Antique Icons
Antiques Icon-Set mit 8 Icons zwischen 16×16 px und 256×256 px
In diesem kleinen Tutorial erkläre ich euch, wie es moeglich ist, mit einfachen Mitteln ein Logo in Photoshop aufzuwerten. Durch Verläufe, Ebeneneffekte / Stile oder Pinselspitzen wird aus einem simplen Logo ein auffälliger Hingucker.
