Freecodecamp: Tantangan CSS HEX / RGB - Kompres dan kurangi redundansi

Dibuat pada 4 Apr 2016 · 3Komentar · Sumber: freeCodeCamp/freeCodeCamp

Keluhan umum yang kami dapatkan adalah tentang akhir bagian HTML / CSS. Ada 15 tantangan berbeda pada dua topik ini - menggunakan nilai RGB dan HEX untuk mengubah warna font.

Ada banyak redundansi di sini dan, sejujurnya, kami tidak perlu mengubah setiap warna satu per satu untuk mendapatkan gambarannya.

Saya mengusulkan agar kita mengurangi ini menjadi setidaknya setengah, mungkin sepertiga. Mungkinkah menggabungkan pengaturan warna menjadi satu tantangan? ("Setel elemen 1 menjadi putih, elemen 2 menjadi Merah, elemen 3 menjadi hijau", dll?)

Saya tidak yakin berapa banyak barang RGB yang harus secara langsung mengulangi barang Hex sebelumnya. Bisakah kita memperkenalkan KEDUA dalam pelajaran yang sama?

Mari gunakan utas ini untuk menghilangkan kemungkinan keadaan akhir sebelum kita menandainya sebagai "Dicari Bantuan"

Penandaan: @ FreeCodeCamp / masalah-moderator

help wanted learn

Sumber

SaintPeter

👍1

Komentar yang paling membantu

Penilaian Tantangan

Gunakan Kode Hex untuk Warna Tertentu - Saya pikir kita harus menyimpan ini karena ini memperkenalkan kode hex dan memberikan diskusi singkat tentang mengapa kode hex ada dan bagaimana menggunakannya. Untuk menambah tantangan ini (meskipun teksnya sudah cukup berat) adalah menambahkan tabel atau daftar warna lain yang mungkin dengan kode hex mereka. Kami juga dapat mendorong eksperimen dengan kode hex lain karena ponsel yang disimulasikan berubah secara real time.
Gunakan Kode Hex untuk Mewarnai Elemen Putih - ini mungkin bisa dihilangkan.
Gunakan Kode Hex untuk Mewarnai Elemen Merah - tantangan ini juga dapat dihapus. Ini berlebihan dalam dua cara: ini menjelaskan kode hex lagi dan mengubah warna menjadi merah, yang dapat ditunjukkan dalam tantangan Gunakan Kode Hex untuk Warna Tertentu.
Gunakan Kode Hex untuk Mewarnai Elemen Hijau - tantangan ini dapat dihapus dan baru saja ditambahkan sehubungan dengan tantangan pertama pada kode hex.
Gunakan Kode Hex untuk Mewarnai Elemen Biru - tantangan ini dapat dihapus dan baru saja ditambahkan sehubungan dengan tantangan pertama pada kode hex.
Gunakan Kode Hex untuk Mencampur Warna - tantangan ini dapat dihapus dan baru saja ditambahkan sehubungan dengan tantangan pertama pada kode hex.
Gunakan Kode Hex ke Elemen Warna Abu -
Gunakan Kode Hex untuk Nuansa Abu -
Gunakan Kode Hex yang Disingkat - Saya pikir yang ini harus disimpan karena memperkenalkan konsep baru kode hex yang disingkat dan akan terlalu banyak jika dilemparkan ke dalam tantangan pengantar.
Gunakan nilai RGB ke Elemen Warna - pertahankan tantangan karena ini memperkenalkan RGB
Gunakan RGB ke Color Elements White - hapus.
Gunakan RGB ke Color Elements Red - hapus.
Gunakan RGB ke Color Elements Green - hapus.
Gunakan RGB ke Color Elements Blue - hapus.
Gunakan RGB untuk Mencampur Warna - mungkin simpan.

Saran

Saya pikir Anda dapat menggabungkan 15 tantangan menjadi 5 tantangan ini:

Gunakan Kode Hex untuk Warna Tertentu - Pengenalan kode hex.
Gunakan Kode Hex untuk Campuran Warna - Saya menyebutkan memiliki tabel warna sampel untuk tantangan intro tetapi untuk menjaga tantangan itu seramping mungkin, tantangan ini dapat dikhususkan untuk eksperimen warna yang berbeda dan hanya menguji apakah mereka memilikinya berhasil menggunakan warna untuk mewarnai latar belakang.
Gunakan Kode Hex yang Disingkat - Pengantar kode hex yang disingkat.
Gunakan nilai RGB ke Elemen Warna - Pengenalan nilai RGB.
Gunakan nilai RGB untuk Campuran Warna - Gunakan tabel yang mirip dengan tantangan di atas tetapi dengan RGB. Bahkan mungkin menambahkan kolom lain untuk membandingkan kode hex dan RGB, memperkuat penggunaan kode hex dan RGB.

