धन्यवाद (2022 संस्करण)

तुम्हें पता है, यह वर्ष का वह समय है जब क्रिस सामान्य रूप से पिछले वर्ष का एक बड़ा राजभाषा प्रतिबिंब प्रकाशित करता है। पहले एक 2007 में प्रकाशित हुआ था, उसी वर्ष CSS-Tricks की शुरुआत हुई, और यह 2021 तक जारी रहा बिना कोई ताल गंवाए। उन सभी वर्षों में मैं स्वयं CSS-ट्रिक्स का पाठक रहा हूँ, मैं उस परिवर्तन को देखने से घृणा करूँगा।

तो हम यहाँ हैं! जहां तक ​​संक्रमण की बात है तो 2022 निश्चित रूप से एक हेकुवा वर्ष था। पिछले साल इस समय, हम आगामी वर्ष के लिए कुछ लक्ष्यों की ओर देख रहे थे (जो हम प्राप्त करेंगे) लेकिन DigitalOcean में शामिल होने के लिए तैयार हैं। यह एक बड़ा समुद्री परिवर्तन था (सज़ा का इरादा) और फिर भी आप पूरे रास्ते हमारे साथ रहे। यह वास्तव में मेरे लिए बहुत मायने रखता है कि आप में से बहुत सारे लोग उन चीजों को पढ़ने के लिए आते हैं जिन्हें मैं और कई अन्य अतिथि लेखक यहां प्रकाशित करते हैं। आप सबके बिना यह सिर्फ एक समुदाय (या कोई मज़ा) नहीं है।

शुक्रिया!

यह आखिरी पोस्ट है जिसे हम इस साल प्रकाशित कर रहे हैं क्योंकि हम छुट्टियों के लिए अपने गॉन फिशिन साइन को लटकाते हैं। हम वापिस आएंगे जनवरी 9 अवन से ताज़ी सामग्री के साथ।

ठीक है, यह वह जगह है जहाँ हम साइट के विश्लेषण में खुदाई करना शुरू करते हैं। यह कुछ ऐसा है जिसके बारे में हम हमेशा पारदर्शी रहे हैं और आगे भी करते रहेंगे। ऐसा नहीं है कि हमारे नंबर कुछ ऑफ-लिमिट ब्लैक बॉक्स में हैं, और आशा है कि उन्हें किसी तरह साझा करने से आपको और आपके व्यवसाय को मदद मिलती है।

कुल यातायात

कुल मिलाकर, Google Analytics कुल दिखा रहा है 64m पूरे वर्ष के लिए पृष्ठदृश्य। वह वेय्य्य पिछले साल के 88 मी से नीचे, जो पहली नज़र में खतरनाक है। मेरा मतलब है, कौन देखना चाहता है 27% तक साल-दर-साल यातायात में गिरावट?

लेकिन इसका अच्छा कारण है क्योंकि हमने एक प्रकाशित किया है रास्ता इस वर्ष कम सामग्री। हम सभी जानते हैं कि क्रिस एक विपुल लेखक थे (और अभी भी है, ज़ाहिर है), अक्सर एक दिन में कई पोस्ट थूकते हैं। यह ऐसा है जैसे हमने वर्ष के अधिकांश भाग के लिए अपना सबसे अधिक उत्पादक योगदानकर्ता खो दिया है। आइए पिछले कुछ वर्षों की प्रकाशन गतिविधि की तुलना करें:

• 2020: 1,183 लेख
• 2021: 890 लेख
• 2022: 390 लेख

पृष्ठदृश्यों में 27% की कमी हमारे द्वारा प्रकाशित किए जाने के संबंध में बहुत कम है 43% तक पिछले वर्ष की तुलना में कम लेख, और बहुत अधिक 67% 2020 के कुल योग से कम।

हम्म, मुझे नहीं लगता कि मैं 67% कम काम कर रहा हूँ...

और यह सब इस चेतावनी के साथ आता है कि यह वही है जो हमें Google Analytics से मिलता है। पिछले वर्षों में, क्रिस ने उन संख्याओं की तुलना आंकड़ों से की है CloudFlare (सीडीएन परत जो साइट के शीर्ष पर स्थित है) और जेटपैक (प्लगइन जो हमारी स्व-होस्ट की गई वर्डप्रेस साइट को WordPress.com के SaaS-y सुविधाओं से जोड़ता है)। परिणाम हमेशा इस हद तक असंगत होते हैं कि मैं इस बार देखने की जहमत नहीं उठाता। (ठीक है, ठीक है शायद सिर्फ जेटपैक... जो 59.9m पृष्ठदृश्य दिखाता है — विचित्र रूप से 2021 के कुल 55m से अधिक।)

