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…
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
Standortbestimmung / GeoLocation mit JavaScript / HTML5
verfasst von Pascal Bajorat, veröffentlicht am 12.04.2011 und noch nicht kommentiert
Auf Smartphones findet die GeoLocation Funktion bereits rege Anwendung z.B. in Maps Applikationen oder Twitter um Tweets mit Location Strings zu versehen. Diese GeoLocation Funktion findet mit HTML5 nun auch Einzug auf die Desktop Browser. Denn im neuen HTML5 Standard wurde die JavaScript API um eine navigator.geolocation Klasse erweitert. GeoLocation berechnet die aktuelle Position aufgrund von GPS-Daten, insofern diese zur Verfügung stehen. Ist dies nicht der Fall, so wird versucht anhand des Wi-Fi SNetzes und der IP-Adresse den aktuellen Standort zu bestimmen.
Die GeoLocation Daten lassen sich via JavaScript relativ einfach abfragen, es gilt allerdings zu beachten, dass jeder Nutzer der Abfrage seiner Standortbezogenen Daten erst zustimmen muss. Dies geschieht in Form eines einfachen Dialogs, der vom Browser aus gesteuert wird. Es sollte also immer sichergestellt sein, dass die Webseite oder das Script nicht zwingend auf GeoLocation Daten setzt, denn der Zugang zu diesen Daten kann auch durchaus vom Nutzer verweigert werden.
Grundlage für unser Script ist erst einmal eine Abfrage die checkt ob uns überhaupt eine navigator.geolocation Klasse zur Verfügung steht, dass würde dann so aussehen:
weiterlesen…Zufallszahlen mit JavaScript Math.random() Adaption zu PHP rand() – Tutorial
verfasst von Pascal Bajorat, veröffentlicht am 31.03.2011 und noch nicht kommentiert
Das Generieren von Zufallszahlen in JavaScript ist nicht ganz so einfach und komfortabel wie in PHP. In PHP lassen sich Zufallszahlen relativ einfach mit der Funktion rand ( int $min , int $max ) erzeugen. Die Funktion kann zusätzlich mit zwei optinalen Parametern ausgestattet werden:
- Mindestgröße der Zufallszahl
- Maximalgröße der Zufallszahl
So könnte ein Funktionsaufruf in PHP zum Beispiel wie folgt aussehen:
< ?php // Gibt eine Zufallszahl zwischen 0 bis 32768 zurück echo( rand() ); // Gibt eine Zufallszahl zwischen 10 bis 30 zurück echo( rand( 10, 30 ) ); ?>
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…
