شکریہ (2022 ایڈیشن)

آپ جانتے ہیں، یہ سال کا وہ وقت ہے جہاں کرس عام طور پر پچھلے سال کا ایک بڑا عکس شائع کرتا ہے۔ دی سب سے پہلے 2007 میں شائع ہوا، اسی سال CSS-Tricks شروع ہوا، اور یہ 2021 تک جاری رہا۔ ایک شکست کے بغیر. ان تمام سالوں میں خود ایک CSS-Tricks ریڈر رہنے کے بعد، میں اس تبدیلی کو دیکھنے سے نفرت کروں گا۔

تو، ہم یہاں ہیں! 2022 یقینی طور پر ایک ہیکووا سال تھا جہاں تک منتقلی ہوتی ہے۔ پچھلے سال کے اس وقت، ہم آنے والے سال کے لیے کچھ اہداف کی طرف دیکھ رہے تھے (جو ہم حاصل کر لیں گے) لیکن ڈیجیٹل اوشن میں شامل ہو کر زخمی ہو گئے۔ یہ ایک زبردست سمندری تبدیلی تھی (پن کا مقصد) اور پھر بھی آپ پورے راستے میں ہمارے ساتھ پھنس گئے۔ یہ واقعی میرے لئے بہت معنی رکھتا ہے کہ آپ میں سے بہت سے لوگ یہاں ان چیزوں کو پڑھنے کے لئے آتے ہیں جو میں اور بہت سے دوسرے مہمان مصنفین یہاں شائع کرتے ہیں۔ یہ آپ سب کے بغیر ایک کمیونٹی (یا کوئی تفریح) نہیں ہے۔

آپ کا شکریہ!

یہ آخری پوسٹ ہے جو ہم اس سال شائع کر رہے ہیں جب ہم نے چھٹیوں کے لیے اپنا گون فشین کا نشان لٹکا دیا ہے۔ ہم واپس آئنگے جنوری 9 تندور سے تازہ ہونے والے مواد کے ساتھ۔

ٹھیک ہے، یہیں سے ہم سائٹ کے تجزیات میں کھودنا شروع کرتے ہیں۔ یہ وہ چیز ہے جس کے بارے میں ہم ہمیشہ شفاف رہے ہیں اور کرتے رہیں گے۔ ایسا نہیں ہے کہ ہمارے نمبر کچھ حد سے باہر بلیک باکس میں ہیں، اور امید یہ ہے کہ ان کا اشتراک کسی نہ کسی طرح آپ کو اور آپ کے کاروبار کی مدد کرتا ہے۔

مجموعی ٹریفک

مجموعی طور پر، گوگل تجزیات کل دکھا رہا ہے۔ 64m پورے سال کے لیے پیج ویوز۔ وہ ہے wayyyyy پچھلے سال کے 88m سے نیچے، جو پہلی نظر میں تشویشناک ہے۔ میرا مطلب ہے، کون دیکھنا چاہتا ہے a 27٪ سال بہ سال ٹریفک میں کمی؟

لیکن اس کی اچھی وجہ ہے کیونکہ ہم نے ایک شائع کیا۔ wayyyy اس سال کم مواد۔ ہم سب جانتے ہیں کہ کرس ایک قابل مصنف تھا (اور اب بھی ہےیقیناً)، اکثر ایک دن میں متعدد پوسٹس تھوکتے ہیں۔ یہ اس طرح ہے جیسے ہم نے سال کے زیادہ تر حصے کے لیے اپنے سب سے زیادہ پیداواری شراکت دار کو کھو دیا ہے۔ آئیے پچھلے کچھ سالوں کی اشاعتی سرگرمی کا موازنہ کریں:

• 2020: 1,183 اشیاء
• 2021: 890 اشیاء
• 2022: 390 اشیاء

صفحہ کے ملاحظات میں 27% کی کمی ہمارے شائع کیے جانے کے حوالے سے بہت کم ہے۔ 43٪ پچھلے سال کے مقابلے میں کم مضامین، اور بہت زیادہ 67% مجموعی طور پر 2020 سے کم۔

ہمم، مجھے نہیں لگتا کہ میں 67% کم کام کر رہا ہوں…

