Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
Menü
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Anmeldung
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
    • Berlin

    • Bonn

    • Dortmund

    • Dresden

    • Duisburg

    • Düsseldorf

    • Essen

    • Frankfurt am Main

    • Freiburg

    • Hamburg

    • Hannover

    • Köln

    • Leipzig

    • München

    • Nürnberg

    • Stuttgart

    • Wien

    • Zürich

  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web Logo seit 1997.
  • Agentur finden
  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web » Webdesign » Die 100 besten Ressourcen für Webentwickler – Plugins, Tools und Lösungen

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

Facebook Icon. facebook Twitter Icon. twitter Xing Icon. xing Linkedin Icon. linkedin Whatsapp Icon. whatsapp
  • 5 Kommentare
Lesedauer: 15 Minuten
  • von Dr. Web Redaktion
  • 20. März 2017

Inhaltsverzeichnis

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.

Webentwickler haben nie genügend Werkzeug. Denn das Werkzeug entwickelt sich so rasant fort, dass du nie zu dem Punkt gelangst, an dem du aufhören könntest, zu optimieren. Dazu kommt, dass sich Trends ebenso rasch verbreiten. Zu rasch als dass es sich lohnen würde, tief einzusteigen. Nimm lieber ein Tool, dass dir die meiste Arbeit abnimmt, so dass du dich auf deine eigentlich Arbeit konzentrieren kannst. Zeit ist schließlich Geld. Einige solcher moderner Tools für Webentwickler stellen wir dir heute vor.

tools-1209764_640

Sicherlich ist die Erstellung einer Website eine erfreuliche Aufgabe, die im Grunde Spaß macht. Allerdings kommt irgendwann der Punkt in der Umsetzung, an dem es beginnt, anstrengend und langwierig zu werden. Dann nämlich, wenn an den kleine Teilchen, die doch immer wieder gleich oder ähnlich sind, geschraubt werden muss. Das lässt sich zwar nicht vermeiden, aber mit den richtigen Tools doch wenigstens auf ein Minimum verkürzen. Solche Tools zeige ich dir heute.

Kernel.CSS

Dieses leichtgewichtige Framework kann dich beim im Grunde jeden Projekt unterstützen. Dabei ist es unerheblich, ob du einen Prototypen einer Website oder einer App bauen willst.

1 kernel css Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Erstellt von: ionogy
Lizenz: LICENSE.txt beachten

Flexbox Patterns

CJ Cenizal bringt dir einen ganzen Satz voll tauglicher Muster für Flexbox, die du nur noch verwenden musst. Flexbox ist bei allen Bausteinen im Kern des Geschehens. Du findets Module für Tabs, Header, Feature-Listen und mehr.

flexbox patterns Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Erstellt von: CJ Cenizal
Lizenz: frei für die persönliche und kommerzielle Nutzung, auch in Kundenprojekten

Date Dropper

Bist du auf der Suche nach einer funktionsreichen Date-Picker-Lösung für deine Projekte? Du kannst aufhören, zu suchen. Verwende einfach den Date Dropper. Neben den ganzen Standard-Features bietet er die Möglichkeit beliebiger Sprachlokalisierung.

date dropper Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Erstellt von: Felice Gattuso
Lizenz: MIT License, CC BY 4.0.

Vidlery

Vidlery ist ein neue Website, die dich kostenlos mit Bewegtbildern, vornehmlich Animationen versorgt, die du dann etwa als Hero in deinem Header einsetzen klannst.

vidlery Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Erstellt von: Animations World
Lizenz: CC0 1.0 Universal (CC0 1.0).

CMS.js

CMS.js ist ein Website-Builder auf der Basis von JavaScript, der sich um das Verhübschen und Darstellen deines Contents kümmert. Der Generator liefert dir einen fertigen OnePager.

cms js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Erstellt von: cdmedia
Lizenz: MIT-Lizenz, also frei für die persönliche und kommerzielle Nutzung, auch in Kundenprojekten

CSS Peeper

CSSPeeper ist eine dieser Chrome-Extensions, die für Entwickler lebensverlängernd wirken. Mit dem CSSPeeper erhältst du schnellen Zugriff auf Farbwerte, Typografie, Objektgrößen und vieles mehr, was du dir sonst umständlich selber aus dem CSS frickeln müsstest.

css pepper Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Erstellt von: Dawid Mlynarz & Jedrzej Sadowski.
Lizenz: als „Free“ bezeichnet, aber keine exakte Lizenz angegeben

Clippy

