CSS ist eine kalte Dusche.

Diese Schlagzeile kam mir ganz passend, als ich heute Morgen duschte, als ich mich darauf vorbereitete, meinen Tag zu beginnen. Ich habe mir angewöhnt, warm zu werden und immer kälter zu werden, bis das Wasser fast gefroren ist, da es den Gehirnnebel beseitigt und dich fertig macht. Nachdem ich meine morgendlichen Rituale erfüllt hatte, begann ich mich mit einem Projekt zu befassen, an dem ich in der Nacht zuvor gearbeitet hatte: dem Codieren einer Produkt-Landingpage in HTML / CSS.

Mein bester Versuch, eine Landing Page für die iWatch Series 4 zu codieren.

Dies ist ein Auftrag für eine Responsive Web Design-Zertifizierung von FreeCodeCamp und sicherlich eine Herausforderung. Ich arbeite seit Dezember mit HTML / CSS, habe aber in letzter Zeit fast jeden Tag damit begonnen, diese Fähigkeiten zu üben. Mit dem Lernen müssen Sie einige Schwachstellen erreichen, in meinem Fall besonders mit Flexbox und Grid. Viele dieser CSS-Elemente müssen sorgfältig neben den jeweiligen HTML-Tags platziert werden, und die Verwaltung jeder Verbindung kann mit Sicherheit schwierig werden. Sowohl in Flexbox als auch in Grid denke ich darüber nach, wie ich Elemente mit textbasierten Befehlen in einem Bereich verschieben kann. Meistens sind diese Elemente schwer zu visualisieren. Es ist interessant zu sehen, wie CSS mit diesen Befehlen nicht nur mit dem Benutzer, sondern auch mit dem Verstand des Designers interagiert.

Als Designer glauben Sie immer, dass alles, was Sie kreieren, möglich sein kann. Sie wissen, dass Ihrer kreativen Arbeit kaum Grenzen gesetzt sind und Sie sicher sind, dass Sie eine App immer schicker und benutzerfreundlicher gestalten können. Beim Design geht es schließlich darum, den Sweet Spot zwischen Ästhetik und Benutzerzufriedenheit zu finden, und das können Sie fantastisch. Insbesondere aus entwicklungspolitischer Sicht geht es jedoch noch um viel mehr.

Quoras Designleiter schrieb in einem Blogbeitrag, warum Designer in gewissem Maße technische Fähigkeiten erlernen sollten, um die Lücke zwischen einem funktionierenden Prototyp und dem tatsächlichen Produkt zu schließen. Oft stellen wir fest, dass unsere SketchApp- oder XD-Prototypen repräsentativ dafür sind, wie eine App aussehen würde und wie sie letztendlich tatsächlich aussieht. Dabei gehen viele visuelle Elemente aufgrund ihrer technischen Komplexität verloren, so dass diese Arbeit von der Entwurfsseite aus nicht die beste Nutzung ihrer Zeit war.

Analytisches vs. kreatives Gehirn

Cascadian Styling Sheets bilden die Brücke zwischen den beiden Kortexen: dem Kreativen und dem Analytischen. Wenn Sie das Design zum ersten Mal lernen, erwarten Sie nicht, dass das Endergebnis Ihrer kreativen Bemühungen auf eine Reihe von Tags und Hashes mit Styling-Anweisungen reduziert wird, aber genau das passiert. Dies bedeutet, dass der Großteil Ihrer komplexen Konstruktionsaufwände in den meisten Fällen entfällt, wenn dies eine echte Bedrohung für die Zeitverfügbarkeit eines Entwicklers darstellt. Es ist schwer genug für ihn, das Back-End aufzubauen und das Hosting einzurichten, aber jetzt soll er Ihre dummen Übergangsbewegungen genau so programmieren, wie Sie sie entworfen haben?

Aus diesen und vielen anderen Gründen glaube ich, dass Designer wissen sollten, was hinter einer Website steckt, und über die Werkzeuge verfügen sollten, um eine neue Website zu ändern oder zu erstellen. Es ist wirklich einfach, sich neue und kreative Ideen für Ihre Entwürfe auszudenken. Sobald Sie jedoch aufwachen, werden Sie feststellen, dass die meisten dieser Ideen möglicherweise vergeblich waren. Wenn Sie wissen, was sich hinter Ihrer Benutzeroberfläche verbirgt, können Sie ein schlankeres Produkt erstellen und damit nicht nur für Ihre Benutzer, sondern auch für Ihre Entwickler eine bessere Benutzererfahrung erzielen.

CSS ist schließlich diese kalte Dusche am Morgen, die zunächst etwas schmerzhaft sein kann, aber Sie besser auf die Herausforderungen des Tages vorbereitet macht. `