de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Erstellen Sie mit dieser kostenlosen Web-App reine CSS-Dreiecke

Es gibt einen großen Anstoß, das Internet zu einem CSS-freundlichen Ort zu machen . Seit Jahren waren Bilder immer die Lösung für Browser-Hacks von der Wiederholung von Hintergründen bis hin zur Schiebetürtechnik. Aber jetzt ist es einfacher als je zuvor, mit CSS3 Muster, Symbole und Spezialeffekte zu erstellen .

Mit diesem Dreiecksgenerator können Sie die Größe und Form eines beliebigen Dreiecks entwerfen. Es spuckt automatisch eine CSS-Klasse aus, die Sie auf jedes Element anwenden können.

In den Optionsfeldern können Sie die Farbe und Richtung des Dreiecks ändern (oben / unten und seitlich). Sie können auch die Breite / Höhe des Dreiecks ändern und sogar mit der Schräge nach links / rechts verfahren, wenn Sie ein ungleichmäßiges Dreieck erstellen.

Dies ist bei weitem eine der coolsten Web-Apps, die ich je gesehen habe. Es ist auf Designyourcode gehostet, einer Seite voller toller Blog-Artikel und kostenloser Web-Dev-Tools.

Und für alle Liebhaber von Abwärtskompatibilität haben Sie die Möglichkeit, das Microsoft.Chroma- Feature in CSS zu integrieren, das Unterstützung für IE6-Benutzer hinzufügt . Weniger als ein Prozent der Welt nutzt sogar IE6, aber es ist immer noch eine gute Option.

Um Ihrer Site ein reines CSS-Dreieck hinzuzufügen, kopieren Sie einfach die CSS-Klasse mit den Regeln in Ihr Stylesheet. Dann geben Sie diese Klasse an alle
oder leeres Blockelement.

Um beispielsweise ein nach oben zeigendes Dreieck zu erstellen, kopieren Sie den Code und fügen ein Element wie dieses hinzu:

Das könnte auch ein Block-Level-Element sein, oder es könnte absolut innerhalb eines anderen Elements positioniert sein .

Die Möglichkeiten sind endlos und dieses Tool kann eine bessere Alternative als der CSS-Border-Hack bieten . Um zu beginnen, besuchen Sie einfach die Dreieck-Web-App und ändern Sie die Werte nach Ihren Wünschen.

Parallax-Effekt in der Fotografie [Photoshop Tutorials]

Parallax-Effekt in der Fotografie [Photoshop Tutorials]

Der Parallax-Effekt wird auch als Ken-Burns-Effekt bezeichnet, der nach dem Filmemacher benannt ist, der diesen Effekt in seinen Dokumentarfilmen zu seinem charakteristischen visuellen Stil gemacht hat. Bei dieser Technik handelt es sich um einen Schwenk- und Zoom-Effekt, der zum Erstellen eines Videos aus Standbildern verwendet wird

(Tech- und Design-Tipps)

Fügen Sie mit jfMagnify einen Vergrößerungseffekt auf Ihrer Webseite hinzu

Fügen Sie mit jfMagnify einen Vergrößerungseffekt auf Ihrer Webseite hinzu

Es gibt viele kostenlose Zoom-Plugins, die unglaublich gut funktionieren. Die meisten davon werden jedoch für Bilder erstellt, und sie geben Anweisungen für reinen Bildinhalt vor .Was wäre, wenn Sie jedem Teil Ihrer Webseite einen Lupeneffekt hinzufügen könnten? Dank jfMagnify können Sie.Es ist ein kostenloses jQuery-Plugin, das nicht nur das Zoomen von Bildern unterstützt, sondern auch das Zoomen von ganzen Seiten . Es is

(Tech- und Design-Tipps)