Dies ist der Quellcode für MaggieAppleton.com, einen digitalen Garten mit wachsenden Noten, Essays und Designmustern.
Es ist Open Source, Menschen herumstöpfen zu lassen und Ideen für ihren eigenen Garten zu bekommen. Ich würde es jedoch lieber nicht im Großhandel gegabelt, um Ihren eigenen Garten zu bauen. Erstens, weil mein Code ein heißes Durcheinander ist (ich bin notwendigerweise ein Entwickler, nicht nach Beruf oder Wahl), und zweitens, weil ich ihn nach meinen eigenen ästhetischen Vorlieben und funktionalen Bedürfnissen / Wünschen entworfen habe. Ihre wird nicht gleich sein.
Es ist auch unangenehm, wenn ich auf der Website eines anderen stolpere, der einen genauen Ausdruck meines eigenen Designgeschmacks und meiner eigenen Identität darstellt. Wie in jemanden, der deine Kleidung trägt. Das heißt, Sie können das tun, was Sie im Internet mögen, und ich werde keine großen Aufregung darüber machen.
Ich ermutige Sie dringend, Ihren eigenen Garten zu bauen! Ich habe eine kuratierte Liste von Tools und Ressourcen, die Ihnen helfen können.
<ProseWrapper /> Wickeln alle MDX Longform Copy. Begrenzt es auf 72Ch und legt es in grid-column: 2 .<TwoColumn /><ThreeColumn /><Img /> entkommt der grid-column: 2 Platzierung und setzt eine maximale Breite von 1000px. Optionale Überschreibung mit width . Minimale Stile ersetzt das Standard -IMG -Element.<BasicImage /> ist ausführlicher Funktionen - enthält eine optionale Bildunterschrift aus dem ALT -Text.<ImageFrame/> fügt einen leichten Rahmen und einen Drop-Shadow hinzu. Nützlich für Screenshots.Ich benutze Josh Comeos vollständige Bleed Image Trick mit CSS Grid.
<img /> übergeben. Es deklariert eine Standardbreite von 1000px und akzeptiert eine optionale width ,<BasicImage /> streckt das Bild über die gesamte Leinwand und akzeptiert optional eine deklarierte Breite.