Die 100 besten Ressourcen für Webentwickler – Plugins, Tools und Lösungen

Nataly Birch

Nataly kommt aus Sevastopol und liebt Webdesign und Development. Sie betreibt verschiedene...

Einer der einfachsten Wege, deiner Website tolle Funktionen hinzuzufügen, ist, ein gutes Plugin zu finden und zu verwenden.

Etwa gibt es eine Menge Seiten, die dynamische Effekte nutzen. Um ebenfalls so ein Ergebnis zu erzielen, kannst du ein AOS-Plugin wählen, was für “Animation On Scrolling” steht. Es hat einen Haufen kleiner Effekte in seinem Arsenal. Füge dem gewünschten “div” einfach die nötigen Klassen hinzu und deine Oberfläche bekommt einen Hauch von Dynamik und die Nutzererfahrung wirkt innovativ. Wenn du ein Parallax brauchst, gibt es tolle Lösungen namens Parallax.js oder Jump.js. Das gleiche gilt, wenn es darum geht, kleine Verbesserungen, wie modale Pop-up Fenster, elegante Kurzinfos oder Vollbild-Videos einzubauen. Es gibt erprobte Methoden für alles. Selbst Dinge, wie Duotone-Effekte, Partikelanimationen oder reponsive Navigationen können mit ein paar simplen Snippets in dein Projekt eingebaut werden. Du musst der Technik noch nicht einmal auf den Grund gehen – erfreue dich einfach an den Vorteilen. Das Plugin mit seiner sorgfälig verschachtelten Funktionalität wird die schweren Gewichte stemmen. In einem Wort: es gibt eine Lösung für jedes Problem, du musst nur ein bisschen suchen.

Um dir dieses Suchen zu ersparen, erstellen wir jedes Jahr eine Liste mit 100 nützlichen Plugins aus verschiedenen Bereichen. Auch dieses Jahr haben wir eine Sammlung von kostenlosen Ressourcen für Webentwickler zusammengestellt, welche dir hilft, dynamische Effekte hinzuzufügen, Animationen zu erstellen, CSS-basierte Filter auf Bilder anzuwenden, und vieles mehr.

AniJS


Entwickler: dariel_noel.
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Bideo


Entwickler: Rishabh
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

AOS


Entwickler: Michal Sajnóg
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Jump.js


Entwickler: Michael Cavalea
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Bonsai


Entwickler: David Aurelio
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Mo.js


Entwickler: Oleg Solomka
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Snabbt


Entwickler: Daniel Lundin
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Philter


Entwickler: Liudas Dzisevicius
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

CSSFilter


Entwickler: Indrashish Ghosh
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

CSSGram


Entwickler: Una Kravets
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Materialize


Entwickler: Alan Chang
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Grapes.js


Entwickler: Artur Arseniev
Lizenz: 3-Klausel-BSD.

Descartes


Entwickler: Jon H.M. Chan
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Absurd.js


Entwickler: Krasimir Tsonev
Lizenz: Lies die Lizenz.

Picnic CSS


Entwickler: Francisco Presencia
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Intense Image Viewer


Entwickler: Tim Holman
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Zingtouch


Entwickler: Zingchart
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Loud Links


Entwickler: Mahdi.
Lizenz: Siehe LICENSE Datei für Lizenzrechte und Einschränkungen (MIT).

jQuery FormBuilder


Entwickler: Kevin Chappell
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Snap.js


Entwickler: jakiestfu
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Dynamics.js


Entwickler: Michael Villar
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Create.js


Entwickler: Grant Skinner
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Grade.js


Entwickler: Ben Howdle
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Umbrella.js


Entwickler: Francisco Presencia
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Modal


Entwickler: Humaan
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Mobile Editing


Entwickler: Ben Pines
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Blend


Entwickler: Colin Keany
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Free CSS Generator


Entwickler: simplecss.eu
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

FormLinter


Entwickler: thoughtbot inc.
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

LostGrid


Entwickler: Peter Ramsing
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Bootstrap 4 Classes List Reference


Entwickler: Bootstrap Creative LLC
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Headroom.js


Entwickler: Jeferson Koslowski
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

PaymentFont


Entwickler: Alexander Manfred Pöllmann.
Lizenz: MIT und SIL OFL 1.1.

DIV Table Generator


Entwickler: wwweeebbb
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Hammer.js


Entwickler: Alexander Schmitz, Chris Thoburn, Jorik Tangelder
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Kute.js


Entwickler: dnp_theme
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Cleave.js


Entwickler: Max Huang
Lizenz: Apache Lizenz Version 2.0.

Numeral.js


Entwickler: Adam Draper
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

PatternsLib


Entwickler: Cornelis G. A. Kolbach
Lizenz: Lies die Lizenz.

AlloyFinger


Entwickler: dntzhang
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

In-view.js


Entwickler: Cam Wiegert
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Choreographer.js


Entwickler: Christine Cha
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Zenmix.io


Entwickler: Logan Nickleson
Lizenz: Frei für nicht-kommerzielle Zwecke.

Coverr


Entwickler: CodersClan and Veed.Me teams
Lizenz: CC0 1.0 Universal.

Granim.js