लेख, संख्या से

यह वही है जो मैं हमेशा हर साल देखता हूं! यहां 2022 में शीर्ष दस लेख दिए गए हैं 2022 में प्रकाशित हुए थे:

1. सीएसएस लिंक हॉवर इफेक्ट के लिए 6 रचनात्मक विचार — हर्षिल पटेल
2. मुझे ट्विटर के सोर्स कोड की पहली 10 पंक्तियों के बारे में समझाएं — आनंद चौधरी
3. 2021 में सबसे हॉट फ्रंट-एंड टूल्स क्या थे? -लुई लजारिस
4. JavaScript संवादों को नए HTML संवाद तत्व से बदलें - मैड्स स्टॉमैन
5. चयन मेनू को नमस्ते कहें, एक पूरी तरह से स्टाइल-सक्षम चयन तत्व — पैट्रिक ब्रॉसेट
6. उपयोगकर्ता द्वारा पृष्ठ छोड़ने पर विश्वसनीय रूप से HTTP अनुरोध भेजें — एलेक्स मैकआर्थर
7. grid-template-columns — मोज्तबा सयेदी
8. सीएसएस कैस्केड परतों के लिए एक पूर्ण गाइड - मरियम सुजैन
9. सीएसएस डेटाबेस प्रश्न? जरूर हम कर सकते हैं! — क्रिस कॉयर
10. CSS-Tricks DigitalOcean से जुड़ रहा है! — क्रिस कॉयर

मैं वास्तव में हैरान हूं कि आखिरी वाला सूची में ऊपर नहीं था। और मैं वास्तव में वहां अलमनैक से एक को देखने के लिए व्याकुल हूं, विशेष रूप से क्योंकि मोज्तबा ने उसे चुरा लिया सभी सीएसएस ग्रिड गुण पिछले डेढ़ साल में और उसने इसे बॉलपार्क से बाहर कर दिया। मैंने सोचा कि जब तक मैंने प्रत्येक संपत्ति में पैक किए गए सभी सोने की डली को पढ़ना शुरू नहीं किया, तब तक मेरा ग्रिड पर अच्छा नियंत्रण था। वहां सीखने के लिए बहुत कुछ है और मोज्तबा में जटिल चीजों को स्पष्ट रूप से समझाने की कला है। मैं अद्यतन करने की उम्मीद कर रहा हूँ सीएसएस ग्रिड गाइड उस सभी ताज़ा जानकारी के साथ (लेकिन उस पर थोड़ा और अधिक)।

मुझे वहां CSS Cascade Layers गाइड देखना भी अच्छा लगता है! मरियम के साथ काम करने में मुझे बहुत मजा आया। यदि आप इसे नहीं जानते थे, वह कल्पना के लिए एक संपादक है. उनके काम को यहां होस्ट करना और इसे हम सभी के लिए बुकमार्क और संदर्भ के लिए उपलब्ध कराना एक ट्रीट (और वास्तव में सम्मान की बात है) है।

किक के लिए यहां 11-20 हैं:

11. बेसिक जावास्क्रिप्ट के साथ एनिमेशन —एमडी शुवो
12. फ्रंट-एंड वेब डेवलपर्स के लिए स्पंदन —ओबुमुनेमे नवाबूदे
13. CSS ग्रिड और कस्टम आकार, भाग 1 - तेमानी अफिफ
14. HTML लिखें, HTML तरीका (XHTML तरीका नहीं) -जेन्स ओलिवर मायर्ट
15. 4 नई सीएसएस रंग सुविधाओं का एक सीटी-स्टॉप टूर — क्रिस कॉयर
16. पृष्ठभूमि गुणों का उपयोग करने वाले कूल होवर प्रभाव - तेमानी अफिफ
17. आइए एक छोटी प्रोग्रामिंग भाषा बनाएं — एमडी शुवो
18. कूल सीएसएस होवर इफेक्ट्स जो बैकग्राउंड क्लिपिंग, मास्क और 3D का उपयोग करते हैं - तेमानी अफिफ
19. HTML + CSS के साथ सामग्री की एक आदर्श तालिका - निकोलस सी. जकास
20. सीएसएस-आधारित फ़िंगरप्रिंटिंग — क्रिस कॉयर

