kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

Chrome


Die Chrome Entwicklertools (DevTools) für Designer und Einsteiger

Alle modernen Browser verfügen über sog. Entwicklertools (Developer-Tools bzw. Dev-Tools), die zahlreiche Funktionen zum Gestalten, Editieren, Testen, Analysieren und Korrigieren von Websites und Web-Applications bereitstellen. Neben Frontend-Entwicklern nutzen auch Screen-, UX- und UI-Designer zunehmend die Dev-Tools um visuelle oder inhaltliche Anpassungen direkt an der Website testen zu können.

Wir fassen in den folgenden Abschnitten die wichtigsten Funktionen der Chrome Entwicklertools für Designer und Einsteiger zusammen. Für Entwickler bietet sich die offizielle und sehr umfangreiche Dokumentation an.

Beitrag zu Ende lesen

Schärfere Bilder im Chrome

Im responsive Webdesign werden Bilder gegebenenfalls automatisch verkleinert.
Leider rendert Google's Browser Chrome Bilder beim Verkleinern nicht so, wie es bei guten Bildbearbeitungsprogrammen der Fall ist und gibt diese daher nicht mit der gleichen Schärfe, wie das ursprüngliche Bild aus. Artem Syzonenko stellt einen kleinen Hack vor, um verkleinerte Bilder im Chrome schärfer darzustellen.

Direkter Link zum Artikel