சமூக வலைதளங்களுக்காக நாங்கள் எவ்வாறு குறியீடு (code) ஸ்கிரீன்ஷாட்டுகளை உருவாக்குகிறோம்
நாங்கள் முன்பு குறியீடு ஸ்கிரீன்ஷாட்டுகளைக் கையால் எடுத்தோம்.
நாங்கள் எடிட்டரைத் திறந்து, விண்டோவை கிராப் செய்து, அந்தப் கோப்பை ஒரு பதிவில் பதிவேற்றுவோம். இது மூன்று சிக்கல்களை ஏற்படுத்தியது:
- பதிவுகளுக்கு இடையே தீம்கள் (themes) மாறின.
- படத்தின் அகலங்கள் சீரற்றதாக இருந்தன.
- மொபைல் திரைகளில் ஸ்கிரீன்ஷாட்டுகள் மங்கலாகத் தெரிந்தன.
நாங்கள் அதைத் தன்னிச்சையாகச் செய்வதை நிறுத்திவிட்டோம். இப்போது எங்கள் தேவைகளைப் பொறுத்து இரண்டு வெவ்வேறு முறைகளைப் பயன்படுத்துகிறோம்.
ஒருமுறை மட்டும் தேவைப்படும் பதிவுகளுக்கு நாங்கள் ஒரு பிரவுசர் கருவியைப் (browser tool) பயன்படுத்துகிறோம். உங்கள் குறியீட்டைப் பேஸ்ட் செய்து, ஒரு மொழியைத் தேர்ந்தெடுத்து, தெளிவான PNG கோப்பைப் பதிவிறக்கம் செய்யலாம். இது ஒரு தனி ட்வீட் அல்லது ஸ்லைடுக்கு (slide) மிக வேகமானது.
தானியங்கி பதிவுகளுக்கு நாங்கள் ஒரு API-ஐப் பயன்படுத்துகிறோம். பதிவிடும் நேரத்தில் அல்லது ஒரு பில்ட் பைப்லைனுக்குள் (build pipeline) படங்களை உருவாக்க வேண்டியிருக்கும் போது இது பயன்படும். நீங்கள் ஒரு POST கோரிக்கை (request) மூலம் குறியீட்டை அனுப்பி, பதிலுக்கு ஒரு URL-ஐப் பெறலாம்.
ஏன் ஒரு API-ஐப் பயன்படுத்த வேண்டும்? ஒரு டெப்ளாய்மென்ட் பைப்லைனில் (deployment pipeline) மனிதரால் ஒரு பொத்தானை அழுத்த முடியாது. ஒரு API உங்கள் கணினி ஒவ்வொரு முறையும் கைமுறை வேலை இன்றி சரியான படங்களை உருவாக்க அனுமதிக்கிறது.
சமூக வலைதளங்களுக்கான சிறந்த குறியீடு படங்களுக்கான எங்கள் குறிப்புகள்:
- சுருக்கமாக வைத்திருங்கள். இருபது வரிகளுக்கு மேல் செல்ல வேண்டாம். நீண்ட குறியீட்டுத் துண்டுகள் (snippets) மொபைலில் வாசிப்பதற்கு மிகவும் சிறியதாகிவிடும்.
- அதிக மாறுபாட்டைப் (high contrast) பயன்படுத்துங்கள். சமூக வலைதளங்கள் உங்கள் படங்களைச் சுருக்கிய பின்னரும் Dracula அல்லது One Dark போன்ற தீம்கள் தெளிவாக இருக்கும். குறைந்த மாறுபாடு கொண்ட தீம்கள் மங்கலாகத் தெரியும்.
- தெளிவுத்திறனை (resolution) பராமரிக்கவும். அதிக தெளிவுத்திறன் உங்கள் குறியீடு ரெட்டினா (retina) திரைகளில் தெளிவாக இருப்பதை உறுதி செய்கிறது.
- முடிவுகளைத் தற்காலிக சேமிப்பில் (cache) வைக்கவும். ஒரே குறியீட்டைத் திரும்பத் திரும்ப உருவாக்காமல் இருக்க, படத்தின் URL-ஐச் சேமித்து வைக்கவும்.
பிரவுசர் கருவியும் API-யும் ஒரே ரெண்டரரை (renderer) பயன்படுத்துகின்றன. இதன் பொருள் உங்கள் கைமுறைப் பதிவுகளும் தானியங்கிப் பதிவுகளும் எப்போதும் ஒரே மாதிரியாகத் தோன்றும்.
நீங்கள் குறியீடு ஸ்கிரீன்ஷாட்டுகளை எவ்வாறு கையாளுகிறீர்கள்? நீங்கள் அதைத் தன்னிச்சையாகச் செய்கிறீர்களா அல்லது API பயன்படுத்துகிறீர்களா? கருத்துகளில் (comments) எனக்குத் தெரியப்படுத்துங்கள்.
ஆதாரம்: https://dev.to/accreditly/how-we-generate-code-screenshots-for-socials-b91