Möchtest du interessante Bildmasken verwenden, dafür aber nicht Photoshop anwerfen, sondern das Ganze mit CSS erledigen, dann ist Clippy das Tool, das du benötigst. Das simple Interface dieser Web-App erlaubt dir einfache, aber auch sehr komplexe Maskenformen.

css clip path maker Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Erstellt von: Bennett Feely
Lizenz: als „Free“ bezeichnet, aber keine exakte Lizenz angegeben

Awsm.css

Igor Adamenko schenkt der Community eine handgeklöppelte CSS-Bibliothek, die dir eine solide Grundlage für deine Projekte liefert. Dabei kommt ausschlißlich modernstes Markup zum Einsatz.

awsm css Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Erstellt von: Igor Adamenko
Lizenz: MIT-Lizenz, also frei für die persönliche und kommerzielle Nutzung, auch in Kundenprojekten

Masonry

Masonry ist eine grlßartige Lösung, wenn du eine Galerie oder dein Portfolio als Grid präsentieren willst. Das Beste an Masonry ist, dass es stets versucht, Bilder mit so wenig Abstand voneinander wie möglich anzuordnen. Dadurch erhältst du sehr kompakte, sehr ansehnliche Darstellungen.

masonry Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Dave DeSandro
Lizenz: MIT-Lizenz, also frei für die persönliche und kommerzielle Nutzung, auch in Kundenprojekten

Vaunt

Anhand moderner Algorithmen zieht diese einfache App zuverlässig die dominanten Farben aus jedem Bild. Diese kannst du dann per Clipboard in deine Projekte ziehen.

vaunt Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Erstellt von: Guled.
Lizenz: als „Free“ bezeichnet, aber keine exakte Lizenz angegeben

CSS Animate

CSSAnimate ist ein kleiner Generator für Keyframe-Animationen. Du brauchst kein CSS mit der Hand zu schreiben. Das Werkzeug gibt dir bequemen Zugriff auf alle Aspekte moderner Animation im Browser.

css animate
Erstellt von: CSSAnimate
Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben.

Mobile Editing

Mobile Editing ist ein quelloffener Pagebuilder, der dir ein komfortables WYSIWYG-Interface liefert, mit dem du deine Designs bauen kannst. Wie der Name verrät, liegt der Einsatzfokus auf mobilen Anwendungen.

mobile editing
Erstellt von: Ben Pines
Lizenz: Frei verwendbar für jeden Zweck

Elementor

Elementor ist ein funktionsreicher Pagebuilder für WordPress-Nutzer. Auch hier gilt, dass keinerlei manuelles Coding erforderlich ist, um beeindruckende Layouts zu erschaffen.

Elementor
Erstellt von: Ben Pines
Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben.

Simple CSS Media Queries

Mit dieser großen Sammlung an Media Queries kannst du dein Projekt gezielt an viele populäre und weniger populäre Geräte anpassen.

media queries
Erstellt von: Simplecss
Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben.

Reframe.js

Reframe.js macht nicht responsive Elemente responsiv. Erdacht für die Verwendung mit iFrames und Videos, belastet das lediglich 1,3 KB große JavaScript-Plugin die Ladezeit deiner Website nur unmerklich.

reframe.js
Erstellt von: Dollar Shave Club Engineering
Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben.

Wait! Animate

Dieses kleine Tool brauchst du nur, wenn du Einfluss auf den Ablauf der von dir erstellten Animationen dergestalt nehmen willst, dass sie benutzerdefinierten Pausen enthalten sollen. Ohne das Werkzeug sind Animationspausen auf den intialen Start der Animation beschränkt. Mit Wait! Animate erstellst du Verzögerungen an beliebiger Stelle.

wait! animate
Erstellt von: EggBox
Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben.

Tachyons

Tachyons ist eine Sammlung wiederverwendbarer Module für das Rapid Prototyping. Damit erstellst du sehr schnell moderne und voll responsive Interfaces, die funktionieren.

Tachyons
Erstellt von: Tachyons-css
Lizenz: Open Source, frei verwendbar für jeden Zweck.

Apostrophe

Apostrophe ist ein neues CMS auf der Basis von Node.js und MongoDB. Der frische Ansatz ist noch sehr rudimentär, aber dennoch mehr als einen kurzen Blick wert.

apostrophe CMS
Erstellt von: P’unk Avenue
Lizenz: Open Source, frei verwendbar für jeden Zweck.

Fontastic

Mit Fontastic generierst du Icon-Fonts aus deinem eigenen Material. Wenn du solches nicht hast, kannst du aus mehr als dreitausend über die Website frei verfügbaren Piktogrammen wählen.

