20 fantastische animierte Loader und Spinner

Die Internetverbindung wird immer schneller, aber von Zeit zu Zeit gibt es noch einige Momente, in denen wir warten müssen, bis eine Webseite geladen ist. Designer versuchen ihr Bestes, um Ihre Wartezeit lustig und schmerzlos mit verschiedenen kreativen animierten Loadern zu machen .

Lader zeigen Ihnen, dass der Prozess läuft. Aber um sicher zu gehen, dass Sie nicht weggehen, bevor der Prozess abgeschlossen ist, liegt das Geheimnis für großartige Lader in der Aufmerksamkeit für Details und interessante Animationen . Im Folgenden finden Sie 20 fantastische Ladegeräte, die Sie herunterladen und auf Ihrer eigenen Website oder in Ihrem eigenen Projekt verwenden können.

CSS-Lader von @ CKH4

Sehen Sie den Stift css Lader von Connor (@ CKH4) auf CodePen.

Rainbow Loader von @jackrugile

Sehen Sie den Pen Rainbow Loader von Jack Rugile (@jackrugile) auf CodePen.

Redirector Loader von @mr_alien

Sehen Sie den Pen Redirecting Loader von Herrn Alien (@mr_alien) auf CodePen.

Loader CSS von @mattiabericchia

Sehen Sie den Pen Loader CSS von Mattia Bericchia (@mattiabericchia) auf CodePen.

Light Loader von @jackrugile

Sehen Sie den Pen Light Loader von Jack Rugile (@jackrugile) auf CodePen.

CSS3 Infinite Loader von @jonathansilva

Sehen Sie den Pen CSS3 Infinite Loader von Jonathan Silva (@jonathansilva) auf CodePen.

CSS Treppenlader von @ispal

Sehen Sie sich den Pen CSS-Treppenlader von Irko Palenius (@ispal) auf CodePen an.

CSS Loader von @code_dependant

Siehe den Pen CSS Loader von Che (@code_dependant) auf CodePen.

Loader von @ majci23

Sehen Sie den Pen Loader von Maroá¡ Horniak (@ majci23) auf CodePen.

Rubik loader von @FilipVitas

Sehen Sie den Pen Rubik Loader von Filip Vitas (@FilipVitas) auf CodePen.

CSS3 Loader Animation & ndash Peeek von @ rss

Siehe die Stift-CSS3-Loader-Animation - Peeek von RÃ ± sa Selauk Saydam (@rss) auf CodePen.

Pure Css Loader & ndash Platz von @ dghez

Sehen Sie den Pen Pure Css Loader - Square von Robert Borghesi (@dghez) auf CodePen.

Cocktail Loader von @MarcMalignan

Sehen Sie den Pen Cocktail Loader von Marc Malignan (@MarcMalignan) auf CodePen.

Lade einen Tag (Tag 2) von @TheDutchCoder

Sehen Sie den Pen Loader pro Tag (Tag 2) von Reinier Kaper (@TheDutchCoder) auf CodePen.

Polygonlader von @dan_reid

Sehen Sie den Pen Polygon Loader von Daniel Reid (@dan_reid) auf CodePen.

Code Loader in CSS von @depy

Lesen Sie den Code Loader in CSS von Deepak Kamat (@depy) auf CodePen.

Ein Element vier Farbenlader von @tstoik

Sehen Sie sich den Pen One-Element-Vierfarblader von Tiffany Stoik (@tstoik) auf CodePen an.

Lader # 1 von @samueljweb

Sehen Sie den Pen Loader # 1 von Sam Lillicrap (@samueljweb) auf CodePen.

Lass uns Sachen von @tomchewitt laden

Siehe den Stift Laden wir Sachen von Tom Hewitt (@tomchewitt) auf CodePen.

Eine weitere Lade-Animation von @redouglas

Sehen Sie den Stift Eine weitere Lade-Animation von Robert Douglas (@redouglas) auf CodePen.

Triff Niles, Slacks ganz eigenen Chat-Assistenten

Als wir zum ersten Mal über Hangouts Chat gesprochen haben, haben wir "@meet" erwähnt, den Bot-Assistenten des Dienstes. Wie sich herausstellt, ist Hangouts Chat nicht der einzige, der einen eigenen Bot hat, da Slack auch einen hat, und sein Name ist Niles.Als Add-on für Slack ist Niles ein Chat-Assistent, der in Slack selbst arbeitet. D

(Tech- und Design-Tipps)

Frankendesign - Wenn alte Designs wieder zum Einsatz kommen

Kennst du die Geschichte von Frankensteins Monster? Ein verrückter Wissenschaftler versucht, eine lebende Kreatur mit Teilen aus einer Vielzahl von Individuen zu erschaffen. Designer haben oft viel gemeinsam mit dieser klassischen Geschichte, indem sie Elemente aus ihren alten Designs verwenden, um neue für ganz andere Kunden zu kreieren .D

(Tech- und Design-Tipps)