जहाँ तक मुझे याद है, मैंने CSS-ट्रिक्स पर कोड ब्लॉक पर हाइलाइटिंग सिंटैक्स लागू करने के लिए Google कोड Prettify का उपयोग किया था। आप जानते हैं, जहां एक पंक्ति में test , जैसे भाग की तुलना में एक अलग रंग है test। यह कोड पठनीयता के लिए बहुत सहायक है। यह पाठकों को यह समझने में भी मदद करता है कि वे जो देख रहे हैं वह एक कोड ब्लॉक है (लोगों को लेखों को स्कैन करना पसंद है, आपको नहीं पता)।
इस नए डिजाइन में, हम इसके बजाय नए सिरे से जारी प्रिज्म के साथ जाने का फैसला करते हैं। यह काफी हल्का वजन और तेज है। यह केवल HTML, सीएसएस और जावास्क्रिप्ट के साथ काम करने के लिए तैयार है, जो कि सीएसएस-ट्रिक्स पर कोड का 95% है। मुझे यह भी पसंद है कि रंग के लिए इस्तेमाल किए जाने वाले वर्ग के नाम तर्कसंगत रूप से कैसे रखे जाते हैं।
हम यह पता लगाना शुरू करते हैं कि इसका उपयोग कैसे करना है। सबसे पहले, हम इस लाइब्रेरी को हमारी वैश्विक जावास्क्रिप्ट फ़ाइल (जो अभी तक खाली है, लेकिन हम बाद में वहां कोड लिखेंगे) में इस लाइब्रेरी को संक्षिप्त करने के लिए कोडकिट बताते हैं। हम अपने सम्मिलित पाद लेख में संपीड़ित जावास्क्रिप्ट फ़ाइल को लिंक करते हैं।
हमें यह समझने में एक मिनट लगता है कि "कॉल" कुछ भी नहीं है, यह सिर्फ थोड़े काम करता है मान लें कि आपके पास जगह में सही वर्ग के नाम हैं। हम सीएसएस के साथ थोड़ा सा खेलकर और कोड को और अधिक बना देते हैं जैसे कि यह हमेशा सीएसएस-ट्रिक्स पर होता है।