48 নিষ্ঠুর HTML5 / CSS3 ডেমো

আপনি একটি নিবন্ধের মন্তব্যে সম্প্রতি জিজ্ঞাসিত একটি প্রশ্নের জবাব দিতে আমি এই পোস্টটি নিয়েছি:

এইচটিএমএল 5 এর সাথে পুরোপুরি ডিজাইনিং শুরু করার জন্য একটি ভাল সময় কখন?

আচ্ছা, সত্যই, এটি আপনি যে লক্ষ্যটিকে লক্ষ্য করছেন তার উপর নির্ভর করে। আপনি যদি আপনার দর্শকদের ইন্টারনেট এক্সপ্লোরার (যেমন: ম্যাক সফটওয়্যার পৃষ্ঠা) ব্যবহার করার পরিকল্পনা না করেন তবে এই মুহুর্তে এইচটিএমএল 5 দিয়ে শুরু করুন, তবে আপনার ওয়েবসাইটটি দেখার জন্য যদি আপনার IE সহ লোকের প্রয়োজন হয় তবে আপনি আরও অপেক্ষা করতে চান ...

এন্ট্রি-তে, আশ্চর্যজনক এবং দেখার উপযুক্ত যে এইচটিএমএল 48 এর 5 টি ডেমো লাফ দেওয়ার পরে। অসাধারণ।

উত্স | হংককিট

audioburst অ্যানিমেশন

এইচটিএমএল 5 এর ক্যানভাস এবং অডিও ট্যাগ দিয়ে তৈরি একটি আরামদায়ক এবং দুর্দান্ত অ্যানিমেশন।

বল পুল

সর্বশেষ গুগল আই / ও ইভেন্টে প্রদর্শিত হওয়ার কারণে এই ডেমোটি আপনাকে দেখায় যে এইচটিএমএল 5 কতটা গতিশীল হতে পারে।

ব্লব সাল্লাদ

একটি HTML5- প্রসূত প্রাণী যা আপনাকে খুশি করবে please

বোমো

বোমো দিয়ে আপনি এইচটিএমএল 5 সহ বিভিন্ন পারমাণবিক গতিবিধি পর্যবেক্ষণ করতে পারেন।

ব্রাউজার বল

এই 'ক্রস ব্রাউজার' এইচটিএমএল 5 বল দিয়ে অবাক হন।

বুদবুদগুলি

বিভিন্ন রঙের অন্তহীন ভাসমান বুদবুদগুলি তৈরি করে মজা করুন।

ক্যানভাস কার্টুন অ্যানিমেশন

একটি সাধারণ এবং মজার HTML5 কার্টুন যা আপনাকে HTML5 এর ক্যানভাস উপাদানটি কী করতে পারে তা বুঝতে সহায়তা করে।

কুলক্লক

HTML5 এবং জাভাস্ক্রিপ্ট দ্বারা নির্মিত একটি দুর্দান্ত, কাস্টমাইজযোগ্য অ্যানালগ ঘড়ি clock

ফ্লিকার PS3 স্লাইডশো

ওয়েব ব্রাউজারে পিএস 3 স্টাইলের স্লাইডশো সহ আপনার ফ্লিকারের ফটোগুলি দেখুন।

ইন্টারেক্টিভ পোলারয়েড

একটি ইন্টারেক্টিভ ডেমো যা মাল্টি টাচ ইন্টারফেসের সাথে বেশ অনুরূপ কাজ করে।

জেএস আতশবাজি

এইচটিএমএল 5 এবং জাভাস্ক্রিপ্ট দ্বারা চালিত আপনার পছন্দসই মাধ্যাকর্ষণ এবং গতির সাথে আতশবাজির মুহুর্তটি উপভোগ করুন।

বিচিত্রদৃক্

একটি খুব সুন্দর এবং ভবিষ্যত এইচটিএমএল 5 ক্যালিডোস্কোপ।

তরল কণা

সংবেদনশীল কণা অ্যানিমেশন যা আপনার মাউস আন্দোলনের উপর নির্ভর করে।

মেসমারিজার

অন্য একটি সংবেদনশীল এবং অসামান্য এইচটিএমএল 5 ডেমো যা দেখায় যে নিকটবর্তী উপাদানগুলি কীভাবে আপনার মাউস আন্দোলনের সাথে প্রতিক্রিয়া দেখায়।

নীহারিকা মেঘ