اور یہ سب انتباہ کے ساتھ آتا ہے کہ یہ وہی ہے جو ہمیں گوگل تجزیات سے ملتا ہے۔ پچھلے سالوں میں، کرس نے ان نمبروں کا موازنہ اعدادوشمار سے کیا ہے۔ CloudFlare کے (CDN پرت جو سائٹ کے اوپر بیٹھتی ہے) اور Jetpack (وہ پلگ ان جو ہماری خود میزبان ورڈپریس سائٹ کو WordPress.com کی SaaS-y خصوصیات سے جوڑتا ہے)۔ نتائج ہمیشہ اس حد تک متضاد ہوتے ہیں کہ میں اس بار دیکھنے کی زحمت بھی نہیں کر رہا ہوں۔ (ٹھیک ہے، ٹھیک ہے۔

مضامین، نمبروں کے حساب سے

یہ وہی ہے جس کا میں ہمیشہ ہر سال منتظر ہوں! یہاں 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. ایچ ٹی ایم ایل لکھیں، ایچ ٹی ایم ایل وے (ایکس ایچ ٹی ایم ایل وے نہیں) - جینس اولیور میئرٹ
15. 4 نئی CSS کلر فیچرز کا سیٹی بند ٹور - کرس کوئیر
16. ٹھنڈے ہوور اثرات جو پس منظر کی خصوصیات کو استعمال کرتے ہیں۔ - تیمانی عفیف
17. آئیے ایک چھوٹی پروگرامنگ زبان بنائیں - ایم ڈی شو
18. ٹھنڈے سی ایس ایس ہوور اثرات جو بیک گراؤنڈ کلپنگ، ماسک اور 3D استعمال کرتے ہیں۔ - تیمانی عفیف
19. HTML + CSS کے ساتھ مشمولات کا ایک پرفیکٹ ٹیبل — نکولس سی زکاس
20. CSS پر مبنی فنگر پرنٹنگ - کرس کوئیر

وہ تمام پوسٹس جو 2022 میں شائع ہوئی تھیں۔ 4.8m صفحہ کے نظارے، یا اس کے بارے میں 7.8٪ تمام پیج ویوز کا۔ ہمارا سب سے زیادہ دیکھا جانے والا مضمون ہمیشہ ہی ہوتا ہے فلیکس باکس گائیڈ جس نے حاصل کیا 5.8m اس سال کے نظارے میں اپنے نئے مواد کو اس ایک آئٹم سے آگے دیکھنا پسند کروں گا، اور مجھے یقین ہے کہ اگر ہم اشاعت کی رفتار کو برقرار رکھتے تو یہ آسانی سے ہو جاتا۔ یہاں نیپکن کی ریاضی کے پیچھے، لیکن اگر ہم نے پچھلے سال شائع شدہ مضامین کی تعداد سے مماثل 67 مزید مضامین شائع کیے ہوتے تو ہم تقریباً 540 ملین پیج ویوز ہوتے۔

اگر ہم کچھ قدم پیچھے ہٹیں، تو ہم پچھلے سال کے سب سے زیادہ دیکھے جانے والے مضامین دیکھ سکتے ہیں، قطع نظر اس کے کہ وہ کب شائع ہوئے تھے:

1. Flexbox کے لیے ایک مکمل گائیڈ
2. گرڈ کے لیے ایک مکمل گائیڈ
3. کامل پورے صفحے کے پس منظر کی تصویر
4. سی ایس ایس کی شکلیں۔
5. معیاری آلات کے لیے میڈیا کے سوالات
6. SVG استعمال کرنا
7. SVG اسکیل کرنے کا طریقہ
8. سی ایس ایس مثلث
9. CSS میں گریڈینٹ بارڈرز
10. بیضوی کے ساتھ سٹرنگ کو تراشیں۔
11. کا استعمال کیسے کریں @font-face سی ایس ایس میں

جی ہاں، تقریباً پچھلے سال کی طرح۔ اور ایک سال پہلے۔ اور ایک سال پہلے۔ اور… ٹھیک ہے، تقریباً۔ "CSS میں گریڈینٹ بارڈرز" نیا ہے، اس سے ٹکرانا 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 میں بڑا وقت بدل جائے گا۔ اگر آپ ہمارے ماہانہ کو برقرار رکھتے ہیں۔ CSScenes کے پیچھے اپ ڈیٹس، پھر آپ کو معلوم ہوگا کہ ہم CSS-Tricks کو ورڈپریس سے اسی ہوم اسپن CMS پر منتقل کرنے کا منصوبہ بنا رہے ہیں جسے DigitalOcean اپنے تمام (سٹیلر) کے لیے استعمال کرتا ہے۔ کمیونٹی مواد.

یہ کام چند ماہ قبل شروع ہوا تھا اور اسے سال کے پہلے نصف میں کیا جانا چاہیے۔ آپ شرط لگا سکتے ہیں کہ ہم آپ کو راستے میں اپ ڈیٹ کرتے رہیں گے۔ اس کے علاوہ a تازہ ڈیزائن اور ایک نیا بیک اینڈ، یہ معمول کے مطابق کاروبار ہونا چاہیے۔ اگر آپ کے پاس اس کام کے بارے میں کوئی سوال ہے اور آپ کی پسندیدہ فرنٹ اینڈ پبلی کیشن کے لیے اس کا کیا مطلب ہے، تو براہ کرم مجھ سے رابطہ کریں۔ تبصرے میں or مجھے ایک ای میل گولی مارو.

اگر آپ نے اسے ابھی تک نہیں دیکھا ہے، تو یہاں کچھ کمپوز ہیں جو ہمارے ڈیزائنر، لوگن لیفک نے ایک ساتھ رکھے ہیں:

2021 کے ہدف کا جائزہ

اوہ، میں دیکھنے سے بھی ہچکچا رہا ہوں۔ ڈیجیٹل اوشین کے ساتھ ضم ہونے اور ایک نئی تال تلاش کرنے کے لیے جو بھی کوشش کی گئی ہے اس نے ہر ایک کے وقت پر غلبہ حاصل کیا، کرس کے اہداف میں دراڑ ڈالنے کے لیے بہت کم قیمتی بچت ہوئی، جو یہ تھے:

• ✅ مزید SEO فوکس۔ میں یہاں ہمیں پاسنگ گریڈ دوں گا۔ سچ یہ ہے کہ کرس اور میں حصول سے پہلے ہی اس میں اپنی ہیلس کھود رہے تھے۔ ہم نے Yoast SEO پلگ ان کو RankMath سے بدل دیا، اس کے ان ایڈیٹر ٹولز سے فائدہ اٹھاتے ہوئے ہمیں یہ سیکھنے میں مدد ملے گی کہ تلاش کے نتائج کے لیے اپنی پوسٹس کو کیسے بہتر بنایا جائے۔ اور واضح کرنے کے لیے: اسپانسرشپ سے زیادہ آمدنی کے لیے ٹریفک میں اضافہ اس سے کم ہے کہ یہ اس بات کو تسلیم کر رہا ہے کہ آپ جیسے قارئین ہمیں تلاش کرنے کا بنیادی طریقہ تلاش ہے، اور آپ جس چیز کی تلاش کر رہے ہیں اسے تلاش کرنا آپ کے لیے آسان بناتا ہے۔ یہ خاص طور پر اب سچ ہے کہ ہمیں DigitalOcean کی حمایت حاصل ہے اور ہم پہلے سے کم اسپانسرشپ پر انحصار کرتے ہیں۔
• 🚫 ایک اور ڈیجیٹل کتاب۔ سوئنگ اور ایک مس! ٹھیک ہے، ہم نے کبھی بھی پہلی جگہ نہیں جھولے، یا اس معاملے کے لیے بلے باز کے خانے میں قدم نہیں رکھا۔ (کیا اس طرح کھیلوں کی تشبیہات کام کرتی ہیں؟) کرس نے ایک کتاب شائع کی۔ سی ایس ایس کی سب سے بڑی ترکیبیں۔ 2020 میں اور اسے بامعاوضہ CSS-Tricks سبسکرائبر ہونے کا فائدہ بنا دیا۔ خیال اس سال ایک اور کرنے کا تھا، لیکن ہم نے بامعاوضہ سبسکرپشنز سے چھٹکارا حاصل کر لیا اور سب کے لیے مفت میں لطف اندوز ہونے کے لیے The Greatest CSS Tricks کو کھول دیا۔
• 🚫 مزید سوشل میڈیا تجربہ۔ Nope کیا! لیکن یہ سب سے بہتر ہوسکتا ہے، اس بات پر غور کرتے ہوئے کہ ٹویٹر اس سیکنڈ میں کہاں ہے۔ ہم دلچسپی سے زیادہ ضرورت کی وجہ سے اگلے سال اس شعبے میں تجربہ کرنے پر مجبور ہو سکتے ہیں۔ ٹویٹر ہمیشہ سی ایس ایس ٹرکس ٹریفک کی ضرب المثل رہا ہے۔ اتنا زیادہ کہ اس میں سرمایہ کاری کرنا ایسا محسوس ہوتا ہے جیسے ہمارے انڈوں کو غلط ٹوکری، er بالٹی میں ڈال دیا جائے۔ پتا نہیں میرا ایک حصہ صرف ہاتھ پر ہاتھ دھرے بیٹھنا چاہتا ہے اور دیکھنا چاہتا ہے کہ کسی بھی نئی یا مختلف چیز کا فیصلہ کرنے سے پہلے چیزیں کیسے ہل جاتی ہیں۔

2023 گول سیٹنگ

نیا سال، نئے مقاصد، ٹھیک ہے؟ مجھے ٹیم کے منہ میں الفاظ کا ایک گچھا ڈالنے کی اجازت دیں اور میں جو محسوس کرتا ہوں وہ 2023 میں ہمارے لیے اولین ترجیحات ہیں:

• ایک ہموار سائٹ کی منتقلی. کوئی بھی چیز مجھے زیادہ خوش نہیں کرے گی۔¹ ڈیجیٹل اوشن کے فن تعمیر میں ہچکی سے پاک اقدام سے۔ لیکن چلو، ہم سب جانتے ہیں کچھ وقت آنے پر ہمیشہ سامنے آتا ہے۔ اس سائٹ پر 7,000+ مضامین ہیں جو 15 سالوں میں لکھے گئے ہیں، اور 1 ہو چکے ہیںسائٹ کے 9 ورژن اس مدت میں. حسب ضرورت پوسٹ کی بہت سی قسمیں، حسب ضرورت فیلڈز، صفحہ ٹیمپلیٹس، فنکشنلٹی پلگ انز، انٹیگریشنز، اور ایک ڈیٹا بیس ہے جو 6GB سے زیادہ ہے اور موجودہ سسٹم میں نقشہ بناتا ہے۔ اچھی بات یہ ہے کہ ہمارے پاس اعلی درجے کے ڈویلپرز کی ایک ٹیم ہے جو اسے آگے بڑھانے کے لیے ہے!
• 1-2 نئے گائیڈز شائع کریں۔ میں اصل میں، اعلی مقصد کرنا پسند کروں گا. ہم 2020 میں نو نئے گائیڈز سے لے کر 2021 میں ایک نئے گائیڈ پر گئے، اور ایک اور پچھلے سال: مریم کی سی ایس ایس کیسکیڈ پرتوں کے لیے مکمل گائیڈ. میرے پاس مزید 10 کی فہرست ہے جسے میں لکھنا پسند کروں گا، لیکن لگتا ہے کہ ہم اپنے حالیہ ٹریک ریکارڈ کو دیکھتے ہوئے بار کو انتہائی کم کر دیں گے۔ میں نے پہلے ذکر کیا تھا کہ میں المانک میں مجتبیٰ کے کام کو موجودہ CSS گرڈ گائیڈ میں شامل کرنا پسند کروں گا۔ یہ کام کی کوئی چھوٹی مقدار نہیں ہے اور اگر ہم اسے ختم کر سکتے ہیں تو میں اسے مقصد کی طرف شمار کروں گا۔
• المناک کو وسعت دیں۔ یہ میرا مون شاٹ ہے۔ میں وہاں دستاویزات کی مزید اقسام دیکھنا پسند کروں گا۔ ہمارے پاس سیوڈو سلیکٹرز اور پراپرٹیز ہیں، جو بہت اچھا ہے اور ہمیشہ رہا ہے۔ لیکن، گیز، ان تمام چیزوں کے بارے میں سوچیں جو ہمارے پاس وہاں موجود ہیں: فنکشنز، اصول، یونٹس، سلیکٹرز، پراپرٹی ویلیوز وغیرہ۔ ہم صرف اس کی سطح کو کھرچ رہے ہیں جو ممکنہ طور پر وہاں جا سکتی ہے! اگر ہمیں ان میں سے ایک بھی مل جاتا ہے تو میں اس میں شامل ہو جاؤں گا۔ place-self: heaven.

آپ کا شکریہ، تو، so زیادہ!

یہ میرا خوابیدہ کام ہے اور میرے پاس یہ آپ جیسے قارئین کے بغیر نہیں ہوگا۔ مجھے یقین نہیں آتا کہ میرا پہلا مضمون شائع ہوئے آٹھ سال ہو چکے ہیں اور میں ابھی تک یہاں ہوں، کام کے ساتھ ہمارے میدان میں روشن دماغوں سے سیکھنا۔ CSS-Tricks کمیونٹی میرے لیے کتنا معنی رکھتی ہے اس پر میں (میرے پاس پہلے سے موجود سے زیادہ) چکر لگا سکتا تھا، لیکن یہ واقعی نیچے آتا ہے… شکریہ، شکریہ، آپ کا شکریہ. میرے دل کی گہرائیوں سے، آپ کا شکریہ.

اور یہاں DigitalOcean کے تمام اچھے لوگوں کا شکریہ جنہوں نے CSS-Tricks کے لیے ایک بہترین گھر بنایا ہے۔ ہیلی ملز، سڈنی راسمین ریخ، بریڈلی کوچی، کیرن ڈیجی، ڈیوڈ برگ، میٹ کرولی، لوگن لِفِک، اور کرسٹین کیلوگ کے لیے اضافی اسپیشل ہائی فائیو جنہوں نے مجھے ذاتی طور پر تیزرفتاری تک پہنچانے اور مجھے یہاں خوش آمدید کا احساس دلانے کے لیے۔ یہ ایک بہترین جگہ ہے۔

آگے، ہم جاتے ہیں!