𝗛𝗼𝘄 𝗪𝗲 𝗚𝗲𝗻𝗲𝗿𝗮𝘁𝗲 𝗖𝗼𝗱𝗲 𝗦𝗰𝗿𝗲𝗲𝗻𝘀𝗵𝗼𝘁𝘀 𝗳𝗼𝗿 𝗦𝗼𝗰𝗶𝗮𝗹𝘀
ہم سوشل میڈیا کے لیے کوڈ اسکرین شاٹس کیسے تیار کرتے ہیں
ہم پہلے کوڈ کے اسکرین شاٹس ہاتھ سے لیا کرتے تھے۔
ہم ایڈیٹر کھولتے، ونڈو کو کراپ کرتے اور فائل کو پوسٹ میں ڈال دیتے تھے۔ اس سے تین مسائل پیدا ہوتے تھے:
- پوسٹس کے درمیان تھیمز (themes) تبدیل ہو جاتے۔
- تصاویر کی چوڑائی میں تسلسل نہیں رہتا تھا۔
- موبائل اسکرینز پر اسکرین شاٹس دھندلے نظر آتے تھے۔
ہم نے اسے مینوئل طریقے سے کرنا چھوڑ دیا۔ اب ہم اپنی ضرورت کے مطابق دو مختلف طریقے استعمال کرتے ہیں۔
ایک بار کی پوسٹس کے لیے ہم براؤزر ٹول استعمال کرتے ہیں۔ آپ اپنا کوڈ پیسٹ کرتے ہیں، زبان کا انتخاب کرتے ہیں، اور ایک صاف ستھری PNG ڈاؤن لوڈ کر لیتے ہیں۔ یہ ایک اکیلے ٹویٹ یا سلائیڈ کے لیے تیز طریقہ ہے۔
خودکار (automated) پوسٹس کے لیے ہم API استعمال کرتے ہیں۔ یہ اس وقت کے لیے ہے جب آپ کو پبلش کرتے وقت یا بلڈ پائپ لائن (build pipeline) کے اندر تصاویر تیار کرنے کی ضرورت ہو۔ آپ POST request کے ذریعے کوڈ بھیجتے ہیں اور بدلے میں ایک URL حاصل کرتے ہیں۔
API کیوں استعمال کریں؟ کوئی انسان ڈیپلائمنٹ پائپ لائن (deployment pipeline) میں بٹن نہیں دبا سکتا۔ ایک API آپ کے سسٹم کو مینوئل کام کے بغیر ہر بار بہترین تصاویر بنانے کی اجازت دیتی ہے۔
سوشل میڈیا کے لیے بہتر کوڈ امیجز کے لیے ہمارے مشورے:
- اسے مختصر رکھیں۔ بیس لائنوں سے زیادہ نہ کریں۔ لمبے کوڈ کے ٹکڑے موبائل پر پڑھنے کے لیے بہت چھوٹے ہو جاتے ہیں۔
- ہائی کنٹراسٹ (high contrast) استعمال کریں۔ Dracula یا One Dark جیسے تھیمز سوشل میڈیا پلیٹ فارمز کی امیج کمپریشن کے بعد بھی واضح رہتے ہیں۔ کم کنٹراسٹ والے تھیمز دھندلے نظر آتے ہیں۔
- ریزولوشن برقرار رکھیں۔ ہائی ریزولوشن اس بات کو یقینی بناتی ہے کہ آپ کا کوڈ ریٹینا ڈسپلے (retina displays) پر بالکل صاف نظر آئے۔
- اپنے نتائج کو کیش (cache) کریں۔ امیج URL کو محفوظ کریں تاکہ آپ کو ایک ہی کوڈ بار بار رینڈر نہ کرنا پڑے۔
براؤزر ٹول اور API ایک ہی رینڈرر (renderer) استعمال کرتے ہیں۔ اس کا مطلب ہے کہ آپ کی مینوئل پوسٹس اور خودکار پوسٹس ہمیشہ ایک جیسی نظر آئیں گی۔
آپ کوڈ اسکرین شاٹس کو کیسے ہینڈل کرتے ہیں؟ کیا آپ اسے ہاتھ سے کرتے ہیں یا API استعمال کرتے ہیں؟ مجھے کمنٹس میں بتائیں۔
ماخذ: https://dev.to/accreditly/how-we-generate-code-screenshots-for-socials-b91