Cassie Evans präsentiert einige wirklich pfiffige Webdesign-Ideen und untersucht die Verwendung der API, die von dem Unternehmen bereitgestellt wird, das ihr Team bei Clearleft kürzlich beauftragt hat, um das Dach ihres Gebäudes mit Solarpaneelen zu bedecken. Cassie skizziert ihre Reise beim Entwurf einer Webseite, die die API verwendet, um einige leichtgewichtige Datenvisualisierungen über die Energie anzuzeigen, die das Gebäude nach der Installation der Solarpaneele verbraucht.
Hier bei Clearleft haben wir kleine Schritte unternommen, um unsere Umweltauswirkungen zu reduzieren. Im Dezember 2018 haben wir das Dach unseres Hauses mit Solarpaneelen bedeckt.
Mit den ersten Strahlen der herrlichen Sommersonne, die auf uns herabscheinen, begannen wir darüber nachzudenken, welche Umweltauswirkungen sie in den letzten 5 Monaten hatten.
Glücklicherweise verfügen unsere Solarpaneele über eine API, sodass wir diese Informationen nicht nur ermitteln, sondern auch von SolarEdge anfordern und in unserer eigenen Benutzeroberfläche anzeigen können.
Der Beitrag ist ein großartiger praktischer Einblick in die Verwendung der Fetch API, zu der auch Zell Liew ausführlich geschrieben hat, und behandelt die Geschichte der Verwendung von APIs mit JavaScript, die Fehlerbehandlung und andere seltsame Dinge, die bei der Arbeit damit passieren können.
Genauso interessant und nützlich ist es jedoch, Cassies Denkprozesse zu verfolgen, während sie einen Wireframe für die Seite skizziert, recherchiert, wie die Fetch API verwendet wird, und Animationen in eine schöne SVG-Illustration integriert. Es ist eine Übung in Design und Entwicklung, mit der sich viele von uns identifizieren können und von der wir auch lernen können.
Oh, und während wir beim Thema Datenvisualisierungen sind, Dan Englishby hat heute etwas über die vielen Möglichkeiten veröffentlicht, Daten in Diagramme zu bekommen. Die Arbeit mit Echtzeit-APIs wird dort ebenfalls behandelt und ist ein schöner Übergang zu Cassies Beitrag.