এই বিস্ময়কর এইচটিএমএল 5 নীহারিকা দিয়ে হারিয়ে যান।

লম্বন

সমান্তরাল দৃষ্টিকোণে সমস্ত 2 ডি আকার দেখুন।

কণা অ্যানিমেশন

একটি মার্জিত HTML5 কণা অ্যানিমেশন যা আপনার পছন্দের বার্তায় রূপ দিতে পারে।

বিস্তার

এই অন্তহীন স্প্রেড অ্যানিমেশন দিয়ে হারিয়ে যান।

Starfield

একটি দুর্দান্ত শীতল এইচটিএমএল 5 স্টারফিল্ড অ্যানিমেশন যা আপনার মাউস চলাচলের উপর ভিত্তি করে দিক এবং গতি পরিবর্তন করবে।

ভিডিও ধ্বংস

একটি বাজানো ভিডিওতে গুরুর জন্য ক্লিক করুন।

তরঙ্গাকৃতি

এইচটিএমএল 5 এর ক্যানভাস তরঙ্গ এর প্রশস্ততা, তরঙ্গদৈর্ঘ্য, প্রস্থ ইত্যাদি পরিবর্তন করে কীভাবে সরানো হয় তা লক্ষ্য করুন Notice

3D প্রভাব

ক্যানভাস অ্যানিমেশন দ্বারা প্রভাবিত? এটি আরও এইচটিএমএল 5 এর ক্যানভাস উপাদান করতে পারে এবং এটি 3 ডি এফেক্ট বলে। বিকাশকারী 3 ডি এফেক্ট তৈরি করতে ক্যানভাস উপাদান, ডিওএম এবং জাভাস্ক্রিপ্টের উপর নির্ভর করতে পারে, যা পরে 3 ডি অ্যানিমেশন বা গেম হিসাবে বিকাশ করা যেতে পারে।

ক্যানভাস 3 ডি এবং ফ্লিকার

ফ্লিকার ফটোস্ট্রিমের সাথে একটি সম্পূর্ণ নতুন 3 ডি অভিজ্ঞতা রয়েছে।

কাপড় সিমুলেশন

একটি বাস্তবসম্মত, এইচটিএমএল 5 ভিত্তিক কাপড় সিমুলেশন।

বিকশিত মনস্টার

একটি জটিল প্রাণীতে বিকশিত একটি দানবকে পর্যবেক্ষণ করুন, এর স্রষ্টার মধ্যে একটি হ'ল এইচটিএমএল 5।

গুগল গিফটবক্স

জায়ান্ট সার্চ ইঞ্জিন গুগল 3 ডি, প্লেযোগ্যযোগ্য দৃশ্যে উপস্থাপিত হয়েছে।

জেএস টাচ

একটি উচ্চ মানের এবং বাস্তবসম্মত '3 ডি ক্যানভাস 2 ডি' শোকেস।

ডেটা উপস্থাপনা

এইচটিএমএল 5 এর ক্যানভাস উপাদানটি অ্যানিমেশন এবং 3 ডি এফেক্ট তৈরি করতে ব্যবহার করা যেতে পারে, তবে এটি গাণিতিক তথ্য উপস্থাপন করতে প্রয়োগ করা যেতে পারে।

জ্ঞানপ্লট

HTML5 সংস্করণে ডেটা প্লট করার অ্যাপ্লিকেশন Gnuplot।

আরগ্রাফ

আরগ্রাফ বার চার্ট, প্রগতি বার এবং traditionalতিহ্যবাহী রাডার চার্টের মতো বিস্তৃত উপাত্ত উপস্থাপনা সরবরাহ করে।

ওয়েব অ্যাপ্লিকেশন

শেষ পর্যন্ত, এইচটিএমএল 5 এবং অন্যান্য ল্যাঙ্গোজের সম্মিলিত সমস্ত সম্ভাবনা ব্যবহার করে, কেউ ফ্ল্যাশ অ্যাপ্লিকেশনের নিকটে থাকা ইন্টারেক্টিভ অ্যাপ্লিকেশন বা গেম তৈরি করতে পারে।

ক্যানভাস পেন্ট

মাইক্রোসফ্ট পেইন্ট ভাই আপনার ওয়েব ব্রাউজারে আসে সাক্ষী, এবং তার বাবা এইচটিএমএল 5।

ক্যানভাসমল

