মেরি পিক্সমাস

সারসংক্ষেপ

Merry Pixmas : 3D CSS Transforms এর সাথে বড়দিনের মজা।

আমরা কি পছন্দ করি?

একটি চমৎকার ক্রিসমাস-থিমযুক্ত ডেমো যা ডেস্কটপ এবং মোবাইল জুড়ে ভাল কাজ করে। এমনকি এটি একেবারে নতুন থিম রঙ সমর্থন, এবং একটি হোম স্ক্রীন অভিজ্ঞতার জন্য একটি ওয়েব ম্যানিফেস্ট যা পূর্ণ স্ক্রীন চালু করে।

প্রো টিপ: এটি তুষার করতে আপনার ফোন ঝাঁকান!

সম্ভাব্য উন্নতি

যদিও আমি বুঝতে পারি এটি একটি ডেমো, সম্পদের উপর কয়েকটি নির্দিষ্ট ক্যাশে হেডার এবং নন-রেন্ডার-ব্লকিং জাভাস্ক্রিপ্ট অনুভূত লোড সময়কে কিছুটা উন্নত করতে পারে।

জিম স্যাভেজের সাথে প্রশ্নোত্তর

কেন ওয়েব?

টোকিওতে , আমরা দীর্ঘকাল ধরে প্রতিক্রিয়াশীল এবং মোবাইল ওয়েবের উকিল হয়েছি, এর স্বার্থে স্থানীয় না হয়ে। পিক্সমাস HTML5 এবং CSS3 পরীক্ষা-নিরীক্ষার ফল ছিল প্রকল্পগুলির মধ্যে ডাউন টাইম। আমরা আমাদের জ্ঞানকে বর্তমান রাখার জন্য সর্বদা নতুন জিনিসের চেষ্টা করি; তাই স্বাভাবিকভাবেই, ফ্রন্ট-এন্ড ডেভেলপারদের আমাদের দলের জন্য, যেকোনো গবেষণা নেটিভ প্ল্যাটফর্মের বিপরীতে ওয়েব ফোকাস করা হতো।

ব্রাউজারগুলি পরিপক্ক হওয়ার সাথে সাথে আমরা আরও নেটিভ-এর মতো কার্যকারিতা দেখতে পাচ্ছি; যে ফাংশনগুলি শুধুমাত্র নেটিভ ডেভেলপমেন্টের মাধ্যমে উপলব্ধ ছিল যেমন জিওলোকেশন, ক্যামেরা অ্যাক্সেস, স্থানীয় ডাটাবেস স্টোরেজ ইত্যাদি যা ব্যবহারকারীর জন্য একটি সামগ্রিক নেটিভ-এর মতো অভিজ্ঞতায় অবদান রাখে কিন্তু ক্রস-প্ল্যাটফর্ম এবং দ্রুত পুনরাবৃত্তি উন্নয়নের সুবিধা সহ। অবশ্যই নেটিভ ডেভেলপমেন্টের এখনও এর সুবিধা রয়েছে এবং একটি নতুন প্রকল্প মোকাবেলা করার সময়, ওয়েব এবং নেটিভ উভয় বিকল্পের জন্য অনেক বিবেচনা করা হয়। এটি সম্ভবত সুস্পষ্ট শোনাচ্ছে, কিন্তু আমাদের ক্লায়েন্টদের জন্য, এটি গুরুত্বপূর্ণ যে আমরা যেকোন প্রকল্পের জন্য কোড করতে পছন্দ করি তাতে জুতার হর্ণ না করে কাজের জন্য সেরা প্ল্যাটফর্মের সুপারিশ করা।

উন্নয়নের সময় কি সত্যিই ভাল কাজ করেছে?

আমি মনে করি পিক্সমাসের সাথে মূল ফোকাস ছিল 3D ট্রান্সফর্মের চারপাশে এবং আমরা আসলে কতদূর CSSকে ঠেলে দিতে পারি, তাই পিক্সেলেড চিত্রিত শৈলী ব্রাউজারে সত্যিই ভাল কাজ করেছে, এবং যে কোনও ফ্রন্ট-এন্ড বিকাশকারী আপনাকে বলবে একটি ব্রাউজারের স্বাভাবিক আচরণ বর্গাকার বন্ধুত্বপূর্ণ! তাই বর্গাকার ভিত্তিক সমস্যাগুলির চারপাশে সামগ্রিক শৈলী এবং 3D গণিতের ভিত্তি সত্যিই ভাল কাজ করেছে। 3D রূপান্তর এবং এইচটিএমএল সহ একটি ঘনক্ষেত্র তৈরি করা অন্য যেকোনো আদিম আকৃতির চেয়ে অনেক সহজ। তবে মিথস্ক্রিয়া এবং অ্যানিমেশনগুলি আমাদেরকে মসৃণ করতে একটু পরীক্ষা এবং ত্রুটি নিয়েছিল।

মোবাইল প্ল্যাটফর্মে, বিশেষত কম পরিচিত অ্যান্ড্রয়েড ডিভাইসে 3D-এর মসৃণতা এবং ব্রাউজার পারফরম্যান্স যা আমাদের সবচেয়ে বেশি অবাক করেছিল।

আপনার অ্যাপটি উন্নত করার জন্য যদি আপনার কাছে কোনো API থাকতে পারে তবে এটি কী হবে?

আমরা যদি আবার পিক্সমাস লিখি তাহলে আমরা সম্ভবত একটি WebGL ভিত্তিক API ব্যবহার করব। যদিও এটি CSS এর মাধ্যমে 3D-এ HTML DOM উপাদানগুলিকে ম্যানিপুলেট করা মজার ছিল, ওয়েব ভিত্তিক 3D-এর আসল শক্তি হল WebGL-এর মতো একটি ডেডিকেটেড হার্ডওয়্যার-ত্বরিত প্রযুক্তি। CSS 3D বেসিক ওয়েবপেজ ইফেক্ট এবং ট্রানজিশনের জন্য ঠিক আছে কিন্তু Pixmas কোডিং করার সময় আমরা অবশ্যই ব্রাউজার পারফরম্যান্সে একটি সীমাবদ্ধতাকে আঘাত করি।

ক্রোম এক্সপেরিমেন্টে Google-এর কিছু দুর্দান্ত ওয়েবজিএল প্রকল্প রয়েছে।