इमोजी सीएसएस के साथ अपनी वेबसाइट पर इमोजी सपोर्ट जोड़ें

Emojis ने डिजिटल वार्तालापों को संभाल लिया है और इन प्यारे छोटे आइकनों ने तेजी से इंटरनेट संस्कृति को धमाके के साथ अनुमति दी है। वे अब हमारे जीवन का एक रोजमर्रा का हिस्सा हैं और आप उन्हें डेस्कटॉप एप्लिकेशन से वर्डप्रेस तक हर जगह पा सकते हैं.

और अगर तुमने कभी चाहा है कस्टम emojis आपकी साइट पर तब इमोजी सीएसएस का उपयोग करने के लिए सही पुस्तकालय है.

ये शुद्ध CSS आइकन हैं पृष्ठभूमि छवियों के साथ उत्पन्न इसलिए प्रत्येक इमोजी की अपनी PNG फ़ाइल होती है. ये इमेज फाइल्स हैं रेटिना के लिए तैयार इसलिए वे सभी मॉनिटर पर बहुत अच्छे लगते हैं.

आप इन इमोजीस को डेमो भी कर सकते हैं आपकी साइट में कच्चे CSS फ़ाइल सहित. फ़ाइल GitHub पर स्व-होस्ट की गई छवियों का संदर्भ देती है आपको स्थानीय रूप से कुछ भी होस्ट करने की आवश्यकता नहीं है आरंभ करना.

इमोजी सीएसएस होमपेज पर आपको सभी मिल जाएंगे नमूना डेमो स्निपेट के साथ छवि कोड कक्षाएं. एक बार जब आप अपने दस्तावेज़ में इमोजी सीएसएस फ़ाइल जोड़ लेते हैं, तो आपको केवल एक जोड़ना होता है के साथ तत्व .एम वर्ग, जो भी वर्ग उस विशिष्ट आइकन से संबंधित है जिसे आप दिखाना चाहते हैं.

उदाहरण के लिए यह कोड:

आपकी साइट की सामग्री में सीधे 100 इमोजी जोड़ देगा। आपकी खैर है से चुनने के लिए 200 से अधिक विभिन्न emojis और परियोजना है खुला स्त्रोत तो यह अपडेट के लिए उपलब्ध है.

सभी इमोजी सीएसएस होमपेज का सबसे अच्छा उपयोग करने के लिए सुपर आसान है। केवल एक आइकन पर क्लिक करें और तुम करोगे स्वचालित रूप से उस स्रोत कोड की प्रतिलिपि बनाएँ क्लिपबोर्ड में ताकि आप इसे अपने HTML में सही से चिपका सकें.

मैं पहली बार मानता हूं कि इस इमोजी लाइब्रेरी से हर वेबसाइट को फायदा नहीं होगा लेकिन सामाजिक नेटवर्क तथा टिप्पणी-समर्थित वेबसाइटें इमोजी समर्थन जोड़कर उपयोगकर्ता की सगाई में सुधार कर सकती हैं. और इमोजी सीएसएस लाइब्रेरी के साथ, यह व्यावहारिक रूप से आपकी साइट को इमोजी-अप करने के लिए दो-चरण की प्रक्रिया है.