„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Lustige bunte Codepens

Lustige bunte Codepens

Veröffentlicht am 09.11.2024
Durchsuche:870

Fun Colorful Codepens

Hallo, als Designer ist mir die Farbe sehr wichtig.

In den letzten zwei Jahren habe ich einige Farbpaletten gesammelt und erstellt. Aber das ist nicht das Thema des heutigen Beitrags.

Heute wollte ich ein paar lustige Farbstifte teilen, die ich gemacht habe.

Lass uns gehen…

(Hinweis: Einige davon sind möglicherweise nicht auf Mobilgeräten kompatibel.)


1. RGB-Farbschieberegler

Was kann ich dazu sagen? Bevor wir weitermachen, sollte ich zunächst sagen, dass ich Microsoft Copilot verwende, um mir bei den feineren Details von CSS und JS zu helfen.

Ok, was sind einige coole Features davon? Wenn Sie mit den Schiebereglern spielen, werden die Hintergrundfarbe der Seite und die Texteingabewerte für RGB sofort aktualisiert. Dies funktioniert bidirektional, wenn Sie einen Wert eingeben möchten, anstatt mit dem Schieberegler herumzuspielen.

2. Farbrechner

Wer liebt einen einfachen Taschenrechner nicht? Dieses hat eine coole Funktion, mit der Sie einen farbigen Hex-Code in die Antwortanzeige eingeben oder einfügen können, um die Farbe zu ändern!

3. Zufällige Farbpaletten mit JS

Apropos Farbpaletten. Hier ist ein zufälliger Farbpalettengenerator. Ich habe das nur zum Spaß erstellt. Ich weiß, dass ich KI häufig zur Unterstützung bei der Erstellung von Projekten nutze. Aber wenn es um Farbpaletten geht, verwende ich weder KI noch einen Zufallsgenerator für Farbpaletten. Es mag zwar seine Anwendungsfälle haben, aber viele meiner Designprojekte liegen mir sehr am Herzen und ich versuche, bewusst mit den Farben umzugehen, die ich verwende.

4. Schwarz-weißes Zifferblatt

Sehr schönes einfaches Schwanzgesicht. Wäre ein toller Bildschirmschoner. Klicken Sie, um zwischen hellem und dunklem Design umzuschalten.

5. SunBible-App-Rahmen mit Farbdesignoptionen

Dies ist ein Projekt, an dem ich viele Jahre lang gearbeitet habe. Ich habe es von Grund auf neu entwickelt und es als Desktop-App mit Electron verpackt. Sie können den gesamten Code dafür auf GitHub ansehen

6. ABCs Infinite Snap Scroll mit Farbanimation

Vielen Dank, dass Sie bis zum Ende dieses Artikels gescrollt haben. Wenn Sie gerne scrollen, sind Sie bei mir genau richtig.

Ich würde mich gerne in den Kommentaren mit Ihnen vernetzen. Lassen Sie mich wissen, was Ihnen gefällt, vielleicht geben Sie mir eine Idee für ein weiteres lustiges Projekt.

Freigabeerklärung Dieser Artikel ist abgedruckt unter: https://dev.to/nonresistentreally/colorful-fun-codepens-1o81?1 Bei Verstößen wenden Sie sich bitte an [email protected], um ihn zu löschen
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3