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

Es gibt eine Reihe neuer großartiger Tools und Ressourcen, die Webdesignern und -Entwicklern die Möglichkeit geben, sich für ihre Arbeit einzusetzen. Diesen Monat haben wir einige großartige Kostenlose Tools und Ressourcen Einen Versuch wert, angefangen von einem Plugin, um coole Fotoeffekte zu einem Plugin für das Inhalten und Bildgleiten mit wirklich coolem Übergang zu erzeugen.

Also, lass uns nachsehen.

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

Proto

Responsive Webdesign wird mittlerweile zum Standard bei der Erstellung einer Website. Das macht diese Werkzeug wirklich hilfreich, um die Arbeit zu erledigen. Proto basiert auf SCSS für schnelles Prototyping des responsiven Layouts, indem vordefinierte CSS-Klassen bereitgestellt werden, die einsatzbereit sind und das responsive Grid sowie einige gerätespezifische Klassen definieren.

Grid Displayer

Wenn Sie mit Responsive Design-Frameworks wie Bootstrap oder Foundation arbeiten, benötigen Sie wahrscheinlich dieses Bookmarklet, um das Raster im Browser zu verfolgen. Dieses Tool zeigt auf der angezeigten Webseite ein Überlagerungsgitter an. Es ist praktisch, einfach per Drag & Drop in die Lesezeichenleiste ziehen. Klicken Sie einfach auf das Bookmarklet, wenn Sie Raster zum Anzeigen benötigen.

BootMetro

Windows 8 wendet die Einfachheit der Metro-Designsprache an. Wenn Sie diesen Stil auf Ihrer Website unterstützen möchten, ist BootMetro wahrscheinlich das, was Sie brauchen.

Unterstriche

Es gibt viele WordPress-Einstiegsthemen im Internet, aber keines ist so gut wie Unterstriche. Damit können Sie den Namen, die Beschreibung, den Autor und speziell den Themenslug angeben und anpassen, der für die Themenfunktion gilt, wenn Sie das Paket herunterladen. So erhalten Sie so etwas theme_slug_function.

Jarallax

Wie der Parallax-Effekt, den Sie auf Websites wie dieser sehen? Wenn Sie einen ähnlichen Effekt auf Ihre Website anwenden möchten, können Sie mit Jarallax, einer JavaScript-Animationsbibliothek, den Parallax-Effekt erstellen (in kürzester Zeit)..

Windig

Bist du gelangweilt mit Galerieeffekten, die sich nur horizontal bewegen? Dann schauen Sie sich Windy an, das die 3D-Transformation verwendet, um den Inhalt auf eine wirklich einzigartige Weise auszuführen. Sehen Sie sich die Demo hier an.

TiltShift

Kurz gesagt ist TiltShift in der Fotografie eine Technik, mit der ein Foto kleiner, fast wie eine Miniatur wirkt, als es wirklich ist. Überprüfen Sie unsere Sammlung solcher Fotos in diesem Beitrag: “Tilt-Shift-Fotografie”. Wenn Sie einen solchen Effekt in Ihrer Fotogalerie anwenden möchten, können Sie einfach diese JavaScript-Bibliothek, TiltShift.js, verwenden.

Sequenz

Sequence.js ist ein Responsive jQuery-Slider-Plugin mit einigen fortgeschrittenen Übergangseffekten. Im Gegensatz zu den anderen Schiebereglern enthält Sequence kein eigenes Thema. So können wir das Erscheinungsbild unserer Website vollständig anpassen.

Delta

Bei der jQuery-Benutzeroberfläche handelt es sich um einen vollständigen Satz allgemeiner Webbenutzeroberflächen und -interaktionen, die einfach zu verwenden sind. Das Standarddesign ist jedoch langweilig. Wenn Sie also ein anderes Aussehen für die jQuery-Benutzeroberfläche haben möchten, die Hände jedoch nicht mit CSS verschmutzen möchten, können Sie die Standard-CSS-Stile einfach durch Delta ersetzen, ein schickes Design für die jQuery-Benutzeroberfläche.