fontastic
Erstellt von: Fontastic
Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben.

AniJS

anijs Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: dariel_noel.
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Bideo

bideo Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Rishabh
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

AOS

aos Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Michal Sajnóg
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Jump.js

jump js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Michael Cavalea
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Bonsai

bonsai Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: David Aurelio
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Mo.js

motion Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Oleg Solomka
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Snabbt

shabbit Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Daniel Lundin
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Philter

philter Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Liudas Dzisevicius
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

CSSFilter

cssfilter Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Indrashish Ghosh
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

CSSGram

cssgram Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Una Kravets
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Materialize

materialize Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Alan Chang
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Grapes.js

grapes js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Artur Arseniev
Lizenz: 3-Klausel-BSD.

Descartes

descartes Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Jon H.M. Chan
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Absurd.js

absurd js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Krasimir Tsonev
Lizenz: Lies die Lizenz.

Picnic CSS

picnic Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Francisco Presencia
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Intense Image Viewer

viewer Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Tim Holman
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Zingtouch

zingtouch Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Zingchart
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Loud Links

loud links Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Mahdi.
Lizenz: Siehe LICENSE Datei für Lizenzrechte und Einschränkungen (MIT).

jQuery FormBuilder

jquery form builder Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Kevin Chappell
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Snap.js

snap js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: jakiestfu
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Dynamics.js

dynamic js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Michael Villar
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Create.js

create js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Grant Skinner
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Grade.js

grade js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Ben Howdle
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Umbrella.js

umbrella js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Francisco Presencia
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Modal

modal Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Humaan
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Mobile Editing

mobile editing Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Ben Pines
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Blend

blend Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Colin Keany
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Free CSS Generator

css media queries Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: simplecss.eu
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

FormLinter

formlinter Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: thoughtbot inc.
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

LostGrid

lostgrid Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Peter Ramsing
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Bootstrap 4 Classes List Reference

bootstrap4 classes list Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Bootstrap Creative LLC
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Headroom.js

headroom Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Jeferson Koslowski
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

PaymentFont

paymentfont Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Alexander Manfred Pöllmann.
Lizenz: MIT und SIL OFL 1.1.

DIV Table Generator

div table Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: wwweeebbb
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Hammer.js

hammer js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Alexander Schmitz, Chris Thoburn, Jorik Tangelder
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Kute.js

kute js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: dnp_theme
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Cleave.js

cleave js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Max Huang
Lizenz: Apache Lizenz Version 2.0.

Numeral.js

numerals js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Adam Draper
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

PatternsLib

patternsLib Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Cornelis G. A. Kolbach
Lizenz: Lies die Lizenz.

AlloyFinger

alloyfinger Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: dntzhang
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

In-view.js

in view Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Cam Wiegert
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Choreographer.js

choreographer js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Christine Cha
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Zenmix.io

Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Logan Nickleson
Lizenz: Frei für nicht-kommerzielle Zwecke.

Coverr

coverr Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: CodersClan and Veed.Me teams
Lizenz: CC0 1.0 Universal.

Granim.js

granim js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Benjamin Blonde
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Plottable.js


plottable Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Palantir Technologies.
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Eg.js

eg js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: YongWoo Jeon
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Shave

shave Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Dollar Shave Club Engineering.
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

CSSNano

CSSNano Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Ben Briggs
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Useful.ly

usefuly Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Tim Moreton Jr
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

JsPsych

jspsych Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Josh de Leeuw
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

TableFilter

tablefilter Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: koalyptus
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Blueprint

blueprint Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Palantir Technologies
Lizenz: BSD.

McGriddle

mcgriddle Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Jonathan Suh
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Choo

choo Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Yoshua Wuyts
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Cesium

cesium Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Analytical Graphics, Inc. (AGI) and Bentley Systems.
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Huebee

huebee Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Metafizzy
Lizenz: Open Source, kommerziell und OEM.

Textpression

Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Takeshi Takahashi
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Timeline.js

timeline js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: KnightLab
Lizenz: Mozilla Public License Version 2.0.

Brick.js

bricks js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Michael Cavalea
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

CSSCo

cssco Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Lauren Waller
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Particles.js

particles js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Vincent Garreau
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

okayNav jQuery Plugin

responsive navigation Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: VPenkov
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

List.js

list js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Jonny Strömberg
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Balloon.css

ballon css Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Claudio Holanda
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Tasty CSS-animated hamburgers

hamburger buttons Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Jonathan Suh
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Imagehover.css

imagehover css Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Ciaran Walsh
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Aleut.css

aleut css Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Knut Melvær
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

GRD

grd Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Shogo Sensui
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Rich.css

rich css Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Richardson Dackam and numerous contributors
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Bricklayer

