smart | Webentwicklung
Alles rund um HTML5, PHP, WordPress & Co.

Monats-Archiv: Februar 2013

6 Schritte zur Aktualisierung eures WordPress Plugins

27. Februar 2013
Stephan
6 Schritte zum Aktualisieren eures WordPress Plugins

Im Zuge der Aktualisierung meines WordPress Plugins „In Image Ads Manager“ musste ich das überarbeitete Plugin auch via SVN ins WordPress Plugin-Verzeichnis hochladen.

Da es sich dabei um meine erste Plugin-Aktualisierung für WordPress handelte, wusste ich nicht auf was man eigentlich alles achten muss. Nach kurzer Recherche hat die Aktulisierung aber reibungslos geklappt und die neue Version des Plugins kann nun von allen WordPress Nutzern verwendet werden.

In diesem Artikel zeige ich euch die hierfür nötigen Schritte.

Weiterlesen

Kategorie: WordPress

WordPress: Neuen Color-Picker Iris in einem Plugin nutzen

25. Februar 2013
Stephan
WordPress: Neuen Standard-Color-Picker in einem Plugin einsetzen

Eines der neuen Features von WordPress 3.5 ist der neue standardmäßige Iris Color-Picker zur einfachen Farbauswahl.

Dieser löst den somit „veralteten“ (deprecated) Color-Picker Farbtastic ab. Da ich Farbtastic in meinem WordPress Plugin In Image Ads Manager verwendete, habe ich nun mein Plugin überarbeitet und den neuen Iris Color-Picker eingebunden.

Damit ist natürlich auch der Artikel „WordPress: Farbtastic Color-Picker in Plugin nutzen“ hinfällig. Deshalb möchte ich im Folgenden zeigen, wie ihr den neuen Color-Picker in einem eurer Plugins einbinden und verwenden könnt.

Weiterlesen

Kategorie: WordPress

HTML5 Validations – Clientseitige Formularvalidierung

21. Februar 2013
Stephan
HTML5: Clientseitige Formular-Validierung mit HTML5 Validations

Dank HTML5 Validations kann man heutzutage als Webentwickler sehr leicht grundlegende Formulareingaben clientseitig validieren. Hierfür benötigt ihr in der einfachsten Form nicht mal zusätzliches JavaScript.

Mithilfe von CSS und den für die HTML5 Validations hinzugekommenen Pseudoklassen bzw. Pseudoselektoren lassen sich so benutzerfreunliche Formulare umsetzen.

In diesem Artikel zeige ich euch wie ihr ein HTML Formular clientseitig validieren könnt und es mittels CSS ansprechend gestalten könnt.

Weiterlesen

Kategorie: CSS & (X)HTML5

jQuery: 4 Ansätze den Zustand einer Checkbox zu ermitteln

18. Februar 2013
Stephan
JavaScript - jQuery: Zustand einer Checkbox ermitteln

Mit jQuery testen, ob eine Checkbox vom Benutzer selektiert wurde oder nicht: klingt einfach und ist es (wenn man weiß wie) an sich auch.

Nichtsdestotrotz musste ich dann letztens doch ein wenig googlen, da mein erster Ansatz leider nicht so funktionierte wie ich anfangs dachte.

Falls ihr also mal vor dem gleichen Problem stehen solltet, kann der folgende Artikel sehr hilfreich für euch sein. Im Folgenden zeige ich euch 4 simple Ansätze bzw. Möglichkeiten den Zustand einer Checkbox mit jQuery zu ermitteln.

Weiterlesen

jQuery: AJAX-Requests erst nach einiger Zeit (Delay) senden

14. Februar 2013
Stephan
JavaScript - jQuery: AJAX-Requests erst nach einiger Zeit (Delay) senden

Falls ihr schon mal selbst mit jQuery eine Live-Suche programmiert habt, standet ihr vielleicht vor dem gleichen Problem wie ich. Nach jeder Eingabe in ein bestimmtes Suchfeld, sollte per AJAX eine HTTP-Anfrage an den Server geschickt werden, der basierend auf der Eingabe die entsprechenden Daten zurückliefert.

Mein Problem dabei war, dass ich bei jedem keyup-Event, also unmittelbar nach jedem Zeichen das ins Suchfeld eingegeben wurde, einen AJAX-Request gesendet habe. Hierdurch entstehen zwei wesentliche Nachteile. Zum einem werden unnötig viele HTTP-Anfragen bzw. AJAX-Requests gesendet. Zum anderen kann es passieren, dass die jeweiligen HTTP-Antworten vom Webbrowser nicht in der erwarteten Reihenfolge empfangen werden.

Eine Lösung für dieses Problem ist, dass bevor man den AJAX-Request abschickt eine gewisse Zeit – im Fachjargon spricht man hier gerne von „Delay“ – wartet. Sollte vor Ablauf des Delays das keyup-Event erneut ausgelöst werden, so verwirft man den (alten) auszulösenden AJAX-Request einfach.

Weiterlesen