Ceci est le code source de MaggieAppleton.com, un jardin numérique rempli de notes, d'essais et de modèles de conception croissants.
C'est l'open source de laisser les gens se précipiter et obtenir des idées pour leur propre jardin. Cependant, je préfère que vous ne l'avez pas frappé en gros afin de construire votre propre jardin. Tout d'abord parce que mon code est un gâchis chaud (je suis un développeur par nécessité, pas par profession ou choix), et deuxièmement parce que je l'ai conçu selon mes propres préférences esthétiques, et les besoins / désirs fonctionnels. Le vôtre ne sera pas le même.
C'est aussi gênant lorsque je trébuche sur le site Web de quelqu'un d'autre qui est une expression exacte de mon propre goût et de mon propre goût de conception. Comme marcher sur quelqu'un qui porte vos vêtements. Cela dit, vous pouvez faire ce que vous aimez sur le Web et je ne vais pas faire un énorme historique à ce sujet.
Je vous encourage fortement à construire votre propre jardin! Je garde une liste organisée d'outils et de ressources qui peuvent vous aider à le faire.
<ProseWrapper /> s'enroule autour de toute la copie MDX Longform. Le limite à 72ch et le place en grid-column: 2 .<TwoColumn /><ThreeColumn /><Img /> échappe à la grid-column: 2 placement et définit une largeur maximale de 1000px. Override facultatif avec width Prop. Styles minimaux, remplace l'élément IMG par défaut.<BasicImage /> est plus entièrement des fonctionnalités - comprend une légende en option du texte ALT.<ImageFrame/> Ajoute un léger cadre et Drop Shadow. Utile pour les captures d'écran.J'utilise le truc d'image de saignement complet de Josh Comeau avec la grille CSS.
<img /> . Il déclare une largeur par défaut de 1000px et accepte une width facultative<BasicImage /> étirera l'image sur la toile complète, accepte éventuellement une largeur de largeur déclarée.