brick Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Adem Ilter
Lizenz: Lies die Lizenz.

SweetAlert 2

sweetalert Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Limon Monte
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Feature.js

features js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Viljami Salminen
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Isomer

isomer Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Jordan Scales
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Stage.js

stage js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Ali Shakiba
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Circles

circular svg charts Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Lugo Labs
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Progress.js

progress js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Afshin Mehrabani
Lizenz: Lies die Lizenz.

Turntable.js

turntable Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Polar Notion
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Flexbox Patterns

flexbox patterns 1 Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: CJ Cenizal
Lizenz: Als kostenlos deklariert, keine Lizenz angegeben

Blaze.css

blaze css Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Greg
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Push.js

push js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Tyler Nickerson
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Wait!Animate

wait animate Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Will Stone
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Simple Grid

simple grid Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Zach Cole
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Flexbox Grid

flexbox grid Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Kristofer Joseph
Lizenz: Apache Lizenz, Version 2.0.

Force.js

force js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: René Tanczos
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Driveway

driveway Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: jhey tompkins
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Timesheet.js

timesheet js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Sebastian Müller
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Epoch

epoch Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Ryan Sandor Richards and contributors
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Vis.js

vis js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Almende B.V.
Lizenz: Apache 2.0 und frei verwendbar unter der liberalen MIT-Lizenz

Responsive Nav

responsive nav Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Viljami Salminen
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Popper.js

popper js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Federico Zivolo & Contributors
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Sly

sly Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: darsain
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Family.scss

family css Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Patrik Affentranger
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Image Hover Effects

image hover effects Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Michael Young
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Starability.css

starability css Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Anna Migas
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Repaintless.css

repaintless css Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Anna Migas
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Timedropper

timedropper Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Felice Gattuso
Lizenz: MIT-Lizenz, CC BY 4.0.

Progress Bar.js

progressbar js Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Kimmo Brunfeldt
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Tabslet

tabslet Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Dimitris Krestos
Lizenz: Apache Lizenz.

Cutestrap

cutestrap Die 100 besten Ressourcen für Webentwickler - Plugins, Tools und Lösungen
Entwickler: Tyler Childs
Lizenz: frei verwendbar unter der liberalen MIT-Lizenz

Dr. Web Redaktion

Dr. Web Redaktion

An einem „Dr. Web Redaktion“ Artikel arbeiten i.d.R. mehrere Autoren, unter anderem Michael Dobler, und Markus Seyfferth.

Werde ein Sponsor. Kontaktiere uns →

Kostenloses SEO-Tool

Agenturpartner

orange services webdesign agentur esslingen logo

Orange Services

München

Website Akademie Logo.

Websiteakademie

München

pictibe Media Consulting & Solution in Köln.

pictibe – Werbeagentur & Marketingagentur

Bergisch Gladbach

shortways communications

München

Sparkman webdesign Frankfurt.

Webdesign Frankfurt | Sparkm4n

Dillenburg

Alle Agenturpartner

Lust auf mehr?

Symbolbild in einem Laptop eingebettet. Zu sehen ist ein Mitarbeiter einer Digitalagentur.
Digitalisierung

Digitalagentur finden

Wir unterstützen Sie bei der Auswahl der passenden Digitalagentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→
SEO Agentur

SEO Agentur finden

Hier finden Sie eine geeignete SEO Agentur. Sie möchten eine bessere Sichtbarkeit Ihrer Website in Google & Co., mehr Traffic, höhere Conversions, mehr Umsatz? Eine professionelle SEO Agentur unterstützt Sie maßgeblich bei der Erreichung dieser wichtigen Ziele.

→
Foto der Inhaberin einer Social Media Agentur, umrahmt von einem Laptop und zur Linken zwei Bewertungen der Agentur.
WordPress

WordPress Agentur finden

Wir unterstützen Sie bei der Auswahl Ihrer WordPress Agentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→

5 Antworten zu „Die 100 besten Ressourcen für Webentwickler – Plugins, Tools und Lösungen“
— was ist Deine Meinung?

  1. Pablo sagt:
    29. April 2017 um 14:39 Uhr

    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 😉

    Antworten
  2. Daniel sagt:
    27. April 2017 um 15:27 Uhr

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

    Antworten
  3. Peter sagt:
    26. März 2017 um 22:27 Uhr

    Vielen Dank. Das ist sehr hilfreich
    Das erleichtert mir einiges

    Antworten
  4. Heike sagt:
    22. März 2017 um 10:52 Uhr

    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!

    Antworten
  5. ati sagt:
    20. März 2017 um 22:52 Uhr

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

    Antworten

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