Internet Explorer - Der Fluch eines jeden Webentwicklers. Bis zu 60% der Entwicklung kann durch die Bugs des Internet Explorers zu nichte gemacht werden. In diesem Tutorial zeige ich euch einige der häufigsten Internet Explorer Bugs sowie du diese Fehler umgehen kannst. Lasst uns starten Zentrieren eines Layouts Das zentrieren eines Elements ist warscheinlich etwas, […]
Erstelle eine Dialogbox mit CSS3 und jQuery
Einige von euch wissen mittlerweile sicherlich, dass ich zurzeit an dem neuen Template Marktplatz Themebay arbeite. Hierbei habe ich verschiedene Scripte mit jQuery eingesetzt. Unter anderem auch eine Dialogbox. In diesem kleinen Tutorial werde ich euch kurz und knapp erklären, wie Ihr eine solche Dialogbox programmieren könnt. Da der Internet Explorer wie üblich nicht alles […]
CSS3 cheat sheet als PDF Datei
Beim stöbern auf diversen Blogs bin ich heute auf eine ziemlich hilfreiche PDF Datei gestoßen. Der Webpogrammierer Chris Hanscom von Veign.com hat einen kostenlosen CSS3cheat sheet erstellt. Es ist eine Auflistung aller Eigenschaften, Selektoren Typen und zulässigen Werte in den aktuellen CSS 3-Spezifikation des W3C. Neben jeder Eigenschaft befinden sich die dazu entsprechenden Werte.
Erstelle ein kategorisiertes Portfolio mit jQuery
Wenn du schon eine Weile in deinem Bereich arbeitest, wirst du warscheinlich ein ziemlich umfangreiches Portfolio besitzten. Um es ein wenig übersichtlicher zu gestalten, ist es sicherlich auch noch in einzelne Kategorien aufgeteilt. In diesem Tutorial werde ich das “Filtern der Kategorien” ein wenig interessanter machen mit ein klein wenig jQuery. Die Source Dateien zu […]
CSS3 Hover Tabs ohne Javascript
Mit den neuen Techniken, die CSS3 mit sich bringt sowie den vorhandenen CSS Techniken ist es möglich verstärkt auf Javascript zu verzichten. Eigentlich garkeine so schlechte Sache. Wir werden einen Tab erstellen, der komplett ohne Javascript funktioniert und wirklich nur CSS Techniken nutzt. Hierbei helfen uns die neuen CSS3 Techniken um dieses Vorhaben zu realisieren. […]
Cascading Stlye Sheets ( CSS ) Sprites
Viele große Internetseiten wie etwa Amazon oder EA nutzen sogenannten CSS Sprites. Nun, was ist das überhaupt … “CSS Sprites”? Bei sogentannten CSS Sprites nutzen wir nicht mehr viele einzelne Grafiken, sondern beispielsweise nur eine. Dies ermöglicht uns, die Größe der Webseite zu vergingern und damit natürlich auch die Ladezeit.