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


Generieren Sie Responsive Embed Codes leicht mit dieser kostenlosen App

Jeder Webdesigner weiß, wie man Videos einbettet . Einbetten ist der einfachste Weg, Inhalte zu teilen und Ihre Artikel mit relevanten Medien zu verbessern.

Es gibt jedoch ein Problem mit Iframes und anderen ähnlichen Videobetten: der Mangel an reaktionsfähigen Lösungen . Jede moderne Website ist reaktionsschnell und ein festes Video kann diesen Fluss auf dem Handy wirklich unterbrechen.

Versuchen Sie Embedresponsively.com, um dieses Problem zu beheben . Diese kostenlose Web-App generiert automatisch Embed-Codes für eine Vielzahl von Medienseiten und unterstützt sogar Standard-Iframe-Elemente .

Standardmäßig können Sie aus einer Handvoll Multimedia-Websites auswählen, die native Einbettungen unterstützen:

  • Youtube
  • Vimeo
  • DailyMotion
  • Instagram
  • Twitter
  • Google Maps
  • Soundwolke
  • Scribd

Sie müssen sich nicht alle diese Einbettungscodes merken oder sich mit ihren eingebetteten Widgets herumärgern. Kopieren Sie einfach die URL des Elements, das Sie einbetten möchten, und fügen Sie es in die Web-App ein.

Sobald Sie auf "Einbetten" geklickt haben, erhalten Sie eine Vorschau, die Sie in Ihrem Browser testen können, indem Sie die Größe ändern, um zu sehen, wie sich das Video anpasst. Unter dem Vorschaubereich finden Sie einen Codeblock, den Sie kopieren und einfügen können, um ihn auf Ihrer Site einzubetten .

Dies ist eine der einfachsten Lösungen für das responsive Embed-Problem. Das Ziel ist , das Video flexibel zu halten und gleichzeitig das Seitenverhältnis beizubehalten - keine leichte Aufgabe.

Es gibt ein großartiges Stück zu CSS-Tricks mit einer anderen Lösung, die sich mehr auf Klassen und ein Containerelement stützt. Wenn Sie jedoch nicht immer daran denken möchten, diesen Container hinzuzufügen, bevorzugen Sie möglicherweise Embedresponsively.com.

Werfen Sie einen Blick auf die Website und versuchen Sie es. Wenn es Ihnen nichts ausmacht , mit längeren Code-Snippets zu arbeiten, ist dies sicherlich eine großartige Lösung für jedes responsive Layout.

Und Sie können den vollständigen Quellcode auf GitHub kostenlos finden, wenn Sie Unterstützung für besser einbettbare Medien hinzufügen möchten.

Verfolgen Sie die Produktivität (und Ablenkungen) auf Chrome mit Limitless

Verfolgen Sie die Produktivität (und Ablenkungen) auf Chrome mit Limitless

Es ist schwieriger, sich zu konzentrieren und sich an Dinge zu erinnern, wenn Sie online arbeiten. Es gibt so viel zu sehen, zu tun, zu lesen, zu sehen, zu folgen, zu mögen, hochzuladen, herunterzuladen und ... Sie bekommen die Idee. Die Produktivität kann sich verschlechtern, wenn Sie nicht diszipliniert genug sind, was leider für die meisten von uns gilt.Ab

(Tech- und Design-Tipps)

Übe Programmierung mit Repl.it - ​​Eine Browser-basierte IDE und Compiler

Übe Programmierung mit Repl.it - ​​Eine Browser-basierte IDE und Compiler

Das Einrichten der lokalen Laufzeitumgebung kann jedoch für Anfänger ein echter Schmerz sein. Dies erfordert oft die Befehlszeile, die großartig ist zu lernen, wie Sie gehen, aber kann sich zunächst wie ein Roadblock fühlen.Mit Repl.it können Sie jede kompilierte Sprache direkt in Ihrem Browser programmieren, von Python bis C ++ oder sogar Swift für iOS-Apps.Diese

(Tech- und Design-Tipps)