Optimierung der Ladezeiten (Page Speed, mod_gzip, mod_expires, CSS Sprites, HTTP Requests, …)
verfasst von Gastautor, veröffentlicht am 14.02.2012 und 1 mal kommentiert
Es ist doch immer dasselbe Problem.
Ihr habt eine tolle Seite, die interessante Inhalte bietet.
Doch die Ladezeit eurer Seite vergrault eure Gäste.
In Zeiten von ständig verbesserter Hardware liegen die Probleme immer seltener beim Hoster. Fehlkonfigurationen, fehlende Angaben, schlechter und/oder zu viel Code sind alles Faktoren die eure Ladezeiten beeinflussen.
Wir geben Abhilfe!
Ob Apache Modul, HTTP Header oder nur die Umstrukturierung/Verkleinerung eures Quellcodes:
» In diesem Artikel gebe ich euch einige Tipps zur Optimierung eurer Ladezeiten!
Vorlage: HTML5 / CSS3 Navigation mit Transitions in verschiedenen Farben als Download und Tutorial
verfasst von Pascal Bajorat, veröffentlicht am 10.02.2012 und noch nicht kommentiert
In diesem kleinen Tutorial möchte ich euch zeigen, wie ihr mit wenig Aufwand eine ansprechende CSS3 Navigation erstellen könnt. Das Ergebnis dieses Tutorials gibt es also Download-Vorlage (HTML5 und CSS3 Daten) in sechs verschiedenen Farben (blau, grau, silber/weiss, grün, gelb und pink) am Ende dieses Artikels.
Die in der Download-Vorlage enthaltenen Daten können ohne größere Einschränkungen unter der Creative Commons (CC) BY-SA 3.0 Lizenz verwendet und weitergegeben werden.
Anzeige - Hier werben…
CrossDomain AJAX mit jQuery ( $.getJSON() )
verfasst von Pascal Bajorat, veröffentlicht am 06.02.2012 und 1 mal kommentiert
Es gibt verschiedene Anwendungsfälle in denen es nötig ist Daten via AJAX von einer externe Webseite zu laden, z.B. für die Ausgabe der letzten Tweets einer Twitter-Timeline. Am einfachsten lässt sich dies über jQuery mit der $.getJSON() Funktion lösen. Für diejenigen, die bis dato noch nicht mit dem JSON Datenformat gearbeitet haben, empfehle ich sich kurz einen Überblick in der Wikipedia zu verschaffen: JavaScript Object Notation (JSON).
In diesem Artikel möchte ich euch zum einen zeigen, wie ihr die letzten Tweets eurer Timeline auslesen könnt und natürlich wie ihr eure eigene JSON Datei für die jQuery $.getJSON() Funktion erstellt.
Einfache Animationen / Übergangseffekte mit CSS3 Transitions
verfasst von Pascal Bajorat, veröffentlicht am 18.01.2012 und 4 mal kommentiert
Mit CSS3 ist es extrem einfach geworden kleinere Animationen bzw. Übergangseffekte zu bewerkstelligen, die man vorher vielleicht mit JavaScript gemacht hätte. In den meisten Fällen hätten viele sich die Mühe wahrscheinlich generell gespart und komplett auf animierte Übergänge verzichtet. Dank der CSS3 Transition-Funktion sind genau diese Übergangseffekte nun einfach zu integrieren und die Browser, die nicht damit umgehen können springen direkt ohne Animation zu dem fertigen Übergangswert (:hover).
HTML5 & CSS3 Video-Training – Animationen mit CSS3
verfasst von Pascal Bajorat, veröffentlicht am 13.01.2012 und 5 mal kommentiert
Wie ihr vielleicht wisst, habe ich bereits einige DVD-Produktionen hinter mir. Dazu zählen unter anderem die Webdesign-Workshop DVD, Webdesign-Workshop DVD Vol. 2, sowie die Photoshop-Workshop-DVD – Effekte für Typo, Layout & Foto – Vol. 2. All diese DVD’s sind wunderbare Lernmittel, an denen ich und einige weitere Autoren mitgewirkt haben.
Das neue achtstündige HTML5 & CSS3 Video-Training ist nun das erste, dass ich als alleiniger Autor erstellt habe, daher möchte ich euch die DVD in diesem Artikel gerne kurz vorstellen und ein Training davon zum ausprobieren und antesten zeigen.
Als erstes fangen ich einmal damit an, was diese Lern-DVD / Video-Training von denen anderer unterscheidet. Ich selber mache mir bei solchen Projekten auch immer Gedanken, wie man bestimmte Sachen am Besten lernen kann. Letztendlich stand für mich fest, dass man am einfachsten lernen kann, wenn man den Einsatz von HTML5 und CSS3 nicht in Einzelnen kleinen Videos sieht, sondern in zusammenhängenden Praxis-Projekten.
weiterlesen…
Webdesign-Podcast.de Folge 23 - Animationen mit CSS3 [ 17:47 ] simpleCE – Das kleine und feine mini CMS (inkl. Video)
verfasst von Pascal Bajorat, veröffentlicht am 21.12.2011 und 24 mal kommentiert
simpleCE Screenshot
Vermutlich wird es dem Einen oder Anderen sicher aufgefallen sein, dass ich die letzten Monate nicht so aktiv auf dem Webdesign-Podcast.de war wie ich es früher einmal war oder eigentlich auch wollte. Doch ich war in dieser Zeit natürlich nicht untätig…
In den vergangenen Woche ist zum Beispiel ein kleines Content-Verwaltungs-Tool entstanden, dass ich mit dem Namen simpleCE, für simple content editing (zu deutsch: Einfache Inhalte Verwaltung), versehen habe.
Mein Lieblings CMS WordPress eignet sich zwar sehr gut für die mittel großen bist ganz großen Seiten, doch bei einfachen Portfolios oder kleinen bis mittleren Firmen-Webseiten ist auch WordPress eher getreu dem Motto: Mit Kanonen auf Spatzen.
Webdesign Podcast auf Facebook
Newsletter
Immer auf dem neusten Stand bleiben, mit unserem Newsletter. Einfach E-Mail eintragen und los geht's
Anzeigen - Hier werben…