একটি বৈজ্ঞানিক অ্যাপ্লিকেশন যা আপনাকে নির্দিষ্ট পৃথিবীর উপাদানগুলির কাঠামো বুঝতে সহায়তা করে built

কার্টুন নির্মাতা

এই সর্বনিম্ন এবং ইন্টারেক্টিভ কার্টুন নির্মাতার সাথে আকর্ষণীয় কার্টুন চিত্র আঁকুন।

এখানে কিছু টেনে আনুন

বিবরণ প্রদর্শন করতে আপনি ডেমোতে টানতে পারেন এমন কোনও কিছু টেনে আনুন।

গারটিক স্কেচ

একটি আসল এইচটিএমএল 5 অ্যাপ্লিকেশন যা আপনাকে কিছু বেসিক অঙ্কন করতে দেয় যা বিভিন্ন ইমেজ ফর্ম্যাটে যেমন জেপিগ বা পিএনজিতে সংরক্ষণ করা যায়।

ফিজিক স্কেচ

আপনি যা পছন্দ করেন তা আঁকুন এবং দেখুন যে তারা অনুকরণীয় মহাকর্ষের সাথে কীভাবে প্রতিক্রিয়া দেখায়।

স্কেচপ্যাড

একটি শক্তিশালী এইচটিএমএল 5 অঙ্কন অ্যাপ্লিকেশন যা আপনাকে সঠিকভাবে আপনার চিত্র আঁকতে এবং সম্পাদনা করতে সক্ষম করে।

স্বল্প কথা

একটি ওয়েব অ্যাপ্লিকেশন যা টুইটার থেকে অর্জিত আবহাওয়া সম্পর্কিত বার্তার ভৌগলিক অবস্থানের নিশ্চয়তা দেয়, এটি ক্যানভাস ভিত্তিক 'সামাজিক আবহাওয়া' মানচিত্রে রূপান্তরিত করে, একেবারে তুচ্ছ (লেখকের বক্তব্য অনুসারে) তবে আকর্ষণীয়।

খেলা

3 বিরক্ত

আপনি যদি পরের সেকেন্ডে শত শত এইচটিএমএল 5 গুলি চালিয়ে যেতে পারেন তবে আপনি কখনই বিরক্ত হবেন না।

ব্রেকআউট

সমস্ত ইট ভাঙতে বলটিকে রিবাউন্ড করুন।

ক্যানভাসকেপ

কোনও খেলা নয়, তবে এটি প্রথম ব্যক্তির শুটিং ব্রাউজার গেমটি বিকাশের জন্য এইচটিএমএল 5 কীভাবে ব্যবহার করা যেতে পারে তা প্রদর্শন করে।

এটি ধরুন

আপনার বিজয়ী এইচটিএমএল 5 বর্গ পেতে আপনি কতটি বল ডজ করতে পারেন?

চেইন প্রতিক্রিয়া

লক্ষ্য অর্জনের জন্য বিস্ফোরণটিকে শৃঙ্খলিত করুন, আসক্ত হন না।

কিউবআউট

টেট্রিস 3 ডি তে খেলুন, টপ-ডাউন ভিউ।

ইচা ফিজিক্স

বলটি তারাতে সরানোর জন্য আইটেমটি আঁকুন, মাধ্যাকর্ষণ সম্পর্কে ভুলবেন না।

জিগস ধাঁধা

এই এইচটিএমএল 5 ভিত্তিক জিগস ধাঁধাটি সমাধান করতে ধাঁধা টুকরো ক্লিক করুন, ঘোরান এবং ছেড়ে দিন।

স্লাইড ধাঁধা

বিজয়ের দিকে স্লাইড করুন, আপনার মনের রসকে গ্রাস করতে তৈরি করা আরও একটি এইচটিএমএল 5 গেম।

একই খেলা

অন্য গ্রুপকে একই রঙে যুক্ত করার জন্য নির্দিষ্ট গোষ্ঠীটি সরান এবং আপনাকে শেষ পর্যন্ত একটি বিজয় দেওয়া হবে।

tetris

অন্যতম সেরা ক্লাসিক গেমটি এইচটিএমএল 5 এর মাধ্যমে পুনরুত্থিত হয়েছিল।

অর্ধবৃত্তাকার পার্শ্বচিত্রের মূর্তি

তবুও সিউডো -3 ডি সংস্করণে আরও একটি টেট্রিস গেম।