jQuery Mobile 1.0 und jQuery 1.7 sind fertig und stehen zum Download bereit
verfasst von Pascal Bajorat, veröffentlicht am 21.11.2011 und 1 mal kommentiert
jQuery Mobile 1.0
Diesen Monat gab es gleich zwei neue jQuery Versionen, wobei ich persönlich den Release von jQuery Mobile am interessantesten finde. jQuery Mobile ist mehr als nur ein JavaScript Framework, es ist eine komplette UI Bibliothek die sich den aktuellen Smartphones und vor allem auch den Touch Geräten anpasst. Somit lassen sich mit der jQuery Mobile relativ einfach beeindruckende mobile WebAnwendungen auf HTML5 Basis realisieren. Wird die mobile jQuery Version richtig genutzt und die UI ordentlich angepasst lassen sich mobile Webseiten entwickeln die von echten Apps, zumindest auf dem iPhone, kaum noch unterschieden werden können.
JavaScript Library jQuery findet größere Verbreitung als Adobe Flash
verfasst von Pascal Bajorat, veröffentlicht am 25.08.2011 und noch nicht kommentiert
Nun ist es amtlich, zumindest theoretisch nach einer groben Statistik: Die JavaScript Bibliothek jQuery findet eine größere Verbreitung auf Top-Webseiten als Adobes Flash. Die auf jQuery Front-End Entwicklung spezialisierte Firma appendTo veröffentlichte am 24.08.2011 eine Meldung in der es heißt, dass in den ca. 17.000 Top HTTP Archive Webseiten rund 47% der Webseiten Flash Inhalte verwenden, mit einem Prozent mehr, nämlich 48% verwenden JavaScripte auf jQuery Basis. Nur Google Analytics wird noch häufiger verwendet als die JavaScript Bibliothek jQuery.
Anzeige - Hier werben…
Modernes Webdesign-Podcast jQuery SlideShow Plugin
verfasst von Pascal Bajorat, veröffentlicht am 27.06.2011 und noch nicht kommentiert
(Download und Vorschau der Slideshow am Ende dieser Seite) Ich habe euch hier ja bereits meine erste jQuery SlideShow vorgestellt, diese trägt den Namen: Simple fadeSlideShow (Offizielle Englische Webseite / Deutsche Anleitung auf Webdesign-Podcast.de). Mittlerweile habe ich die SlideShow die ich ursprünglich für den Webdesign-Podcast.de geschrieben habe so umprogrammiert, dass man sie relativ einfach als jQuery Plugin einbinden kann.
Diese zweite SlideShow möchte ich euch nun vorstellen und erklären. Wir fangen natürlich als erstes einmal mit dem Namen an, da die SlideShow hauptsächlich für den Webdesign-Podcast.de gedacht war und mir kein besserer Name eingefallen ist, trägt der Slider nun den langen Namen “Webdesign Podcast Slider”.
Die SlideShow ist unter der bzw. den selben Lizenzen wie auch die Simple fadeSlideShow freigegeben, also:
GNU GPL (http://www.gnu.org/licenses/gpl.txt) und der MIT Lizenz. Der Lizenz Vermerk lautet wie folgt:
weiterlesen…
jQuery Plugin MailCrypt Effektive Email-Verschlüsselung – Email Schutz vor Spambots
verfasst von Pascal Bajorat, veröffentlicht am 09.06.2011 und 4 mal kommentiert
Das grundlegende Problem dürfte jedem Webdesigner oder Webmaster bekannt sein, sobald Emails im Klartext auf einer Webseite dargestellt werden, kommen die Spambots vorbei und lesen die Mail-Adressen aus. Das Resultat davon ist leicht vorherzusehen, man bekommt mit der Zeit massenweise Spam-Emails.
Es gibt zwar einige Tools die dabei helfen Email-Adressen zu schützen, aber nicht alle sind dabei Effektiv. Ein Beispiel wäre, dass die Email-Adressen in Hash-Zeichen umgewandelt werden oder mit JavaScript escapes versehen werden. Mittlerweile sind die meisten Spambots allerdings in der Lage die auf diese Weise kodierten Email-Adressen zu entschlüsseln und zu missbrauchen.
Eine gute und effektive Möglichkeit Email-Adressen zu schützen ist, dass sie nicht aussehen wie Email-Adressen. Der Link geht auf eine HTML Datei und nicht mit mailto: direkt auf eine Adresse. Der Text (innerHTML) zeigt im besten Fall auch keine Email-Adresse und schon gar nicht mit den sowieso beliebten test(at)test.de oder test[at]test.de Ersatzzeichen. Die werden auch von vielen Spambots mit ausgelesen.
Ein gut verschlüsselter Email-Link könnte also wie folgt aussehen:
weiterlesen…
10+ coole und empfehlenswerte jQuery Plugins
verfasst von Pascal Bajorat, veröffentlicht am 03.05.2011 und 1 mal kommentiert
In diesem Artikel möchte ich euch einige sehr empfehlenswerte jQuery Plugins vorstellen. Ich selber mag diese Art von Artikel ja ganz gerne, zum einen sind die Artikel für mich schnell geschrieben, zum anderen finde ich so bei der Suche nach coolen Plugins, selber immer wieder einige die unbedingt einmal ausprobiert werden müssen.
In der folgenden Liste werdet ihr sowohl ein paar Plugins finden die bereits relativ bekannt sind und auch ein paar kleinere unbekannte.
jQuery UI
Mit dem ersten Plugin breche ich direkt die eigentliche Vorgabe der Überschrift, denn bei der jQuery UI handelt es sich weniger um ein einfaches Plugin, als um eine on top Erweiterung des jQuery Frameworks. jQuery UI stellt eine vielzahl an User Interface Funktionen zur Verfügung und deckt damit eine großen Bereich ab, dass soll heißen man könnte alleine mit der jQuery UI ein umfangreiches Backend für eine Webanwendung realisieren oder moderne Websites bauen.
Es gibt zum Beispiel folgende Funktionen und Interaktionen: Accordion, Autocomplete, Draggable, Droppable, Resizable uvm.
jQuery simple FadeSlideShow
Einige von euch wissen es vielleicht schon: Die simple FadeSlideShow ist von mir, daher wundert es natürlich nicht, dass ich sie hier aufführe. Bei diesem Plugin handelt es sich um einen einfachen Image und Content Fader, mit der Möglichkeit mehrere Bedienelemente ein- oder auszublenden. Das simple FadeSlideShow Plugin zeichnet sich durch eine außerordentlich hohe Anpassbarkeit und viele Optionen für individuelle Einstellungen aus. Weiterhin verfügt sie über Feature wie eine Tastatursteuerung und einzeln schaltbare Funktionen.
www.simplefadeslideshow.com – Deutsche Anleitung auf Webdesign-Podcast.de
jQuery Fade Slideshow Plugin selber programmieren
verfasst von Pascal Bajorat, veröffentlicht am 21.12.2010 und 8 mal kommentiert
Vergangene Woche habe ich ein kleines jQuery Plugin für eine meiner Webseiten geschrieben, eine kleine Fade Slideshow. Da die Slideshow relativ einfach ist und gerade einmal ca. 2,5kb Code umfasst, ist dieses Plugin genau richtig um euch einen kleinen Einblick in die jQuery Plugin Entwicklung zugeben.
Eine Demo der Slideshow findet ihr unter folgender Adresse: http://fadeslideshow.pascal-bajorat.com/
Eine Anleitung zu dem Plugin findet ihr auf der jQuery.com Webseite: http://plugins.jquery.com/project/fadeslideshow
Jeder der die Slideshow im kompletten Umfang oder auch nur Teilbereich übernehmen möchte darf dies gerne unter den Bedingungen der MIT oder GNU GPL v.3 Lizenz tun.
Der HTML-Code für die Slideshow:
<ul id="slideshow"> <li><img src="images/4.jpg" width="640" height="480" border="0" alt="" /></li> <!-- Dies ist das letzte Bild in der Slideshow --> <li><img src="images/3.jpg" width="640" height="480" border="0" alt="" /></li> <li><img src="images/2.jpg" width="640" height="480" border="0" alt="" /></li> <li><img src="images/1.jpg" width="640" height="480" border="0" alt="" /></li> <!-- Dies ist das erste Bild in der Slideshow --> </ul>
Kommen wir nun zu dem eigentlichen Plugin. Fangen wir einmal damit an, wie das Plugin später vom Benutzer aufgerufen wird:
weiterlesen…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…
