Gunakan malu.css untuk menempatkan peretasan CSS, kata dev

Pembangun harus menggunakan konsep yang disebut malu.css untuk menutup CSS 'hack' yang cepat dalam projek, menurut Harry Roberts, pemaju kanan UI di BSkyB.

Roberts menjelaskan dalam catatan blog bahawa ini berpotensi menghentikan pembangun melihat peretasan di seluruh CSS dan dengan itu menganggap perkara seperti itu dapat diterima secara lalai.

Selain itu, artikel tersebut menyatakan bahawa pendekatan seperti itu, jika didokumentasikan dengan betul dan disertakan dengan cara untuk melakukan iterasi, dapat memungkinkan kemajuan yang lebih cepat ke arah CSS yang lebih bersih dalam projek di mana peretasan digunakan (atas alasan apa pun).

.net bercakap dengan Roberts (HB) mengenai penggodaman CSS dan kemungkinan kelebihan yang boleh dibawa oleh malu.css jika digunakan dengan betul.

.net: Adakah anda fikir ada kecenderungan beberapa orang di industri ini untuk tidak realistik mengenai perlunya (semoga) penggodaman jangka pendek agar laman web dapat berfungsi?
Sumber Manusia: Masa besar. Sekiranya anda mengusahakan laman web atau produk yang menghasilkan berjuta-juta pound per tahun, sebarang bug, kerosakan atau kebiasaan perlu diperbaiki secepat mungkin. Pemilik produk anda tidak peduli jika CSS anda sempurna - mereka peduli bahawa laman web ini berfungsi dan berfungsi serta memperoleh hasil. Kod yang bagus adalah penting, dan peretasan jauh dari ideal, tetapi untuk berfikir bahawa anda selalu dapat mencegah peretasan dan pembetulan jangka pendek / cepat adalah perkara biasa.

.net: Jadi anda akan mengatakan bahawa mereka hanya satu kejahatan yang diperlukan dalam perniagaan?
Sumber Manusia: Semasa pelanggan menghirup leher anda - atau ada ciri yang rosak di laman langsung - anda perlu memastikan bahawa anda menjaga pihak yang betul gembira. Sekiranya anda menghabiskan satu jam untuk menulis penyelesaian yang tepat untuk sesuatu yang mungkin dapat anda perbaiki secara dangkal dalam dua minit, saya akan mengatakan bahawa anda membuat orang yang salah gembira - iaitu diri anda sendiri!

Dalam karya saya sendiri, saya mendapati 'keperluan' peretasan meningkat secara berkadaran dengan saiz projek, tetapi yang baik adalah bahawa anda juga mungkin mempunyai lebih banyak masa projek yang dikhaskan untuk memperbaiki peretasan tersebut.

.net: Di mana datangnya malu.css. Dengan konsep itu, apa yang anda anggap khusus sebagai penggodaman CSS?
Sumber Manusia: Sesuatu yang dapat dilakukan dengan lebih baik diberikan lebih banyak masa. Sukar untuk memikirkan contoh di luar konteks, tetapi saya rasa anda akan sering mengetahui kapan ada sesuatu yang menggodam. Menulis sesuatu yang anda akan malu untuk menerangkan kepada rakan sekerja? Itu mungkin hack!

Oleh itu, malu.css adalah untuk membuat fail perkara yang boleh anda lakukan dengan lebih baik, dan bahawa anda boleh melakukannya dengan lebih baik apabila anda mempunyai masa untuk mengunjunginya. Ini adalah senarai yang perlu dilakukan sendiri, sebenarnya - fail peretasan yang anda perlu fikirkan apabila anda mempunyai lebih banyak masa.

.net: Dalam artikel anda, anda menyebutkan mendokumentasikan peretasan, tetapi tidak ada argumen yang biasanya harus dibuat oleh pengembang untuk mendokumentasikan CSS, bukan hanya untuk peretasan?
Sumber Manusia: Ya! Sekiranya ada satu perkara yang perlu dilakukan oleh semua pembangun, ia adalah menulis komen. Anda harus memberi komen apa-apa yang tidak jelas dari kod sahaja. Dokumentasikan kod anda sehingga, jika anda dilanggar oleh bas dalam perjalanan pulang, rakan sekerja anda dapat mengambil alih keesokan harinya.

.net: Dari segi mengintegrasikan malu.css, apa yang anda cadangkan?
Sumber Manusia: Sekiranya menggunakan preprocessor, @import yang malu. [scss | kurang | dll] fail tepat di hujungnya, dengan idealnya. (Ini selalu boleh menyebabkan kekhususan dan masalah pesanan sumber, jadi jarak tempuh anda mungkin berbeza-beza.)

Sekiranya anda tidak menggunakan praprosesor, tetapi mempunyai proses membina yang baik, semua CSS anda harus digabungkan dan dikurangkan sebelum penggunaan, jadi, sekali lagi, malu.css dapat bertahan hingga akhir.

Sekiranya anda tidak menggunakan praprosesor dan anda tidak mempunyai proses membina, maka satu, anda mungkin harus memperbaikinya, dan dua, bahagian peretasan di hujung helaian gaya anda mungkin merupakan pertaruhan terbaik anda. Shame.css tidak bertujuan untuk tontonan umum, jadi jangan sekali-kali mempunyai helaian gaya yang terpisah yang dipanggil oleh elemen pautan dalam mark-up anda. Anda harus menyajikan satu helaian gaya gabungan dan minimum sahaja.

.net: Sekiranya konsep malu.css benar-benar hilang, bagaimana anda fikir ia boleh mengubah proses reka bentuk dan laman web secara umum?
Sumber Manusia: Shame.css hanya berguna seperti pembangun yang melaksanakannya. Semuanya baik dan baik untuk mengasingkan dan mendokumentasikan peretasan, tetapi jika anda tidak pernah memperbaikinya atau melihatnya semula, anda berada di kapal yang sama seperti sebelumnya.

Bagi saya, malu.css menandakan perubahan yang lebih luas dalam pembangunan; ia tidak perlu terhad kepada CSS. Konsepnya hanyalah 'merealisasikan, mendokumentasikan dan membuat peretasan anda'. Anda boleh menerapkan pemikiran itu pada segalanya.

Karya sebenar yang terlibat dengan malu.css adalah menyertakan pasukan (pembangun) terdekat anda, dan kemudian membuat perniagaan / PM / master scrum / BA / pemilik produk (dan sebagainya) menyedari hakikat bahawa produk kadang-kadang termasuk -kod yang ideal, tetapi kod ini wujud untuk memenuhi keperluan perniagaan.

Beritahu mereka bahawa anda mengasingkan dan mendokumentasikan peretasan dan meluangkan masa pembangunan yang diperuntukkan untuk merapikan perkara. Lebih mudah untuk membuat kes perniagaan untuk merapikan pangkalan kod jika anda dapat mengukurnya. Cukup memberitahu pengurus projek anda, "Saya mempunyai beberapa perkara untuk dirapikan sebelum saya dapat beralih ke Feature X" tidak akan selalu memotongnya! Bawa senarai perkara ke PM anda dan cuba dapatkan setengah hari pecut untuk menghabiskan masa membersihkan diri.

Idea di sebalik malu.css adalah untuk menjadikan peretasan anda lebih telus, dapat diukur dan diasingkan. Terserah kepada anda apa yang anda lakukan dengan maklumat tersebut!