Webdesign ist ein so rechteckbasiertes Designmedium, dass sich buchstäblich jede Abweichung davon frisch anfühlt. Michelle Barker beschäftigt sich mit der Verwendung von Mathematik auf verschiedene Weise, um Linien, Formen und Animationen programmatisch zu zeichnen, die sowohl schön aussehen als auch ...
Nehmen wir an, jemand bittet Sie, einer beliebigen geometrischen SVG-Form eine **doppelte** Umrandung hinzuzufügen. Aus irgendeinem Grund können Sie keinen Grafikeditor verwenden – sie müssen zur Laufzeit generiert werden –, daher müssen Sie es lösen ...
Codrops hat einen sehr schönen Artikel über CSS-Formen von Tania Rascia. Sie wissen vielleicht, dass shape-outside dazu dient, den Bereich neu zu definieren, um den herum Text um das Element herum fließt, was interessante Designmöglichkeiten eröffnet. Aber es gibt ein paar ...
Oh hey, morgen (morgen!) ist Wahltag hier in den Vereinigten Staaten. Wir beschäftigen uns bei CSS-Tricks nicht mit politischen Empfehlungen oder ähnlichem, obwohl wir dafür sind, dass jeder sein Wahlrecht ausübt.
Das habe ich vor zwei Jahren getan und einen CSS-Nachbau des "I Voted"-Aufklebers veröffentlicht, der mit meinem kalifornischen Briefwahlstimmzettel kam.
Spulen wir zum heutigen Tag vor, und ich habe einen neuen Aufkleber im Stimmzettel erhalten, der ein frisches Design aufweist.
Ich habe etwas Zeit, also werde ich versuchen, diesen Aufkleber in CSS nachzubilden und meinen Denkprozess dabei zu erklären. Fühlen Sie sich frei, mitzumachen, wenn Sie möchten!
CSS ist in der Lage, alle möglichen Formen zu erstellen. Quadrate und Rechtecke sind einfach, da sie die natürlichen Formen des Webs sind. Fügen Sie eine width und height hinzu, und Sie haben die exakte Größe des Rechtecks, das Sie benötigen. Fügen Sie border-radius hinzu und ...
Firefox 62 wird am 5. September aus der Beta-Phase veröffentlicht. Die wichtigste Neuerung für CSS-Entwickler ist, dass es nun die Eigenschaft shape-outside mit polygon(), circle() und ellipse() unterstützt und damit Chrome und Safari beitritt....
Dies ist ein Vortrag, den ich kürzlich auf ein paar Konferenzen gehalten habe. Er handelt von vier verschiedenen Eigenschaften in CSS
…
Es gibt einige Werte in CSS, die das Zeichnen von Formen ermöglichen. Zum Beispiel gibt es eine Funktion circle(), die ein gültiger Wert für ein paar CSS-Eigenschaften ist. "Zeichnen" ist vielleicht nicht das richtige Wort, obwohl. Es ist ...
CSS Shapes ist heutzutage wie das perfekte Beispiel für progressive Verbesserung. Ähnlich wie border-radius es war. Ältere Browser haben eckige Ecken! Wen kümmert's! CSS Shapes ermöglichen es Ihnen, Text unregelmäßig umzubrechen – wie entlang des Pfades eines circle().…