erictleung pada 6 Apr 2016

👍2

Semua 3 komentar

Penilaian Tantangan

Gunakan Kode Hex untuk Warna Tertentu - Saya pikir kita harus menyimpan ini karena ini memperkenalkan kode hex dan memberikan diskusi singkat tentang mengapa kode hex ada dan bagaimana menggunakannya. Untuk menambah tantangan ini (meskipun teksnya sudah cukup berat) adalah menambahkan tabel atau daftar warna lain yang mungkin dengan kode hex mereka. Kami juga dapat mendorong eksperimen dengan kode hex lain karena ponsel yang disimulasikan berubah secara real time.
Gunakan Kode Hex untuk Mewarnai Elemen Putih - ini mungkin bisa dihilangkan.
Gunakan Kode Hex untuk Mewarnai Elemen Merah - tantangan ini juga dapat dihapus. Ini berlebihan dalam dua cara: ini menjelaskan kode hex lagi dan mengubah warna menjadi merah, yang dapat ditunjukkan dalam tantangan Gunakan Kode Hex untuk Warna Tertentu.
Gunakan Kode Hex untuk Mewarnai Elemen Hijau - tantangan ini dapat dihapus dan baru saja ditambahkan sehubungan dengan tantangan pertama pada kode hex.
Gunakan Kode Hex untuk Mewarnai Elemen Biru - tantangan ini dapat dihapus dan baru saja ditambahkan sehubungan dengan tantangan pertama pada kode hex.
Gunakan Kode Hex untuk Mencampur Warna - tantangan ini dapat dihapus dan baru saja ditambahkan sehubungan dengan tantangan pertama pada kode hex.
Gunakan Kode Hex ke Elemen Warna Abu -
Gunakan Kode Hex untuk Nuansa Abu -
Gunakan Kode Hex yang Disingkat - Saya pikir yang ini harus disimpan karena memperkenalkan konsep baru kode hex yang disingkat dan akan terlalu banyak jika dilemparkan ke dalam tantangan pengantar.
Gunakan nilai RGB ke Elemen Warna - pertahankan tantangan karena ini memperkenalkan RGB
Gunakan RGB ke Color Elements White - hapus.
Gunakan RGB ke Color Elements Red - hapus.
Gunakan RGB ke Color Elements Green - hapus.
Gunakan RGB ke Color Elements Blue - hapus.
Gunakan RGB untuk Mencampur Warna - mungkin simpan.

Saran

Saya pikir Anda dapat menggabungkan 15 tantangan menjadi 5 tantangan ini:

Gunakan Kode Hex untuk Warna Tertentu - Pengenalan kode hex.
Gunakan Kode Hex untuk Campuran Warna - Saya menyebutkan memiliki tabel warna sampel untuk tantangan intro tetapi untuk menjaga tantangan itu seramping mungkin, tantangan ini dapat dikhususkan untuk eksperimen warna yang berbeda dan hanya menguji apakah mereka memilikinya berhasil menggunakan warna untuk mewarnai latar belakang.
Gunakan Kode Hex yang Disingkat - Pengantar kode hex yang disingkat.
Gunakan nilai RGB ke Elemen Warna - Pengenalan nilai RGB.
Gunakan nilai RGB untuk Campuran Warna - Gunakan tabel yang mirip dengan tantangan di atas tetapi dengan RGB. Bahkan mungkin menambahkan kolom lain untuk membandingkan kode hex dan RGB, memperkuat penggunaan kode hex dan RGB.

erictleung pada 6 Apr 2016

👍2

Kedengarannya sempurna. Aku terjual.

Untuk mencampur warna:
Mungkin masuk akal untuk memiliki 3 elemen berbeda yang perlu ditetapkan Merah / Hijau / Biru menggunakan Hex / RGB. Satu tes per warna, hanya untuk memeriksa apakah sudah disetel.

SaintPeter pada 6 Apr 2016

👍1

mungkin menambahkan satu untuk berbagai jenis pengkodean, mungkin tidak hanya ada hex di web dan bahkan hex bisa terdiri dari 1 hingga 6 karakter. dan itu juga harus dipertimbangkan untuk validasi. Misalnya # f00 sama merahnya dengan # ff0000. Jadi ada bug dalam validasi sekarang.