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


Philter.js - Kostenlose Bildänderungsbibliothek mit CSS-Filtern

Instagram ist weithin bekannt als das beliebteste Fotonetzwerk. Es verarbeitet über 52 Millionen Fotos pro Tag und viele von ihnen enthalten Filter, die Bilder im laufenden Betrieb verändern.

Dies ist auch mit CSS-Filtern möglich, die direkt im Browser gelten . Diese benutzerdefinierten Filtereigenschaften haben breite Unterstützung für viele Browser und sie sehen gut aus.

Mit dem Philter JavaScript-Plugin können Sie diesen Prozess skalieren, um Zeit zu sparen und Ihren Code für dynamische Filtereffekte in HTML zu verschieben.

Mit diesem Plugin erhalten Sie viel mehr Kontrolle über Ihre Bilder . Auf diese Weise können Sie auswählen, welche Filter auf einzelne Bilder angewendet werden sollen und ob bestimmte Filter basierend auf dem Benutzerverhalten (z. B. Schweben) geändert werden sollen.

CSS unterstützt animierte Übergänge und Philter macht diesen Prozess sehr einfach. Sie laden Philter einfach von der Homepage oder vom GitHub Repo herunter. Sobald es zu Ihrer Webseite hinzugefügt wurde, fügen Sie einfach den Initialisierungscode hinzu und lassen ihn los.

Hier ein Beispielausschnitt aus dem GitHub Repo:

Standardmäßig können Sie Übergänge und zusätzliche Datenattribute einrichten, die Sie in HTML anhängen können. Der url Parameter definiert den Pfad, in dem Philter nach benutzerdefinierten SVG-Dateien suchen soll, die im Filterprozess verwendet werden.

Diese zusätzlichen Filter sind im Lieferumfang der Bibliothek enthalten, sodass Sie sie nicht bearbeiten müssen. Sie können sie jedoch verschieben oder in eine andere Verzeichnisstruktur als Ihre aktuelle Datei einfügen, sodass diese Einstellung möglicherweise geändert werden muss .

Jetzt können Sie einfach benutzerdefinierte Filter direkt zu Ihrem HTML hinzufügen Elemente oder ihre Behälter.

Hier ist ein einfaches Beispiel :

Sie finden eine vollständige Liste aller Filter auf GitHub, zusammen mit einer kompletten Setup-Anleitung und vielen anderen Codebeispielen.

Philter ist eines der coolsten kostenlosen Plugins und stößt an die Grenzen moderner CSS. Sie können sogar Ihre eigenen Filter entwerfen, wenn Sie bereit sind, in die Codebasis einzutauchen und herumzubasteln.

Um einen einfachen Einstieg zu erhalten, besuchen Sie einfach die Philter-Homepage und laden Sie eine Kopie herunter. Sie können es in kürzester Zeit in Betrieb nehmen.

Erstellen Sie Dokumente in MS Office mit Voice mit Dictate

Erstellen Sie Dokumente in MS Office mit Voice mit Dictate

Voice-to-Text-Eingabe in der Microsoft Office-Suite hat möglicherweise gerade eine massive Verbesserung erfahren. Wie das? Nun, Microsoft hat ein neues Add-On namens Dictate veröffentlicht, mit dem Sie Dokumente in der Office-Suite mit nur Ihrer Stimme erstellen können .Das als experimentelles Projekt unter dem Dach von Microsoft Garage veröffentlichte Dictate ist ein fortschrittliches Sprach-zu-Text-Typsystem, das die Spracherkennungstechnologie von Cortana verwendet, um gesprochene Wörter zu identifizieren. Das

(Tech- und Design-Tipps)

David Rumsey Map Collection - Die größte Online-Kartendatenbank, von der Sie noch nie gehört haben

David Rumsey Map Collection - Die größte Online-Kartendatenbank, von der Sie noch nie gehört haben

Mit Google Maps und GPS ist es für uns einfacher denn je, auf der Suche nach neuen Abenteuern um die Welt zu reisen. Aber bevor all diese Technologie entstand, trotzen die Entdecker neuen Grenzen, indem sie detaillierte Karten verwenden, die ebenso verlockend wie ungenau sind.Und kein anderer Ort im Internet wird Ihnen Zugang zu Karten verschaffen, die Historiker, Geographen und Kartographen mehr begeistern als die David Rumsey Map Collection.

(Tech- und Design-Tipps)