i2style CSS3 button Generator Button-Vorlagen

i2style bietet eine Reihe CSS3 buttons an, die man direkt als Vorlage nehmen und dann weiter bearbeiten kann, bis sie den eigenen Vorstellungen entsprechen.

? CSS3 ?

Den so erstellten code kann man gleich per copy&paste mitnehmen.

sciweavers i2style css3 button

LINK: www.sciweavers.org/i2style

patternify – CSS Pattern Generator

Ein weiterer Eintrag in der Kategorie „CSS-Generatoren“. Auf www.patternify.com könnt ihr euch ein eigenes kleines Muster erstellen, welches ihr dann zum Beispiel als Hintergrund verwenden möchtet.

Erstellt online euer Muster (es gibt auch einige Vorlagen, die ihr auswählen und anpassen könnt) und ladet dann entweder eine Grafik im png-Format herunter oder nehmt den Base64 Code mit, den ihr in eurer CSS verwenden könnt. Für mein Beispiel mit den pink Herzchen 😀 sieht der CSS-Eintrag dann etwa so aus:

What is Patternify?

Patternify is a simple pattern generator. I built it to save myself the pain of launching Photoshop just to export a 2px by 2px stripe pattern. Not only can you build your pattern online, but with the base64 code, you don’t even need an image file anymore: just include the code in your CSS and you’re ready to go!

CSS Quiz geht in die 2. Runde

Mein Quiz mit Fragen rund um CSS geht ab heute in die 2. Runde. Die Bestenliste wurde zurückgesetzt und bei den Fragen und Antworten habe ich noch einmal durchgefegt.

Ich habe hier an dieser Stelle 15 Fragen zum Thema CSS/HTML zusammengetragen, die sich fast alle aus den bisherigen Beiträgen oder dem Zusammenhang ergeben. Viele werden aber auch so schnell eine Antwort finden oder sie bereits im Hirn eingebrannt haben.

Wer eine spannende Frage für das Quiz mit uns teilen möchte, ist herzlich eingeladen. Bitte benutzt dazu das Kontaktformular.

Ich wünsche viel Spass!

  • Veröffentlicht in: CSS3

CSS triangle (Dreieck) generator

Du willst oder musst gerade „auf die Schnelle“, nur mit CSS-Eigenschaften, ein oder mehrere Dreiecke online erstellen?

Gefunden habe ich ein kleines Werkzeug auf der Webseite von Andre Knieriem, mit welchem du dir ein Dreieck online generieren und den CSS Code gleich mitnehmen kannst.

Ein Dreieck …

… und noch ein Dreieck …

Screenshot des Online-Dreick-Generators:

css-triangle-generator