BeanSoup.de

WEB DESIGN
Beanslider
... ein jQuery-Plugin für eine Slideshow mit verschiedenen Effekten und individuellen Einstellungen.
Beanbox
... eine Lightbox. Textinformationen, Style und Autoplay sind in diesem jQuery-Plugin konfigurierbar.
Beanloupe
... ein Image Magnifier. Mit dem jQuery-Plugin können Images vergrößert werden. Es stehen viele Optionen zur Verfügung, um den Style anzupassen.
Beanloader
... ein einfacher Preloader mit Animation. Hintergrund und Message-Text können über Parameter im Aufruf der jQuery-Funktion angepasst werden.
Beanmenu
... ein Hamburger-Menü, das als jQuery-Plugin eingebunden wird. Individuelle Einstellungen werden durch Parameter im Funktionsaufruf gesetzt.
AfterImage
... visualisiert Unterschiede auf zwei Images in der Form "vorher-nachher". Das jQuery-Plugin stellt verschiedene Optionen bereit.
EasyCheckboxes
... ein Checkbox-Element, das sich browserunabhängig gestalten lässt. Styles werden mit dem Aufruf der jQuery-Funktion gesetzt.
EasyRadioButtons
... Radio-Buttons, welche sich browserunabhängig gestalten lassen. Styles werden mit dem Aufruf der jQuery-Funktion gesetzt.
EasySelect
... eine Auswahlbox, welche browserunabhängig gestaltet werden kann. Option-Elemente werden nicht benötigt.

MULTIMEDIA
secondPlayer
... hier wird gearbeitet. Versuche es später noch einmal.
epgData
... hier wird gearbeitet. Versuche es später noch einmal.
secondAmp
... hier wird gearbeitet. Versuche es später noch einmal.

MISC STUFF
Cordova Control Panel
... eine grafische Benutzeroberfläche für das Apache Cordova Project.
foEdit
... hier wird gearbeitet. Versuche es später noch einmal.

WEB DESIGN

Beanslider

Beanslider ist ein jQuery Plugin, mit dem sich sehr einfach eine Slideshow realisieren lässt. Das Plugin ist "Fully Responsive" und unterstützt mehrere Slide-Effekte. Neben Images kann jeglicher Inhalt (Text, Video, Tabellen etc.) eingebunden werden.

EasySelect

EasySelect ist ein jQuery Plugin, das es ermöglicht, eine Select-Box sehr einfach zu gestalten. Die Darstellung ist browserunabhängig. Option-Elemente werden dabei nicht benötigt - der Inhalt wird der jQuery-Funktion als Array übergeben. Der HTML-Quellcode wird dadurch minimiert. Die Auswahl kann, wie bei einer klassischen Select-Box, in php über das value- und name-Attribut abgefragt werden.

Beanmenu

Mit Beanmenu wird ein Hamburger-Menü realisiert. Symbol und Info-Text können mit dem jQuery Plugin sehr einfach angepasst werden. Das Hamburger-Icon wird ohne Images erzeugt und ist in Größe und Farbe veränderbar. Der Inhalt des Menüs kann, wie üblich, in jeder gewünschten Form eingefügt und mit HTML und CSS gestaltet werden.

EasyCheckboxes

EasyCheckboxes ist ein jQuery Plugin, das es ermöglicht, input-Elemente vom Type 'checkbox' browserunabhängig zu gestalten. Größe, Farbe und Form der Elemente sowie Ausrichtung einer Gruppe von Elementen einer Klasse werden über Parameter in einem Funktionsaufruf festgelegt. Eine Anpassung durch ein CSS-Dokument ist nicht notwendig.

EasyRadioButtons

EasyRadioButtons ist ein jQuery Plugin, das es ermöglicht, input-Elemente vom Type 'radio' browserunabhängig zu gestalten. Größe, Farbe und Form der Elemente sowie Ausrichtung einer Gruppe von Elementen einer Klasse werden über Parameter in einem Funktionsaufruf festgelegt. Eine Anpassung durch ein CSS-Dokument ist nicht notwendig.

BeanLoader

BeanLoader ist ein einfacher 'Site Preloader', der während des Ladevorgangs einer Website angezeigt wird. Das jQuery Plugin bietet Optionen für die angezeigte Information und den Hintergrund der Animation. Das Plugin kann auch für alle Funktionen einer Website benutzt werden, die Verarbeitungszeit benötigen.

Beanbox

Mit Beanbox kann sehr schnell eine "lightbox" für Images erstellt werden. Das jQuery-Plugin bietet Funktionen, um das Layout individuell anzupassen. Textinformationen, Paginierung, Autoplay, Dimension und Color-Features werden über Attribute der Funktion bestimmt. Ein CSS-Style ist nicht notwendig.

AfterImage

AfterImage ist ein Plugin auf der Grundlage von jQuery und jQuery Mobile, das Unterschiede zwischen zwei Images visualisiert. Mit einem Slider können Bereiche auf den Bildern ausgewählt werden. Touch-Events werden dabei unterstützt. Über verschiedene Optionen wird das Plugin angepasst, so z. B. der Font und der Inhalt von Tooltips, die Position des Sliders oder die Akzentfarbe der Bedienelemente.

Beanloupe

Beanloupe ist ein 'Image Magnifier'. Das Plugin auf der Grundlage von jQuery und jQuery Mobile ist auch für die Darstellung auf Mobile Devices geeignet. Zahlreiche Optionen stehen zur Verfügung, u. a. individuelle Einstellungen für das Layout und das Verbinden mit einer Image-Gallerie. Größe und Form der Lupe können angepasst werden, ebenso der Zomm-Level der Vergrößerung.

MULTIMEDIA

under construction

Hier wird gearbeitet. Versuche es später noch einmal.

MISC STUFF

Cordova Control Panel

Cordova Control Panel ist eine grafische Benutzeroberfläche für das Apache Cordova Project. Mit Web-Technologien lassen sich gekapselte Apps für viele Plattformen erstellen. Zurzeit werden Android, Blackberry 10, iOS, Ubuntu, Windows Phone, Windows und macOS unterstützt. Cordova stellt für für diese Plattformen verschiedene APIs bereit, mit denen auf die Hardware der Endgeräte zugegriffen werden kann.