Entwickler: Benjamin Blonde
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Plottable.js



Entwickler: Palantir Technologies.
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Eg.js


Entwickler: YongWoo Jeon
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Shave


Entwickler: Dollar Shave Club Engineering.
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

CSSNano


Entwickler: Ben Briggs
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Useful.ly


Entwickler: Tim Moreton Jr
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

JsPsych


Entwickler: Josh de Leeuw
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

TableFilter


Entwickler: koalyptus
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Blueprint


Entwickler: Palantir Technologies
Lizenz: BSD.

McGriddle


Entwickler: Jonathan Suh
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Choo


Entwickler: Yoshua Wuyts
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Cesium


Entwickler: Analytical Graphics, Inc. (AGI) and Bentley Systems.
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Huebee


Entwickler: Metafizzy
Lizenz: Open Source, kommerziell und OEM.

Textpression


Entwickler: Takeshi Takahashi
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Timeline.js


Entwickler: KnightLab
Lizenz: Mozilla Public License Version 2.0.

Brick.js


Entwickler: Michael Cavalea
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

CSSCo


Entwickler: Lauren Waller
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Particles.js


Entwickler: Vincent Garreau
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

okayNav jQuery Plugin


Entwickler: VPenkov
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

List.js


Entwickler: Jonny Strömberg
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Balloon.css


Entwickler: Claudio Holanda
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Tasty CSS-animated hamburgers


Entwickler: Jonathan Suh
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Imagehover.css


Entwickler: Ciaran Walsh
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Aleut.css


Entwickler: Knut Melvær
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

GRD


Entwickler: Shogo Sensui
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Rich.css


Entwickler: Richardson Dackam and numerous contributors
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Bricklayer


Entwickler: Adem Ilter
Lizenz: Lies die Lizenz.

SweetAlert 2


Entwickler: Limon Monte
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Feature.js


Entwickler: Viljami Salminen
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Isomer


Entwickler: Jordan Scales
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Stage.js


Entwickler: Ali Shakiba
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Circles


Entwickler: Lugo Labs
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Progress.js


Entwickler: Afshin Mehrabani
Lizenz: Lies die Lizenz.

Turntable.js


Entwickler: Polar Notion
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Flexbox Patterns


Entwickler: CJ Cenizal
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Blaze.css


Entwickler: Greg
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Push.js


Entwickler: Tyler Nickerson
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Wait!Animate


Entwickler: Will Stone
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Simple Grid


Entwickler: Zach Cole
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Flexbox Grid


Entwickler: Kristofer Joseph
Lizenz: Apache Lizenz, Version 2.0.

Force.js


Entwickler: René Tanczos
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Driveway


Entwickler: jhey tompkins
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Timesheet.js


Entwickler: Sebastian Müller
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Epoch


Entwickler: Ryan Sandor Richards and contributors
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Vis.js


Entwickler: Almende B.V.
Lizenz: Apache 2.0 und frei verwendbar unter der liberalen MIT-Lizenz

Responsive Nav


Entwickler: Viljami Salminen
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Popper.js


Entwickler: Federico Zivolo & Contributors
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Sly


Entwickler: darsain
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Family.scss


Entwickler: Patrik Affentranger
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Image Hover Effects


Entwickler: Michael Young
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Starability.css


Entwickler: Anna Migas
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Repaintless.css


Entwickler: Anna Migas
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Timedropper


Entwickler: Felice Gattuso
Lizenz: MIT-Lizenz, CC BY 4.0.

Progress Bar.js


Entwickler: Kimmo Brunfeldt
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Tabslet


Entwickler: Dimitris Krestos
Lizenz: Apache Lizenz.

Cutestrap


Entwickler: Tyler Childs
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Nataly Birch

Nataly kommt aus Sevastopol und liebt Webdesign und Development. Sie betreibt verschiedene Blogs. In ihrer Freizeit entschlüsselt sie die Geheimnisse dieser Welt oder spielt Volleyball.

Sortiert nach:   neueste | älteste | beste Bewertung
ati
Gast

Vielen Dank für die gigantische Auswahl! Man braucht ja Tage, um sich alles anzusehen …

Heike
Gast

Das sind ja interessante Tools, vor allem die Grids und die Hamburger-Effekte werde ich testen. Auch interessante Hover-Effekte für Bilder sind dabei.
Danke für diese auführliche Tool-Übersicht!

Peter
Gast

Vielen Dank. Das ist sehr hilfreich
Das erleichtert mir einiges

Daniel
Gast

Vielen Dank für den tollen Artikel. Da sind wirklich interessante Tools dabei, die ich selber gut gebrauchen kann.
Mit besten Grüßen,
Daniel

Pablo
Gast

Colle Tools – optisch sehr ansprechend. Aber leider nur javascript und css? im Bereich php möchte ich http://rexo.ch erwähnen – ein Tool, mit welchem sich effizient Webanwendungen schreiben lassen. Ein bisschen gewöhnungsbedürftig, da keine OOP, aber dafür starke Funktionen, welche die Entwicklungszeit drastisch verkürzen. Interessant wäre sicher auch mal eine Übersicht über Webbaukastensysteme. Nur so als Anregung ;-)

wpDiscuz