Best of 2008 - JavaScript
Im letzten Teil unserer Zusammenfassungsserie ist es Zeit, einige der JavaScript-Goodies von 2008 zu sehen. Einige der folgenden sind Ressourcen, einige sind nützliche Tutorials, einige Meinungen und andere sind einfach nur spaßige, interessante Dinge.
Es gibt immer ein oder zwei Lektionen, die Sie wegnehmen können, und es könnte Ihnen helfen, mit einer Vielzahl neuer Fähigkeiten in Ihrem Portfolio in das neue Jahr einzutreten.
sIFR Lite
„Es war einmal, als einige wirklich gute Webentwickler sIFR erstellt haben. Ihr Ziel war es, HTML-Überschriften nahtlos in schöne Schriftarten umzuwandeln. Nun, diese Entwickler haben großartige Arbeit geleistet, damit es gut funktioniert. Als ich mir ihren Code ansah, beschloss ich, eine "Lite" -Version von sIFR mit einem objektorientierteren Ansatz zu erstellen. sIFR Lite ist etwas einfacher zu lesen und intuitiver zu bedienen. “
Besucherseite
DD_belatedPNG
Unterstützung für 24-Bit-PNG-Alpha-Transluzenz-Hintergrundbild + Hintergrundposition + Hintergrundwiederholung für IE 6 endlich!
Besucherseite
Das EqualHeights jQuery Plugin
„Das Erstellen von Spalten gleicher Höhe mit CSS ist manchmal ein Bär. Aber wer braucht den Ärger mit künstlichen Säulen, „klaren“ Divs und dem Rest? Mit diesem Stück jQuery können Sie die Höhen jeder Gruppe von Elementen leicht ausgleichen. “
Besucherseite
jQuery.popeye - eine Inline-Lightbox-Alternative
„Das Plugin wandelt eine nicht geordnete Liste von Bildern in eine Box um, in der jeweils nur ein Vorschaubild angezeigt wird. Die Box verfügt über Steuerelemente zum Durchblättern der Vorschaubilder und zum Vergrößern eines bestimmten Bildes. Das Feld wird erweitert, um die vergrößerte Version aufzunehmen, während die Steuerelemente im Vollbildgrößenmodus ausgeblendet sind. Ein einfacher Klick auf das Bild bringt die Box in ihren kompakten Zustand zurück. “
Besucherseite
DD_roundies
Eine einfache Möglichkeit, runde Ecken im IE zu implementieren.
„Keine 9-Zellen-Tische für eine runde Box. Keine Bilder. Fügt einem Containerelement nicht ein halbes Dutzend oder mehr HTML-Knoten hinzu (eher eins, maximal zwei und nur im IE). “
Besucherseite
Niceforms
„ Niceforms ist ein Skript, das die am häufigsten verwendeten Formularelemente durch benutzerdefinierte ersetzt. Sie können entweder das bereitgestellte Standardthema verwenden oder mit minimalem Aufwand sogar Ihren eigenen Look entwickeln. “
Besucherseite
jQuery Corners 0.3
„Mit diesem jQuery-Plugin lassen sich leicht schön abgerundete Ecken erstellen. Keine Bilder oder aufdringlichen Markups erforderlich. “
Ein weiteres Skript für runde Ecken zu Ihrem Vorteil!
Besucherseite
Superfish jQuery Menü Plugin
"Superfish ist ein erweitertes jQuery-Plugin im Suckerfish-Stil, das ein vorhandenes reines CSS-Dropdown-Menü verwendet (daher ohne JavaScript ordnungsgemäß verschlechtert) und die folgenden begehrten Verbesserungen hinzufügt."
Besucherseite
JavaScript wird uns alle retten
Eric Meyers Meinung darüber, warum wir uns auf JavaScript konzentrieren sollten, um die Standardunterstützung zu erweitern, die in vielen Browsern dringend fehlt, anstatt darauf zu warten, dass die Browseranbieter sie implementieren.
Besucherseite
CSS Sprites2 - Es ist JavaScript-Zeit
„Ein Gefühl der Bewegung ist oft das Unterscheidungsmerkmal zwischen Flash-lastigen Websites und standardbasierten Websites. Flash-Schnittstellen schienen immer lebendiger zu sein - sie reagierten dynamisch auf die Interaktionen des Benutzers, die standardbasierte Websites nicht replizieren konnten. In letzter Zeit hat sich das natürlich geändert, und die dynamischen Schnittstelleneffekte haben wieder zugenommen, unterstützt durch JavaScript-Bibliotheken, die es einfach machen - Bibliotheken wie Prototype, Scriptaculous, Moo, YUI, MochiKit (und ich könnten weitermachen). Es ist höchste Zeit, die CSS Sprites-Technik von vor vier Jahren noch einmal zu überdenken und zu prüfen, ob wir nicht selbst ein bisschen Bewegung einbringen können. “
Besucherseite
jParallax
„JParallax verwandelt ein ausgewähltes Element in ein 'Fenster' oder Ansichtsfenster und alle untergeordneten Elemente in absolut positionierte Ebenen, die durch das Ansichtsfenster sichtbar sind. Diese Ebenen bewegen sich als Reaktion auf die Maus und bewegen sich abhängig von ihren Abmessungen (und Optionen für die Ebeneninitialisierung) auf parallaxe Weise um unterschiedliche Beträge. “
Pure Freude!
Besucherseite
Fußzeilen ohne JavaScript behoben
Eine reine CSS-Technik zum Positionieren fester Fußzeilen, die bis auf IE 5.5 getestet wurde.
Besucherseite
Dynamisches Layout
"Dynamic Layout ist eine einfache JavaScript-Bibliothek, mit der Sie das Seitenlayout einfach an die aktuelle Browserbreite anpassen können."
Besucherseite
Stoppen Sie die Verwendung von Ajax!
„Ajax ist eine gute und nützliche Idee. Bei jeder Idee kommt es jedoch auf eine praktische Implementierung an - eine Technologie, die dies ermöglicht - und in diesem Fall ist die Technologie noch nicht ausgereift, da sie Benutzergruppen zurücklässt. Am bemerkenswertesten und am stärksten betroffenen sind diejenigen, die unterstützende Technologien verwenden, aber auch diejenigen, die weniger leistungsfähige Browser verwenden, die die erforderlichen Skriptobjekte nicht oder überhaupt nicht unterstützen. ”
Besucherseite
So können Sie sIFR zum Laufen bringen
„Das Ziel dieses Tutorials ist es, die Informationen auf der offiziellen Website für sIFR in einen einfachen schrittweisen Prozess zur Implementierung von sIFR auf Ihrer Website umzuwandeln.
Nachdem Sie dieses Tutorial befolgt haben, haben Sie ein grundlegendes Verständnis der Funktionsweise von sIFR und können in fortgeschrittenere Bereiche expandieren. “
Besucherseite
FancyZoom
Reibungsloses Zoomen von Javascript-Bildern für Ihre Webseiten.
Besucherseite
Drehen des 3D-Würfels in JavaScript
Nicht mehr, nicht weniger! Hör zu.
Besucherseite
Super Mario in 14kB Javascript
„ Hier ist ein Experiment, bei dem Dinge klein gehalten und auf eine Javascript-Datei beschränkt werden. Es gibt keine externen Bilddateien oder ähnliches, alles wird mit Javascript entweder mit Canvas-Elementen oder mit altmodischen Div-Making-Taktiken (für IE) gerendert. Die Sprites werden in benutzerdefinierten codierten Zeichenfolgen in einem Format gespeichert, das nur 4 Farben für jedes Sprite zulässt, aber wiederum nur etwa 40-60 Byte pro Sprite belegt. ”
Besucherseite
10 Intelligente Javascript-Techniken zur Verbesserung Ihrer Benutzeroberfläche
„Javascript wird normalerweise als ästhetische Sprache in der Webentwicklung verwendet. Dies bedeutet, dass Webentwickler Javascript fast immer nur für eine Sache verwenden sollten: Verbesserung der Besuchererfahrung. Es gibt viele clevere und nützliche Möglichkeiten, eine Site aus Sicht der Benutzeroberfläche zu verbessern. Ein Entwickler kann fast jeden Ausschnitt aus Javascript finden, um das zu erreichen, was er oder sie erreichen möchte. “
Besucherseite
25 erstaunliche JavaScript-Spiele (Spaß und Inspiration)
„Mit dem Aufstieg von Ajax ist JavaScript definitiv ein Muss für jeden Webdesigner / -entwickler.
Abgesehen von Formularsteuerelementen, Warnungen und einer ähnlichen einfachen JavaScript-Verwendung können Sie mit Hilfe von JavaScript (& Canvas) fast alles tun. “
Besucherseite
Top 5 Lieblings-Lesezeichen
„Lesezeichen sind die JavaScript-fähigen Links, die Sie in Ihre Lesezeichen ziehen können und die mit jeder Seite interagieren, auf der Sie sich befinden. Die besten Lesezeichen verhalten sich so, wie Sie es normalerweise von einer Symbolleiste erwarten, indem Sie Ihre Browser-Erfahrung erweitern. Da sie jedoch in JavaScript geschrieben sind, arbeiten sie alle im Browser und ohne Installation. Hier sind 5 sehr empfohlene Lesezeichen, die Sie in die Symbolleiste Ihres Browsers oder in Ihre Lesezeichen ziehen können, um das Surferlebnis zu erweitern. “
Besucherseite
10 Vielversprechende JavaScript-Frameworks
„Beliebte JavaScript-Frameworks / -Bibliotheken wie jQuery, MooTools, Prototype und YUI (um nur einige der beliebtesten JavaScript-Frameworks zu nennen) haben definitiv einen festen Stand in der JavaScript-Framework-Arena. Aber für die abenteuerlustigen Entwickler, die nach neuen oder alternativen Frameworks / Bibliotheken suchen, gibt es einige hervorragende Frameworks außerhalb der beliebten, die es wert sind, überprüft zu werden. “
Besucherseite
5 Nützliche Codierungslösungen für Designer und Entwickler
„Oft bleiben kreative und wirklich bemerkenswerte Designlösungen unbekannt, weil wir Designer sie einfach übersehen. Da wir mit unseren eigenen Projekten beschäftigt sind, versuchen wir manchmal, die Intuition hinter (wahrscheinlich) komplexem und überladenem Code anderer Designer zu erfassen, um zu verstehen, wie sie es schaffen, bestimmte Designideen umzusetzen. Wenn wir nur den Code anderer Entwickler beobachten, können wir viel von ihnen lernen. Wir können interessante Ideen finden und die Qualität unserer Arbeit verbessern. “
Besucherseite
Aufrufen von WebServices über AJAX
In diesem Tutorial erhalten Sie eine gute Vorstellung davon, wie Sie JavaScript für die Interaktion mit WebServices verwenden.
Besucherseite
JavaScript Hübsches Datum
„… Eine einfache Möglichkeit, alte JavaScript-Daten auf„ hübsche “Weise zu formatieren. ”
Besucherseite
JavaScript iPhone Apps
„Ich habe mit Interesse beobachtet, wie Entwickler neue Anwendungen für das iPhone erstellen. Ich besitze selbst eine - und bin mit JavaScript vertraut - und habe mich gefragt, welche Optionen es gibt, um herunterladbare JavaScript-Anwendungen oder das iPhone zu erstellen. Bei einigen Recherchen habe ich eine Reihe von Lösungen gefunden, von denen einige einfacher als andere sind und andere mehr Kenntnisse über Objective-C erfordern als andere. ”
Besucherseite
Meistgesuchte Ajax-Techniken: Über 50 Beispiele und Tutorials
„Webanwendungen haben dank zahlreicher kürzlich entwickelter Ajax-Technologie große Fortschritte bei der Verbesserung der Benutzererfahrung gemacht. Wenn Sie einige nette Funktionen mit freundlicher Genehmigung von PHP mit der Cleverness von Javascript kombinieren, können Sie einige ziemlich coole Ergebnisse erzielen. Um Ihnen dabei zu helfen, noch einen Schritt weiter zu kommen, möchten wir Ihnen einige Methoden vorstellen, mit denen Sie Ihrer Website helfen können, den nächsten Schritt eines Benutzers vorwegzunehmen. “
Besucherseite
50 ausgezeichnete AJAX-Tutorials
„AJAX bietet Webentwicklern zahlreiche Möglichkeiten, die Benutzererfahrung zu verbessern und die Leistung ihrer Websites zu verbessern. Es gibt unzählige Möglichkeiten, wie AJAX verwendet werden kann, und glücklicherweise gibt es viele gute und nützliche AJAX-Tutorials, die Ihnen bei Ihrer eigenen Implementierung helfen.
Dieser Beitrag dient als Sammlung nützlicher Tutorials zur Arbeit mit AJAX auf vielfältige Weise. ”
Besucherseite
10 Dinge, die die IT über Ajax wissen muss
„Die Einführung einer neuen Web-Technologie wirkt sich auf die Infrastruktur eines Netzwerks in einer Weise aus, die von belanglos bis erderschütternd reicht. Ajax ist eine der störendsten neuen Webtechnologien, die heute über Netzwerke übertragen werden. Um zukünftige Überraschungen in Ihrem Netzwerk zu minimieren, haben wir die 10 Dinge beschrieben, die Sie sich bei Ajax zu Herzen nehmen sollten. ”
Besucherseite
jQuery timepickr
" Jquery.timepickr wurde erstellt, um die Eingabe von Zeit in einer Form so einfach und natürlich wie möglich zu gestalten."
Besucherseite
