Posts Tagged "JavaScript"

CSS: Footer im Browser fixieren.

Wer kennt das leidige Problem nicht? Man(n) versucht eine Footerleiste fest im Browserfenster zu fixieren. Firefox macht alles so wie man möchte, nur der Internet Explorere will nicht so richtig.

Da wir an einem Projekt arbeiten, bei dem wir immer eine fixierte Footerleiste am Fenstende haben wollen, sind wir auf dieses, etwas ältere aber immer noch sehr nützliche Tutorial bei AListApart gestoßen. In dem Artikel wird sehr genau beschrieben wie man dieses Problemchen auch im Internet Explorer lösen kann.

Ich hoffe es hilft euch, genauso wie uns, dieses Problem zu lösen! Hier findet ihr den Artikel bei A List Apart

Fotoskalierung mit Jcrop

Fotos im Internet zu bearbeiten, klingt für die meisten erst einmal komisch. Ist es eigentlich auch! Aber nicht mit Jcrop.

Fast überall im Internet kann man heutzutage Fotos hochladen, doch nicht immer ist dies optimal gelöst. Einige von euch wissen evtl. das ich neben Designpicks seit 2005 auch noch ein Social-Network namens Morphex betreibe. Wie auf anderen Portalen haben die User bei uns auch die Möglichkeit Fotos hochzuladen. Neben einem normalen Foto-Upload für die eigene Profil-Galerie hat man auch die Möglichkeit ein Avatar Foto hochzuladen. Die Avatare haben ein festes Format und müssen aus diesem Grund vom jeweiligen User vor dem Upload bearbeitet werden. Allerdings hat nicht jeder User gleich eine Photoshop Lizenz zuhause bzw. das Know-How Fotos irgendwie zu bearbeiten.

Mit Jcrop kann man Fotos online in Größe und Format bearbeiten. Über ein Markierfeld, welches als Overlay über das Foto gelegt wird, kann man den gewünschten Ausschnitt wählen. Jcrop liefert dann die benötigten Daten um das Bild in Größe und Format zu ändern.

Das auswählen das Bildausschnitts ist sehr einfach und funktioniert flüssig. Wir werden wohl in Kürze, Jcrop bei Morphex integrieren.

Macht Google Chrome neue Probleme?

Seit gestern ist im offiziellen Google Blog ein Posting über Google Chrome, den Hauseigenen Google Browser, zu finden, erklärt wird das ganze in einem nett gemachten Comic, ich habe mal einige Infos herausgeschrieben und hier zusammengefasst:

Google möchte mit einer besseren Speicherverwaltung und schnellerer JavaScript Engine bei den Benutzern punkten. Gerade heutzutage, wo JavaScript/AJAX Websites wie Sand am Meer im Netz zu finden sind, wird es immer wichtiger das auch das JavaScript flott vom Browser interpretiert wird. Apple macht es mit Safari (Webkit) 3.0 vor und deswegen setzt Google Chrome auf Teile von Safari und auch Firefox auf. Mehr lesen: Macht Google Chrome neue Probleme?

Scripting-Montag: Nützliches im Web.

In diesem Artikel habe ich mal ein paar Scripte und Tutorials zusammengestellt, die für den ein oder anderen von nutzen sein dürften. Viel Spaß beim lesen und ausprobieren.

Image Preview und Tooltip mit jQuery:
Bei CSS Globe gibt es ein kleines Tutorial wie man ganz einfach mit jQuery einen Mouse-Over-Tooltip bzw. ein Mouse-Over-Thumbnail (Image Preview) erstellt. Tutorial bei CSS Globe.

Animierter Ladebalken nur mittels CSS:
In dem Tutorial findet ihr eine kurze Anleitung wie man nur mit CSS und einem Animierten GIF einen Ladebalken erstellt. Dieser kann auch zweckentfremdet werden und als Vote-Status Balken genutzt werden. Der Artikel ist ebenfalls auf CSS Globe zu finden.

Drag- und Resizeable Elements mit Mootools:
Auf CSSGallery.info findet ihr ein Tutorial, in dem beschrieben wird, wie ihr mit der Mootools Lib ein fensterähnliches Element erstellt. Es kann mit am Titelbalken verschoben werden, oder über einen Kasten in der unteren rechten Ecke verkleinert/vergrößert werden. Look & Feel wie auf dem eigenen Desktop. Artikel auf CSSgallery.info

Formular-Design mit CSS und UL/DL:
Im Woork Blog wird beschrieben wie man schöne Formulare mit CSS und UL/DL herstellt. Das im Tutorial gezeigte Beispiel kann man als ZIP herunterladen. Artikel bei Woork.

Nützliche WordPress Scripting Tricks:
In diesem Artikel fasst der Author einige WordPress Scripting Tricks zusammen. Sehr nützlich für WordPress Theme Designer. Artikel bei StylizedWeb.

10 kostenlose Chart Scripts:
Hier findet ihr eine Zusammenstellung von 10 kostenlosen Chart Scripts, die Scripte basieren auf JavaScript, Flash, Silverlight oder Java. Wer seine Daten schön visiualisieren möchte, ist hier an der richtigen Adresse. Link zum Artikel.

jQuery: Daten von anderen Seiten laden:
Im Tutorial “Load Data From Other Pages With jQuery” wird erklärt wie man mittels jQuery, Daten einer Seite, auf einer anderen anzeigt. Es gibt eine Demo sowie das Script zum download. Link zum Artikel.

JavaScript Accordion – 1kb

Im Leigeber Blog findet man ein sehr schönes JavaScript Accordion was wegen seiner Größe von nur 1kb sehr attraktiv ist.

Mit einer normalen UL/LI Liste werden die jeweiligen Reiter erstellt. Ein kurzer und knapper Aufruf im Onload “slideMenu.build(‘sm’,200,10,10,1)” läd dann das Script.

Die Breite und Höhe der jeweiligen Reiter kann angepasst werden.

Das Script soll im IE6, IE7, Firefox, Opera und Safari fehlerfrei laufen. Es kann für private, wie auch für kommerzielle Zwecke genutzt werden.

In dem Blog findet ihr auch eine Demo des Scripts.

« Previous Page — « Vorherige Seite « Previous Page · Next Page » Nächste Seite » — Next Page »