03 03 03
সর্বশেষ Atomic.io আপডেট স্ক্রোলযোগ্য কন্টেনার অন্তর্ভুক্ত
কিছু মাস আগে আমি দেখিয়েছি কিভাবে পরমাণু.আই.টি প্রোটোটাইপ গতিতে ব্যবহার করা যায় । আমি টুকরা করা কি পয়েন্ট এক ছিল "ক্লায়েন্ট এর বা দল এর কল্পনা এটা গুরুত্বপূর্ণ নয়" দেখানোর পরিবর্তে "দেখানো গতি" ছিল গুরুত্বপূর্ণ। আসলে, এটি এতটাই জটিল হয়ে উঠেছে যে দৃশ্যের উপর একটি সম্পূর্ণ নতুন শ্রেণী UX / UI সরঞ্জাম প্রদর্শিত হচ্ছে। তারা অন্তর্ভুক্ত - অ্যাপল মূল বক্তব্য, Adobe এর এজ অ্যানিমেট, প্রভাব পরে এবং UXPin , কয়েক নাম। ব্লক নেভিগেশন নতুন ছাগলছানা Atomic.io যা খোলা বিটা ছিল যখন আমি প্রথম পণ্য সম্পর্কে লিখেছে।
খোলা বিটা সম্পর্কে সুনিশ্চিত বিষয় হল তারা সফটওয়্যার নির্মাতাকে ফিচার সেটের ইউজার প্রতিক্রিয়া সংগ্রহ করার সুযোগ করে দেয়, অনুপস্থিত বৈশিষ্ট্যগুলি সহ, এবং তারপর অ্যাপ্লিকেশনে তাদের যুক্ত করে এবং বাণিজ্যিক রিলিজের আগে তাদের পরীক্ষা করে। পারমাণবিক ক্ষেত্রে, আমি সত্যিই মিস করা একটি বৈশিষ্ট্য উল্লম্বভাবে বা অনুভূমিকভাবে বিষয়বস্তু স্ক্রল করার ক্ষমতা ছিল। এটি এমন কার্ড, স্লাইড শো বা এমন কোনও জিনিস যা ব্যবহারকারীর একটি অ্যাপের বা সাইটের ইন্টারফেসের সীমাবদ্ধতার মধ্যে স্যুইপ করতে বা টেনে আনতে পারে এমন কিছু অন্তর্ভুক্ত করতে পারে।
এই ব্যবহারকারীদের অনেক কারণ জিজ্ঞাসা করা একটি বিষয় হতে হবে কারণ স্ক্রোলযোগ্য পাত্রে শুধুমাত্র এই মাসে অ্যাপ্লিকেশন চালু ছিল এবং, আমি প্রোটোটাইপ মধ্যে স্ক্রলযোগ্য কন্টেন্ট তৈরি করতে সক্ষম হবে মৃত, সক্ষম করতে মৃত সহজ।
এখানে কিভাবে ...
02 03 03
পারমাণবিক মধ্যে উল্লম্ব স্ক্রোলিং সামগ্রী তৈরি করুন কিভাবে
আপনাকে প্রথম 30 দিনের একটি বিনামূল্যে 30 দিনের ট্রায়ালের জন্য সাইন আপ করতে হবে এবং সেই সময়ের শেষে আপনাকে তিনটি মূল্যের পরিকল্পনাগুলি উপস্থাপন করা হবে।
প্রথম জিনিস যা আপনাকে জানাতে হবে তা হচ্ছে আপনি যে কাজ করছেন তা হলো ব্রাউজারে এবং অ্যাপটি গুগল ক্রোমে কঠোরভাবে লক্ষ্যযুক্ত। একবার লগ ইন করলে, আপনাকে প্রকল্প পৃষ্ঠাতে নিয়ে যাওয়া হবে। অ্যাপ্লিকেশন খুলতে, নতুন প্রকল্প বোতামটি ক্লিক করুন ।
যখন ইন্টারফেসটি প্রদর্শিত হবে তখন আপনি একটি সীমিত সংখ্যক সরঞ্জাম দেখতে পাবেন, পেজগুলিতে পৃষ্ঠাগুলি এবং লেয়ারগুলি যুক্ত করার ক্ষমতা, আর্টবোর্ড এবং ডানদিকে, একটি প্রসঙ্গ-সংবেদনশীল প্রোপার্টি প্যানেলে ক্লিক করুন।
এই উদাহরণে, আমি একটি আইফোন 5 প্রিসেট দিয়ে শুরু করেছিলাম যা 320 x 568. তারপর আমি স্ক্রল করা ছবি ধারণকারী ফোল্ডারটি খুলুন এবং ক্যানভাসে টেনে আনে। তারা স্বয়ংক্রিয়ভাবে প্রোজেক্টে যুক্ত হয়ে যায় এবং আপনি লেয়ার ট্যাব ক্লিক করলে তারা পৃথক স্তরগুলিতে দেখতে পাবেন। আমি তারপর তীর টুল নির্বাচন (নির্বাচন), একটি ইমেজ নির্বাচিত এবং তাদের মধ্যে কিছু স্থান যোগ করার জন্য এটি একটি নতুন অবস্থান থেকে টেনেছেন। আমি তারপর সমস্ত ইমেজ নির্বাচিত এবং টুলবারে উল্লম্বভাবে বন্টন করুন বোতামে ক্লিক করুন। এই চিত্রগুলি সমানভাবে চিত্রিত।
পরবর্তী ধাপ হল স্ক্রোল করা সমস্ত সামগ্রী নির্বাচন করা এবং কনটেইনার বাটন ক্লিক করুন বা গ্রুপ বোতামটি পপ ডাউন থেকে স্ক্রোল কনটেইনার তৈরি করুন নির্বাচন করুন । একবার কন্টেইনার তৈরি করা হয়- আপনি স্তরগুলির প্যানেলে দেখতে পাবেন - ধারকটি ক্লিক করুন এবং ক্যানভাসের নিচের দিকে নীচের হ্যান্ডেলটি টানুন । প্রপার্টি প্যানেলের নিচের প্রিভিউ বোতামটি ক্লিক করুন এবং এটি একটি ব্রাউজার উইন্ডো চালু করবে। সামগ্রী স্ক্রোল করতে আপনার মাউসের স্ক্রল চাকা ব্যবহার করুন। আপনার প্রোজেক্টে ফিরতে, ব্রাউজার উইন্ডোর নিচের ডানদিকে Edit বোতামটি ক্লিক করুন ।
03 03 03
কীভাবে আণবিকের মধ্যে অনুভূমিক স্ক্রোলিং সামগ্রী তৈরি করতে হয়
অনুভূমিক স্ক্রোলিং সম্পন্ন করা ঠিক যেমন সহজ।
এই ক্ষেত্রে, ক্যানভাসে ছবির একটি সিরিজ টেনে আনা এবং একে অপরকে আক্রমণ করে। নির্বাচিত ইমেজগুলির সাথে, আমি একে একে একে একে একে একে একে সংযুক্ত করার জন্য উপরের ডান সারিবদ্ধ বাটন ক্লিক করুন।
আমি তারপর Shift কী চেপে রাখা এবং স্তর স্তরগুলির প্রতিটি স্তর নির্বাচন। নির্বাচিত ইমেজগুলির সাথে, আমি কনটেইনার বাটন ক্লিক করেছি এবং , বৈশিষ্ট্যাবলী প্যানেলে Behaviours অঞ্চলে অনুভূমিকভাবে নির্বাচিত ।
আমি তারপর প্রিভিউ বাটন ক্লিক করে একটি ব্রাউজার উইন্ডোতে প্রকল্পের পরীক্ষা।
যদিও আমি দেখিয়েছি যে উল্লম্ব এবং অনুভূমিক স্ক্রোলিংয়ের পৃথক সংস্করণগুলি কিভাবে তৈরি করা যায়, যতদিন আপনি একটি ধারক স্ক্রলযোগ্য সামগ্রী রাখেন, আপনি পর্দার পৃথক অংশে এই পাত্রে থাকতে পারেন। উদাহরণস্বরূপ, একটি ওয়েব পৃষ্ঠাটি সাইড মেনুতে উল্লম্ব স্ক্রোলিং সামগ্রী এবং একই পৃষ্ঠায় একটি স্লাইড-শোতে অনুভূমিকভাবে স্ক্রোলিং সামগ্রী থাকতে পারে। বস্তুত, একটি ধারক আইটেমের জন্য উভয় উল্লম্ব এবং অনুভূমিক স্ক্রোলিং থাকতে পারে যেমন একটি চিত্র পিকারকারী যা একটি ডজন বা তাই থাম্বনেল আছে
Atomic.io এ এই বৈশিষ্ট্য সম্পর্কে আরও জানতে আরও দেখুন:
- ব্লগ ঘোষণা
- স্ক্রোলিং ধারক টিউটোরিয়াল
- কনটেইনার ব্যবহার করে মাস্কিং
- ট্রাবলশুটিং স্ক্রোলিং কন্টেনারগুলি