Ini adalah kode sumber untuk maggieAppleton.com, taman digital yang diisi dengan catatan, esai, dan pola desain yang tumbuh.
Ini adalah sumber terbuka untuk membiarkan orang -orang berkeliling dan mendapatkan ide untuk kebun mereka sendiri. Namun, saya lebih suka Anda tidak memasukkannya secara grosir untuk membangun kebun Anda sendiri. Pertama karena kode saya berantakan (saya seorang pengembang berdasarkan kebutuhan, bukan berdasarkan profesi atau pilihan), dan kedua karena saya merancangnya sesuai dengan preferensi estetika saya sendiri, dan kebutuhan / keinginan fungsional. Milikmu tidak akan sama.
Ini juga canggung ketika saya menemukan situs web orang lain yang merupakan ekspresi yang tepat dari selera dan identitas desain saya sendiri. Seperti berjalan di seseorang yang mengenakan pakaian Anda. Yang mengatakan, Anda dapat melakukan apa yang Anda suka di web dan saya tidak akan membuat keributan besar tentang hal itu.
Saya sangat mendorong Anda untuk membangun kebun Anda sendiri! Saya menyimpan daftar alat dan sumber daya yang dikuratori yang dapat membantu Anda melakukannya.
<ProseWrapper /> membungkus semua salinan MDX Longform. Membatasi ke 72ch dan menempatkannya di grid-column: 2 .<TwoColumn /><ThreeColumn /><Img /> lolos dari grid-column: 2 penempatan dan menetapkan lebar maksimum 1000px. Opsional override dengan prop width . Gaya minimal, menggantikan elemen IMG default.<BasicImage /> adalah fitur yang lebih lengkap - termasuk keterangan opsional dari teks alt.<ImageFrame/> menambahkan sedikit bingkai dan drop-shadow. Berguna untuk tangkapan layar.Saya menggunakan trik gambar berdarah penuh Josh Comeau dengan CSS Grid.
<img /> . Ini menyatakan lebar default 1000px dan menerima prop width opsional<BasicImage /> akan meregangkan gambar melintasi kanvas lengkap, secara opsional menerima prop lebar yang dinyatakan.