Minggu f #DaysOfCode: Flexbox, Tipografi, Kebolehcapaian dan Banyak Lagi!

Hari 8: Hari ini saya melengkapkan modul "Belajar CSS Flexbox dengan Membina Galeri Foto" di #freeCodeCamp! ? Flexbox ialah alat penting untuk susun atur responsif, dan saya belajar cara menjajarkan imej, mencipta grid fleksibel dan menyusun galeri foto yang cantik dan responsif. Sungguh mengujakan untuk melihat betapa hebatnya Flexbox dalam membuat reka letak menjadi fleksibel dan adaptif. Rasa lebih yakin dengannya sekarang! ?

Hari 9: Hari ini adalah mengenai tipografi dalam reka bentuk web. Saya menyelidiki keluarga fon, berat fon dan jarak huruf untuk meningkatkan kebolehbacaan dan memberikan reka bentuk saya rupa yang lebih digilap dan profesional. Tipografi mempunyai begitu banyak butiran halus, dan saya mula memahami cara perkara seperti saiz fon dan jarak boleh meningkatkan pengalaman pengguna secara dramatik. ?

Hari 10: Menyelesaikan projek kuiz untuk mempelajari kebolehcapaian di #freeCodeCamp. Projek ini mencabar saya untuk memikirkan tentang kebolehcapaian web dan cara menjadikan tapak web boleh digunakan untuk semua orang, tanpa mengira ketidakupayaan. Memastikan semua elemen digayakan dengan betul adalah sukar, tetapi ia memuaskan untuk mengetahui bahawa saya membuat reka bentuk web yang lebih inklusif. Ia juga menyedarkan saya bahawa saya perlu mendalami HTML & CSS untuk menguasai konsep teras. ?

Hari 11: Menghabiskan berjam-jam menyelam jauh ke dalam HTML & CSS melalui #W3Schools. Saya tidak pernah menyedari betapa luasnya CSS—ia jauh lebih luas daripada yang saya bayangkan! Daripada penggayaan asas kepada animasi yang kompleks, terdapat banyak perkara yang perlu dipelajari. Masih membaca, tetapi saya teruja untuk mengaplikasikan apa yang saya pelajari setakat ini. ?

Hari 12: Menyelesaikan projek halaman penghormatan khusus untuk Dr. Norman Borlaug menggunakan HTML & CSS! ? Ini adalah satu lagi cabaran daripada #freeCodeCamp. Saya belajar banyak tentang reka letak, kapsyen imej dan reka bentuk responsif. Ia mencabar tetapi memberi ganjaran, dan saya gembira dengan hasilnya. Hari ini, saya telah menyelami lebih mendalam tentang CSS melalui #W3Schools, dan ia membantu saya mendapatkan lebih jelas tentang konsep yang sukar bagi saya sebelum ini. CSS adalah besar, tetapi saya menikmati perjalanan setakat ini! ?

Hari 13: Mengusahakan projek "Belajar-tentang-pseudo-dengan-membina-lembaran-imbangan" saya. Projek ini memperkenalkan saya kepada elemen pseudo dan kelas pseudo dalam CSS. Ia adalah satu konsep yang agak baharu, tetapi mempelajari cara menggayakan bahagian tertentu elemen tanpa menambah HTML tambahan sangat mengagumkan. Projek ini memberi saya pemahaman yang lebih mendalam tentang pemilih CSS dan betapa hebatnya mereka.

Hari 14: Mengakhiri projek "Belajar-perantaraan-css-dengan-membina-lukisan-kucing" saya. Ia adalah satu cabaran yang sangat kreatif! Menggunakan CSS untuk membina karya seni merupakan pengalaman yang unik. Ia mengambil sedikit masa untuk membetulkan bentuk dan warna, tetapi proses itu memberi saya penghargaan baharu untuk perkara yang CSS boleh lakukan melangkaui reka letak dan penggayaan—ia juga alat untuk seni!

Cabaran:
Flexbox mengambil masa untuk menguasainya, tetapi kini saya berasa lebih yakin dengannya untuk reka bentuk responsif.
Tipografi, walaupun kelihatan mudah, memerlukan banyak penalaan halus untuk menjadikan teks boleh dibaca dan menarik secara visual.
Kebolehcapaian ialah cabaran terbesar—sukar untuk mengimbangi reka bentuk yang baik dengan standard kebolehaksesan, tetapi saya sedang mengorak langkah.
Elemen pseudo adalah rumit pada mulanya, tetapi saya mula memahami cara ia boleh menambah baik penggayaan tanpa menambah penanda tambahan.
Kemajuan Setakat ini:
Saya lebih selesa menggunakan Flexbox untuk reka letak responsif.
Tipografi mula terasa lebih intuitif dan saya sedang melaksanakan amalan yang lebih baik.
Saya telah mendapat penghargaan yang lebih mendalam untuk reka bentuk web yang boleh diakses dan saya memberi lebih perhatian kepadanya dalam projek saya.
Pemahaman saya tentang elemen pseudo CSS dan seni CSS telah berkembang dan saya tidak sabar-sabar untuk menggunakan kemahiran ini dalam projek masa hadapan.
Nantikan lebih banyak kemas kini kerana saya terus bergerak ke hadapan dalam perjalanan #100DaysOfCode saya! ??

Berikut ialah gambaran kod HTML dan CSS yang saya usahakan setakat ini. Anda boleh menyemak repositori GitHub saya di mana saya mendokumenkan semua kemajuan saya: https://github.com/heritech9/100-days-of-code.git

Atas ialah kandungan terperinci Minggu f #DaysOfCode: Flexbox, Tipografi, Kebolehcapaian dan Banyak Lagi!. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!