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


Analysieren Sie die Codes jeder Webseite mit CSS Dig Chrome Extension

Mit Chrome DevTools können Sie eine Vielzahl von Aufgaben erledigen, von der Bearbeitung von Live-Websites bis hin zur Untersuchung detaillierter HTTP-Anfragen. Aber die Fähigkeit, CSS-Muster zu analysieren, wird nicht in die Konsole eingebacken.

Mit CSS Dig können Sie alle CSS-Selektoren, Spezifitäten und eindeutigen Eigenschaften einer beliebigen Webseite direkt in Chrome analysieren. Diese Erweiterung ist völlig kostenlos und bietet Frontend-Entwicklern eine Menge Power.

Wenn Sie ein Stylesheet betrachten, erhalten Sie viele Daten aus dem CSS Dig Panel. Es kann Ihnen einzelne Selektoren zeigen, einschließlich Duplikate und unnötige Spezifitätsstufen .

Installieren Sie einfach das Plugin und öffnen Sie das Konsolenfenster. Im CSS-Dig-Fenster finden Sie zwei Registerkarten : Eigenschaften und Selektoren .

Sie können Ergebnisse durchsuchen, die nach Eigenschaften (Farbe, Rahmen, Abstand) oder Selektoren (Klassen, IDs) organisiert sind. Ich finde das Eigenschaftenfenster am wertvollsten, da Sie damit untersuchen können, welche Schriftarten und Farben Sie verwenden.

Dieses Tool funktioniert auf der ganzen Website für jede Website, also ist es auch praktisch für das Reverse-Engineering eines Designs. Sie können das CSS direkt aus diesem Fenster kopieren und einfügen und in Ihren eigenen Projekten wiederverwenden.

Der wahrscheinlichste Anwendungsfall für CSS Dig ist das Löschen doppelter Farben aus der Farbpalette. Wie viele einzigartige Grüntöne brauchen Sie wirklich? Oder wie viele verschiedene Serifenschriften sind für eine Seite nötig?

CSS Dig ist unglaublich einfach, also erwarten Sie nicht Dutzende von Funktionen wie mit DevTools. Stattdessen richtet sich dieses Plug-in eher an Frontend-Entwickler, die Websites auf Wiederholungsselektoren oder doppelte Eigenschaften prüfen.

Der Quellcode des Plugins steht auf GitHub kostenlos zur Verfügung. Dort finden Sie auch die neuesten Updates .

Pictaculous - Holen Sie sich Ihre Farbpalette per E-Mail

Pictaculous - Holen Sie sich Ihre Farbpalette per E-Mail

Wir sind Fans von Farbwerkzeugen und Farbwählern, denn sie machen unser Leben als Designer ein ganzes Stück leichter. Werkzeuge wie 0to255 helfen uns, HEX-Codes für Farbschattierungen zu finden, während Adobe Kuler uns Farbschemata von einem iOS-Gerät generieren lässt. Heute zeigen wir Ihnen eine Farbpalette Generator Tool namens Pictaculous.Die B

(Tech- und Design-Tipps)

360 ° Virtual Reality verändert alles, was Sie über Videos wissen

360 ° Virtual Reality verändert alles, was Sie über Videos wissen

In den 90er Jahren war VR (Virtual Reality) unter den Elite-Gamern allein bekannt, aber mit der Zeit wurde es für die Welt außerhalb des Spielens immer zugänglicher. Heute können Sie YouTuber, Facebookers, Nachrichtenmedien und Supermärkte mit einer besser nutzbaren Form von VR sehen, um mehr Publikum anzuziehen: das 360 ° Panorama-Video .Diese

(Tech- und Design-Tipps)