kulturbanause Blog

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

Tools


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

Firebug wird ab Firefox 57 nicht länger unterstützt

Das Firefox-Plugin Firebug ist eines der einflussreichsten und beliebtesten Frontend-Tools der letzten Jahre. Mit der Veröffentlichung 2005 war Firebug das erste Tool, dass es ermöglichte den HTML-, CSS- und JavaScript-Code einer Website zur Laufzeit zu debuggen und zu editieren. Firebug legte den Grundstein für die heutigen Developer-Tools der Browser und erreicht mit Firefox 57 das Ende seiner Lebenszeit. Da die modernen Developer-Tools das Plugin ohnehin überflüssig gemacht haben ist der Verlust aus meiner Sicht zu verkraften. Dennoch lohnt es sich den Abschieds-Artikel von Mozilla zu lesen, indem die Entwicklung des Tools über die vergangenen 12 Jahre zusammengefasst wird.

Direkter Link zum Artikel

25 neue Tools, Scripte und Frameworks für Webdesigner – Juli 2013

Ich habe erneut eine Liste mit den interessantesten Webdesign-Tools der letzten Wochen für euch zusammengestellt. Dieses Mal bin ich über verschiedene Code-Generatoren für WordPress, für das Flexbox-Modell oder zur Identifikation von Media Queries gestolpert. Auch Scripte zur Umsetzung von mobilen Navigationslösungen, CSS Animationen und für die „Retina“-Optimierung sind in der Sammlung enthalten. Viel Spaß beim Stöbern!

Beitrag zu Ende lesen

23 neue Tools, Scripte und Frameworks für Webdesigner – März 2013

Es ist wieder soweit – ich möchte euch einige neue Tools, Scripte und Frameworks vorstellen, über die ich in den vergangenen Wochen gestolpert bin. Diesen Monat sind verschiedene Hilfsmittel für die Arbeit mit Prototypen, Icon-Fonts und WordPress-Themes mit von der Partie. Darüber hinaus Scripte zur Erstellung von Text-Animationen, komfortablen Formularen und Suchfeldern. Viel Spaß beim stöbern.

Beitrag zu Ende lesen