2022 में प्रकाशित किए गए सभी पोस्ट का गठन किया गया है 4.8m पृष्ठदृश्य, या के बारे में 7.8% तक सभी पृष्ठदृश्यों का। हमारा सबसे ज्यादा देखा जाने वाला लेख हमेशा राजभाषा होता है' फ्लेक्सबॉक्स गाइड जो अर्जित किया 5.8m इस साल देखा गया। मुझे अपनी नई सामग्री को उस एक आइटम से आगे निकलते हुए देखना अच्छा लगेगा, और मेरा मानना ​​है कि अगर हम प्रकाशन की गति को बनाए रखते तो यह आसानी से हो जाता। यहां नैपकिन गणित के पीछे, लेकिन अगर हम पिछले साल के प्रकाशित लेखों की संख्या से मेल खाने के लिए 67 और लेख प्रकाशित करते, तो हम लगभग 540m पृष्ठदृश्य हो सकते थे।

यदि हम कुछ कदम पीछे हटते हैं, तो हम पिछले वर्ष के सर्वाधिक देखे गए लेख देख सकते हैं, भले ही वे कब प्रकाशित हुए हों:

1. फ्लेक्सबॉक्स के लिए एक संपूर्ण गाइड
2. ग्रिड के लिए एक पूर्ण गाइड
3. बिल्कुल सही पूर्ण पृष्ठ पृष्ठभूमि छवि
4. सीएसएस के आकार
5. मानक उपकरणों के लिए मीडिया क्वेरी
6. एसवीजी का उपयोग करना
7. एसवीजी को कैसे स्केल करें
8. सीएसएस त्रिभुज
9. CSS में ग्रेडिएंट बॉर्डर्स
10. एलिप्सिस के साथ ट्रंकेट स्ट्रिंग
11. इसका उपयोग कैसे करें: @font-face सीएसएस में

हां, लगभग पिछले साल के समान। और साल पहले। और साल पहले। और … ठीक है, लगभग। "सीएसएस में ग्रेडिएंट बॉर्डर्स" नया है, टक्कर दे रहा है box-shadow संपत्ति सूची से बाहर। केवल अदला-बदली वाले स्थानों पर चार स्थानों से बाकी सब कुछ।

पंचांग में संपत्तियों के बारे में बात करते हुए, मैं देखना चाहता हूं कि आप सभी ने पिछले वर्ष सबसे अधिक क्या संदर्भित किया:

1. ::after / ::before
2. transition
3. box-shadow
4. scrollbar
5. justify-content
6. flex-wrap
7. gap
8. overflow-wrap
9. animation
10. white-space

शीर्ष पर एक छद्म और उसके बाद गुणों के अलावा कुछ नहीं। दिलचस्प है, यह देखते हुए कि संबंधपरक छद्म चयनकर्ता कार्य करता है :has(), :is(), तथा :where() ब्लॉक पर नए बच्चे हैं।

न्यूज़लैटर

यहाँ संख्याएँ किसी भी तरह के व्यावहारिक निष्कर्ष निकालने के लिए बहुत गन्दी हैं। DigitalOcean में जाने के बाद, हमें अनुपालन उद्देश्यों के लिए 91K+ ग्राहकों की अपनी सूची खंगालनी पड़ी और परिणामस्वरूप संख्या घट गई। यदि आपको सूची से हटा दिया गया था, आप यहां फिर से सदस्यता ले सकते हैं.

अच्छी खबर? हम अभी भी न्यूज़लेटर कर रहे हैं! हम वास्तव में अगस्त में इसे वापस निकाल दिया पांच महीने के अंतराल के बाद। हम एक साप्ताहिक ताल पर थे, लेकिन अब एक महीने में एक बार जब आपका वास्तव में इसे संलेखित कर रहा है। मुझे यकीन है कि इसे एक साप्ताहिक प्रकाशन में वापस लाने की उम्मीद है। (मुझे तुम्हारी याद आती है, रॉबिन!)

साइट अपडेट

