Neue Ressourcen für Webdesigner und -entwickler (Oktober 2012)

Jeden Monat gibt es Dutzende von kostenlosen Dingen, die von sehr großzügigen Leuten in der Webdesign- und Webentwicklungsgemeinschaft geteilt werden. Es ist fast unmöglich, mit all diesen neuen Sachen Schritt zu halten. Trotzdem sollten Sie sich keine Sorgen machen. In diesem Beitrag haben wir ausgewählt 10 nützliche Informationen, von Code-Snippets über Tools, Frameworks bis zu Plugins um Ihnen die Arbeit und das Leben als Webdesigner und Entwickler zu erleichtern.

Lass uns sie überprüfen.

Schauen Sie sich alle unsere frischen Ressourcen an (je nach Monat):

• Oktober 2012
• November 2012
• Dezember 2012

CSSS

CSSS Was für "CSS-basiertes DiaShow-System" steht, ist ein von Lea Verou (bekannt als der CSS-Guru). Im Wesentlichen können Sie mit diesem Framework Präsentationsfolien mit HTML- und CSS-Webstandards erstellen. Diese Diashow unterstützt Tastenkombinationen wie ←, →, ↓ und ↑ durch die Folien navigieren.

Wenn Sie CSS und HTML verwenden, ist dieses Framework meiner Meinung nach ein (besserer) Ersatz für hochpreisige Software wie MS PowerPoint.

BonsaiJS

Bonsai ist eine leichtgewichtige JavaScript-Grafikbibliothek mit einer intuitiven API. Wir können diese Bibliothek verwenden, um einfache Formen wie ein Rechteck, ein Dreieck, einen Kreis oder eine Grafik mit hoher Komplexität zu zeichnen. Diese Bibliothek kann auch zum Bereitstellen von SVG-Grafiken (Scalable Vector Graphic) in nicht unterstützten Browsern als Fallback verwendet werden.

Darüber hinaus bietet Bonsai einige Funktionen wie Animation, Ereignis und Filter, damit diese Grafiken interaktiver wirken.

Ansprechendes Muster

Responsive Patterns ist eine Sammlung von Mustern, mit denen Sie eine responsive Website erstellen können. Diese Sammlung enthält einige Beispiele für responsives Layout und Navigation sowie einige andere responsive Muster gängiger Webkomponenten wie Bilder, Videos, Tabellen und Formulare.

Effin-Toolsets

Dies ist wahrscheinlich alles, was Sie zur Entwicklung Ihrer Website benötigen. Effin Toolsets ist eine Sammlung von Dutzend nützlicher Tools für Webentwickler, die alle an einem Ort gepackt sind.

Eines der Werkzeuge in dieser Sammlung, die ich persönlich sehr nützlich finde, ist das Entifier, Dieses Tool ändert diese Zeichen, < und >, in ihren HTML-Code ein, so dass Ihr Code-Snippet innerhalb von

 Etikett.
 
 
Susy
 
Susy ist ein responsives Raster für Compass. Wie jedes andere responsive Grid-Framework besteht es aus mehreren vordefinierten Stilen. Da es jedoch aus Sass und Compass besteht, ist dieses Framework viel konfigurierbar.
 
Mit Susy können Sie die Spaltennummer, die Spaltenbreite, die Dachrinne und die Rasterfüllung so anpassen, dass sie zu Ihrem eigenen Raster werden, das zu Ihrer Website passt. Susy wird die ganze harte Arbeit erledigen: Berechnung. Wenn Sie ein Superfreak sind und gerne mit Sass und Compass arbeiten, ist diese Erweiterung definitiv für Sie.
 
 
Infinite Dropdown-Navigation
 
Ein Dropdown-Menü ist eine häufige Komponente, die wir auf einer Website gefunden haben. Das Erstellen einer Dropdown-Navigation ist jedoch nicht so einfach, wie es aussieht. Harry Roberts von CSS-Zauberei hat glücklicherweise seine geteilt “magischer Code” eine endlose Dropdown-Navigation erstellen (was großartig ist).
 
 
Bourbon ordentlich
 
Neat ist ein responsives Grid-Framework, mit dem Sie einfach eine responsive Website betreiben können. Es basiert auf Sass und Bourbon, einer Sammlung nützlicher Mixins für Sass. Dieses Framework ist ein Ruby-Juwel, es kann mit dieser Befehlszeile über die Terminal- oder Eingabeaufforderung installiert werden gem ordentlich installieren.
 
 
Typicons
 
Es gibt nicht genug für Icons. Typicons sind eine Reihe von Zeichensymbolen, die aus etwa 88 Zeichen bestehen. Sie können diese Symbole durch hinzufügen @Schriftart Regeln und wenden Sie sie auf Ihre Website mit den CSS-Pseudoelementen an oder binden Sie sie direkt in ihr HTML-Zeichen ein.
 
Durch die Verwendung von Webfont zur Bereitstellung Ihrer Symbole können Sie den Vorteil haben, dass Sie kein CSS-Sprite bereitstellen müssen und die Hintergrundposition für die Anzeige der Symbole anpassen müssen. Der Bildschirm ist hochauflösend und technisch reduziert er HTTP-Anforderungen und verbraucht weniger Bandbreite als Bitmap-Symbole.
 
 
Annotator
 
In dieser Bibliothek können Sie Kommentare, Tags und Markierungen zu Ihren Webinhalten hinzufügen. Mit AnnotateIt können Sie Ihre Anmerkungen kostenlos speichern.
 
 
Flughafen
 
Wenn Sie am Flughafen sind, werden Sie die Fluginformationstafel mit Text darüber sehen. Mit diesem jQuery-Plugin, Airport, können wir den gleichen Filtertexteffekt erzeugen.
 
 
Fazit
 
Das ist alles für diesen Monat. Hast du eines dieser Sachen probiert? Welches ist dein Lieblings? Haben Sie andere coole Sachen für Webdesigner / Entwickler gefunden, die wir in dieser Liste nicht gefunden haben??.
 
Fühlen Sie sich frei, sie im Kommentarfeld zu teilen, und wir möchten auch Ihre Gedanken hören.