01 இல் 03
சமீபத்திய Atomic.io Update உருளக்கூடிய கொள்கலன்கள் அடங்கும்
ஒரு சில மாதங்களுக்கு முன்னர் நான் எவ்வாறு அணுகுமுறையில் முன்மாதிரியைப் பயன்படுத்த முடியும் என்பதை காட்டியது . அந்தப் பகுதியில் நான் செய்த முக்கிய குறிப்புகளில் ஒன்று, "வாடிக்கையாளர் அல்லது குழுவின் கற்பனைகளுக்கு இடமளிக்காமல் விட முக்கியமானது" என்பது முக்கியமானது. உண்மையில், இது UX / UI கருவிகளின் முழு புதிய வகையையும் காட்சியில் காணப்படுவது மிகவும் சிக்கலாகிவிட்டது. அவர்கள் அடங்கும் - ஆப்பிள் சிறப்புக்குறிப்பு, அடோப் எட்ஜ் ஆன்டிமேட், விளைவுகள் மற்றும் UXPin பிறகு, ஒரு சில பெயர்களுக்கு. பிளாக் புதிய குழந்தை நான் முதலில் தயாரிப்பு பற்றி எழுதிய போது திறந்த பீட்டா இருந்த Atomic.io உள்ளது.
திறந்த betas பற்றி நேர்த்தியான விஷயம் அவர்கள் மென்பொருள் உற்பத்தியாளர் அம்சம் தொகுப்பில் பயனர் கருத்துக்களை சேகரிக்க வாய்ப்பு கொடுக்கிறது, காணாமல் அம்சங்கள் உட்பட, பின்னர் அவர்கள் பயன்பாடு சேர்க்க மற்றும் அவர்கள் வணிக வெளியீடு முன் சோதனை. Atomic விஷயத்தில், நான் தவறவிட்ட ஒரு அம்சம் செங்குத்தாக அல்லது கிடைமட்டமாக உள்ளடக்கத்தை உருட்டும் திறன் ஆகும். இது கார்டுகள், ஸ்லைடு நிகழ்ச்சிகள் அல்லது பயனீட்டாளர் ஏதேனும் ஒரு பயன்பாட்டின் அல்லது தளத்தின் இடைமுகத்தின் எல்லைக்குள் ஸ்வைப் செய்யும் அல்லது இழுத்துவிடும் போன்ற விஷயங்களை உள்ளடக்கியிருக்கும்.
இந்த மாதம் பயன்பாட்டை ஸ்க்ரோல் செய்யக்கூடிய கொள்கலன்களை அறிமுகப்படுத்தியதால், இந்த பயனாளர்களுக்கு நிறையப் பயனாளிகள் இருந்திருக்க வேண்டும், மேலும் நான் ஒப்புக்கொள்ள வேண்டும், முன்மாதிரிகளில் உருளக்கூடிய உள்ளடக்கத்தை உருவாக்குவது எளிதானது.
இங்கே எப்படி இருக்கிறது ...
02 இல் 03
Atomic இல் செங்குத்து ஸ்க்ரோலிங் உள்ளடக்கத்தை உருவாக்குவது எப்படி
நீங்கள் ஒரு 30-நாள் இலவச சோதனைக்காக முதலில் கையொப்பமிட வேண்டும், அந்தக் காலப்பகுதியில், நீங்கள் மூன்று விலைத் திட்டங்களை வழங்குவீர்கள்.
நீங்கள் தெரிந்து கொள்ள வேண்டிய முதல் விஷயம், நீங்கள் செய்யும் செயல்திறன் உலாவியில் உள்ளது, மேலும் பயன்பாட்டை Google Chrome இல் கண்டிப்பாக நோக்குகிறது. நீங்கள் உள்நுழைந்தவுடன், நீங்கள் திட்டப்பக்கங்களின் பக்கம் எடுக்கும். பயன்பாட்டைத் திறக்க, புதிய திட்டத்தின் பொத்தானைக் கிளிக் செய்க .
இடைமுகம் தோன்றும் போது, குறைந்த எண்ணிக்கையிலான கருவிகள் உள்ளன, பக்கங்கள் மற்றும் அடுக்குகளை பக்கங்களிலும், கலைப்பதிவிலும், வலதுபுறத்தில், ஒரு சூழல்-உணர்திறன் பண்புக்கூறுகளிலும் சேர்க்கும் திறன்.
இந்த எடுத்துக்காட்டில், நான் ஒரு ஐபோன் 5 முன்னமைக்கப்பட்ட 320 x 568.I பின்னர் தொடங்கி படங்களை கொண்ட அடைவை திறக்க மற்றும் கேன்வாஸ் மீது இழுத்து. அவர்கள் திட்டத்தில் தானாகவே சேர்க்கப்பட்டனர் மற்றும் நீங்கள் அடுக்குகள் தாவலைக் கிளிக் செய்தால், அவர்கள் தனிப்பட்ட அடுக்குகளில் இருப்பதை நீங்கள் காணலாம். நான் அம்பு கருவி (தேர்ந்தெடுத்தல்) ஐ தேர்ந்தெடுத்தேன், ஒரு படத்தை தேர்ந்தெடுத்து, அவற்றுக்கு இடையில் சில இடைவெளிகளை சேர்ப்பதற்கு ஒரு புதிய இடத்திற்கு இழுத்துக்கொண்டேன். பின்னர் நான் அனைத்து படங்களையும் தேர்ந்தெடுத்து கருவிப்பட்டியில் செங்குத்து பொத்தானை விநியோகிக்கவும் . இது சமமாக படங்களின் இடைவெளி.
அடுத்த கட்டமானது உள்ளடக்கத்தை அனைத்தையும் ஸ்க்ரோன் செய்ய வேண்டும் , மேலும் கொள்கலன் பொத்தானைக் கிளிக் செய்யவும் அல்லது குழுவில் இருந்து உருட்டும் கண்ட்ரோனரை உருவாக்கவும் . கொள்கலன் உருவாக்கப்பட்டதும் - அதை அடுக்குகள் பேனலில் காண்பீர்கள் - கொள்கலன் என்பதைக் கிளிக் செய்து, கேன்வாஸின் கீழே கீழே கைப்பிடி மேல்நோக்கி இழுக்கவும் . பண்புகள் பேனலின் கீழே உள்ள முன்னோட்டம் பொத்தானை சொடுக்கவும், இது ஒரு உலாவி சாளரத்தைத் துவக்கும். உள்ளடக்கத்தை உருட்டும் உங்கள் சுட்டியின் சுருள் சக்கரம் பயன்படுத்தவும். உங்கள் திட்டத்திற்கு திரும்ப, உலாவி சாளரத்தின் கீழ் வலதுபுறத்தில் திருத்து பொத்தானைக் கிளிக் செய்க .
03 ல் 03
Atomic இல் கிடைமட்ட ஸ்க்ரோலிங் உள்ளடக்கத்தை உருவாக்குவது எப்படி
கிடைமட்ட ஸ்க்ரோலிங் சாதிக்க எளிதானது.
இந்த வழக்கில், கேன்வாஸ் வரை படங்களை ஒரு தொடர் இழுத்து ஒருவருக்கொருவர் எதிராக அவர்களை butted. தேர்ந்தெடுக்கப்பட்ட படங்களைக் கொண்டு, நான் அவர்கள் மேல் ஒருவருக்கொருவர் சீரமைக்கப்படுவதை உறுதி செய்வதற்கு மேல் அட்ஜைன் பொத்தானைக் கிளிக் செய்கிறேன்.
நான் ஷிப்ட் கீயை கீழே வைத்தேன் மற்றும் அடுக்குகள் பேனலில் ஒவ்வொரு லேயையும் தேர்ந்தெடுத்தேன். தேர்ந்தெடுக்கப்பட்ட படங்களைக் கொண்டு, நான் கொள்கலன் பொத்தானை சொடுக்கி , பண்புகள் பேனல்களில், கிடைமட்ட பகுதியிலுள்ள கிடைமட்டமாக தேர்ந்தெடுக்கப்பட்டேன் .
நான் Preview பொத்தானை கிளிக் செய்வதன் மூலம் ஒரு உலாவி சாளரத்தில் திட்டத்தை சோதனை.
நீங்கள் ஒரு கொள்கலனில் உருளக்கூடிய உள்ளடக்கத்தை வைத்திருக்கும் வரை, செங்குத்து மற்றும் கிடைமட்ட ஸ்க்ரோலிங் தனித்த பதிப்பை எவ்வாறு உருவாக்குவது என்பதைக் காட்டியிருந்தாலும், திரையின் தனிப்புறங்களில் நீங்கள் இந்த கொள்கலன்களை வைத்திருக்க முடியும். உதாரணமாக, வலைப்பக்கத்தில் ஒரு பக்க மெனுவில் செங்குத்தாக ஸ்க்ரோலிங் உள்ளடக்கம் மற்றும் ஒரே பக்கத்தில் ஸ்லைடு-ஷோவில் கிடைமட்டமாக ஸ்க்ரோலிங் உள்ளடக்கம் இருக்க முடியும். உண்மையில், ஒரு கொள்கலன் ஒரு டஜன் அல்லது சிறு உருவங்களை கொண்ட படம் பிக்கர் போன்ற உருப்படிகளுக்கான செங்குத்து மற்றும் கிடைமட்ட ஸ்க்ரோலிங் ஆகிய இரண்டையும் கொண்டிருக்க முடியும்.
Atomic.io இல் இந்த அம்சத்தைப் பற்றி மேலும் அறிய, பாருங்கள்:
- வலைப்பதிவு அறிவிப்பு
- ஸ்க்ரோலிங் கொள்கலன் பயிற்சி
- கொள்கலன்கள் பயன்படுத்தி மறைத்தல்
- பழுதுபார்க்கும் ஸ்க்ரோலிங் கொள்கலன்கள்