अगर मैं ईमानदारी से कहूं तो यह ज्यादातर जहाज को बचाए रखने के बारे में है। कुछ मामूली बदलावों और रखरखाव के अलावा, साइट काफी हद तक वहीं है जहां यह पिछले साल इस समय थी।

वह 2023 में बड़ा समय बदल जाएगा। यदि आप हमारे मासिक के साथ तालमेल बिठाते रहे हैं सीएसएससीन के पीछे अपडेट होते हैं, तो आप जानते हैं कि हम CSS-ट्रिक्स को WordPress से उसी होमस्पून CMS में माइग्रेट करने की योजना बना रहे हैं, जिसका उपयोग DigitalOcean अपने सभी (तारकीय) के लिए करता है सामुदायिक सामग्री.

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

यदि आपने इसे अभी तक नहीं देखा है, तो यहां कुछ कंप्स हैं जो हमारे डिजाइनर लोगान लिफिक ने एक साथ रखे हैं:

2021 लक्ष्य समीक्षा

अरे, मुझे देखने में भी संकोच हो रहा है। DigitalOcean के साथ एकीकृत करने और एक नई लय खोजने के लिए किए गए सभी प्रयास हर किसी के समय पर हावी हो गए, जिससे क्रिस के लक्ष्यों पर दरार डालने के लिए कीमती कुछ ही बचा, जो थे:

• ✅ अधिक एसईओ फोकस। मैं हमें यहां पासिंग ग्रेड दूंगा। सच्चाई यह है कि अधिग्रहण से पहले ही क्रिस और मैं इस मामले में एड़ी-चोटी का जोर लगा रहे थे। हमने Yoast SEO प्लगइन को रैंकमैथ के साथ बदल दिया, इसके इन-एडिटर टूल्स का लाभ उठाते हुए हमें यह जानने में मदद मिली कि खोज परिणामों के लिए हमारी पोस्ट को कैसे अनुकूलित किया जाए। और स्पष्ट होने के लिए: यह अधिक प्रायोजन राजस्व के लिए यातायात बढ़ाने के बारे में कम है, यह पहचानने की तुलना में खोज प्राथमिक तरीका है कि आप जैसे पाठक हमें ढूंढते हैं, और आपके लिए जो खोज रहे हैं उसे ढूंढना आसान बनाता है। अब यह विशेष रूप से सच है कि हम DigitalOcean द्वारा समर्थित हैं और प्रायोजनों पर पहले की तुलना में बहुत कम भरोसा करते हैं।
• 🚫 एक और डिजिटल किताब। स्विंग और मिस! ठीक है, हम वास्तव में कभी भी पहले स्थान पर नहीं आए, या उस मामले के लिए बल्लेबाज के बॉक्स में कदम नहीं रखा। (क्या खेल उपमाएँ इसी तरह काम करती हैं?) क्रिस ने एक पुस्तक प्रकाशित की सबसे बड़ी सीएसएस ट्रिक्स 2020 में और इसे सशुल्क CSS-ट्रिक्स ग्राहक होने का एक लाभ बना दिया। इस साल एक और करने का विचार था, लेकिन हमने सशुल्क सब्सक्रिप्शन से छुटकारा पा लिया और द ग्रेटेस्ट सीएसएस ट्रिक्स को सभी के लिए मुफ्त में आनंद लेने के लिए खोल दिया।
• 🚫 अधिक सोशल मीडिया प्रयोग। नहीं! लेकिन यह सबसे अच्छा हो सकता है, यह देखते हुए कि ट्विटर इस समय कहां है। हमें अगले साल इस क्षेत्र में रुचि से अधिक आवश्यकता से अधिक प्रयोग करने के लिए मजबूर होना पड़ सकता है। ट्विटर हमेशा सीएसएस-ट्रिक्स ट्रैफिक की लौकिक बकेट में एक ड्रिप रहा है; इतना अधिक कि इसमें निवेश करने का मन करता है कि हम अपने अंडे गलत टोकरी, एर बाल्टी में डाल दें। मुझे नही पता। मेरा एक हिस्सा बस अपने हाथों पर बैठना चाहता है और देखता है कि कुछ नया या अलग करने का निर्णय लेने से पहले चीजें कैसे हिलती हैं।

2023 लक्ष्य निर्धारण

नया साल, नए लक्ष्य, है ना? मुझे टीम के मुंह में शब्दों का एक गुच्छा डालने की अनुमति दें और मुझे लगता है कि 2023 में हमारे लिए सर्वोच्च प्राथमिकता क्या है:

• एक सहज साइट माइग्रेशन। कुछ भी मुझे खुश नहीं करेगा¹ DigitalOcean के आर्किटेक्चर के लिए एक हिचकी-मुक्त कदम की तुलना में। लेकिन चलो, हम सब जानते हैं कुछ समय आने पर हमेशा सामने आता है। इस साइट पर 7,000+ लेख हैं जो 15 वर्षों में लिखे गए हैं, और 1 हो चुके हैंसाइट के 9 संस्करण उस समय अवधि में। बहुत सारे कस्टम पोस्ट प्रकार, कस्टम फ़ील्ड, पेज टेम्प्लेट, कार्यक्षमता प्लगइन्स, इंटीग्रेशन, और एक डेटाबेस जो 6GB से अधिक है और मौजूदा सिस्टम में मैप करने के लिए है। अच्छी बात यह है कि हमारे पास इसे लेने के लिए शीर्ष स्तर के डेवलपर्स की एक टीम है!
• 1-2 नई गाइड प्रकाशित करें। मैं वास्तव में उच्च लक्ष्य रखना पसंद करूंगा। हम 2020 में नौ नए गाइड से 2021 में एक नए गाइड के साथ गए, और पिछले साल एक और: मरियम सीएसएस कैस्केड परतों के लिए पूरी गाइड. मेरे पास 10 और की एक सूची है जिसे मैं लिखना पसंद करूंगा, लेकिन लगता है कि हम अपने हाल के ट्रैक रिकॉर्ड को देखते हुए बार को बहुत कम सेट करेंगे। मैंने पहले उल्लेख किया था कि मैं पंचांग में Mojtaba के काम को मौजूदा CSS ग्रिड गाइड में शामिल करना पसंद करूंगा। यह काम की कोई छोटी राशि नहीं है और अगर हम इसे पूरा कर सकें तो मैं इसे लक्ष्य की ओर गिनूंगा।
• पंचांग का विस्तार करें। यह मेरा चन्द्रमा है। मुझे वहां और अधिक प्रकार के दस्तावेज़ देखना अच्छा लगेगा। हमारे पास छद्म चयनकर्ता और गुण हैं, जो महान है और हमेशा से रहा है। लेकिन, गीज़, अन्य सभी चीजों के बारे में सोचें जो हमारे पास हो सकती हैं: कार्य, एट-नियम, इकाइयाँ, चयनकर्ता, संपत्ति मूल्य, आदि। हम केवल उस सतह को खरोंच रहे हैं जो संभवतः वहाँ जा सकती है! अगर हमें उनमें से एक भी मिल जाए, तो मैं अंदर आ जाऊंगा place-self: heaven.

धन्यवाद तो, इसलिए, so बहुत!

यह मेरा सपनों का काम है और मैं इसे आप जैसे पाठकों के बिना नहीं कर पाता। मुझे विश्वास नहीं हो रहा है कि मेरे पहले लेख को प्रकाशित हुए आठ साल हो गए हैं और मैं अब भी यहीं हूँ, के साथ काम करना हमारे क्षेत्र में सबसे प्रतिभाशाली दिमाग से सीखना। CSS-Tricks समुदाय मेरे लिए कितना मायने रखता है, इस पर मैं चर्चा कर सकता हूं (जितना मेरे पास पहले से है), लेकिन यह वास्तव में नीचे आता है ... धन्यवाद, धन्यवाद, धन्यवाद. मेरे दिल की गहराई से, धन्यवाद.

और यहां DigitalOcean के उन सभी अच्छे लोगों का धन्यवाद जिन्होंने CSS-ट्रिक्स के लिए एक शानदार घर बनाया है। हेली मिल्स, सिडनी रॉसमैन रीच, ब्रैडली कौची, करेन डिगी, डेविड बर्ग, मैट क्रॉली, लोगन लिफिक, और कर्स्टन केलॉग के लिए अतिरिक्त विशेष हाई-फाइव मुझे व्यक्तिगत रूप से गति देने के लिए और मुझे यहां इतना स्वागत महसूस कराने के लिए। यह एक अच्छी जगह है।

आगे, हम चलते हैं!