লোকালহোস্ট যেকোন জায়গা থেকে এক্সেস করা…

আমরা যারা ওয়েব ডেভেলপমেন্ট করি, প্রায় সময় কাজ করা হয় নিজের লোকাল হোস্টে। অন্য কোন কম্পিউটার থেকে এক্সেস করতে চাইলে তা একটু ট্রিক খাটিয়েই করা যায়। পদ্ধতিকে বলে টানেল তৈরি করা। সিকিউর টানেল তৈরি করার অনেক গুলো পদ্ধতি রয়েছে। ngrok তেমনি একটা ছোট্ট এপলিকেশন। লোকাল হোস্টের জন্য আমি wamp ব্যবহার করি। লোকাল হোস্টে ডেভেলপমেন্ট ইনভারনমেন্ট … Read more

সিএসএস নিয়ে লেখা গুলো এবং অন্যান্য

সুন্দর একটি ওয়েব সাইট তৈরি করতে দুটি জ্ঞান সবার আগে লাগে, এইচটিএমএল এবং সিএসএস। এইচটিএমএল নিয়ে আমি অনেক গুলো লেখা লিখেছি সে গুলো এখান থেকে পড়া যাবে। এইচটিএমএল নিয়ে লেখা গুলো এবং অন্যান্য। সিএসএস নিয়ে লেখা গুলোর লিস্ট এখানে দিয়ে দিলাম। ভবিশ্যতে লিখলে সে গুলোও এখানে যুক্ত করে দিব।   সিএসএস টিউটোরিয়াল – সূচনা সিএসএস টিউটোরিয়াল … Read more

এইচটিএমএল নিয়ে লেখা গুলো এবং অন্যান্য

এইচটিএমএল কেন তাই তো? ওয়েব সাইট তৈরি করতে এইচটিএমএল ব্যবহার করা হয়।এইচটিএমএল জানা থাকলে নিজের ওয়েব সাইট, পরিচিত কারো জন্য সহজেই একটা ওয়েব সাইট তৈরি করা যায়।  যদিও এইচটিএমএল এর সাথে আরো কিছু যেমন সিএসএস, জাভাস্ক্রিপ্ট ইত্যাদি জানতে হয় আধুনিক ওয়েব সাইট তৈরি করতে। তবে সে গুলো শেখার আগে দরকার এইচটিএমএল এর জ্ঞান। তাই কেউ … Read more

সিএসএস – মেনু বার তৈরি করা

মেনুবার বা ন্যাভিগেশন বার আর কিছুই না, কত গুলো এইচটিএমএল লিঙ্ক এর সমষ্টি। তাই না? তাই আমরা প্রথমে কয়েকটা লিঙ্ক কে কিভাবে ন্যাভিগেশন মেনু তৈরি করতে পারি, তাই দেখব আস্তে আস্তে। শুরু করি নিচের কোড গুলো দিয়ে। যেখানে শুধু কয়েকটা লিঙ্ক রয়েছেঃ <ul> <li><a href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul> ডামি/টেস্ট লিঙ্ক দেওয়ার … Read more

সিএসএস Pseudo-classes

pseudo-classes দিয়ে সুন্দর কিছু কিছু ইলিম্যান্টে আলাদা স্টাইল বা ইফেক্ট দেওয়া যায়। যেমন আমরা সকল লিস্টকে একটা স্টাইল দিলাম। কিন্তু প্রথম ইলিম্যান্টকে আরেকটা রঙ দিলাম। বা লিঙ্ক গুলো যে গুলো ভিজিট করা হয় নি, সে গুলোকে এক কালার দিলাম। যে গুলো ভিজিট হয়েছে, সে গুলোকে এক কালার দিলাম। কোন লিঙ্ক এর উপর মাউস নিয়ে এক … Read more

সিএসএস – ব্লক ইলিম্যান্ট / div এর এলাইনম্যান্ট।

আমরা সাধারনত যে কোন টেক্সটকে ডানে, বামে, বা মাজখানে এলাইন করতে পারি সহজে। text-align প্রপার্টি এর সাহায্যে।  টেক্সট স্টাইলিং সম্পর্কে এ লিঙ্কে বিস্তারিত লেখা রয়েছে। আচ্ছা, যদি আমরা কোন ব্লক ইলিম্যান্টো বা ডিভিশনকে এলাইন করতে চাই, তখন কি করব? হ্যা, তাও সম্ভব। অনেক সহজেই।  margin প্রপার্টি ব্যবহার করে আমরা সহজেই করতে পারি। আচ্ছা, ব্লক ইলিম্যান্ট … Read more

সিএসএস [CSS] Float

Float দিয়ে একটি ইলিম্যান্টকে বামে বা ডানে বসানো হয়। ইলিম্যান্টটি যদি বামে বসানোর পর আরো জায়গা থাকে, বাকি জায়গা অন্য আরেকটি ইলিম্যান্ট বসে। .myElement{ float:right; } অথবাঃ .myElement{ float:left; }   Float ব্যবহার করলে তা আবার বন্ধ করতে হয়। যাকে বলা হয় Clear .clean { clear:both; } একটি ওয়েবসাইটে কিছু ডেটা থাকে ডানে, কিছু থাকে বামে। … Read more

সিএসএস [css] Position

Position খুবি গুরুত্ত পূর্ণ প্রপার্টি। এ প্রপার্টি ব্যবহার করে একটি ইলিম্যান্ট কোথায় বসবে, তা ঠিক করে দেওয়া যায়। একটি ইলিম্যান্ট আরেকটি ইলিম্যান্ট এর উপর ওভারল্যাপিং করানো যায়। এবং কোনটা কোন ইলিম্যান্ট এর উপর হবে, তাও ঠিক করে দেওয়া যায়। একটি ইলিম্যান্ট top, bottom, left, and right ইত্যাদি কোথায় সেট করা হবে, তাই ঠিক করা হয় Position … Read more

সিএসএস [CSS] Display এবং Visibility

Visibility দিয়ে একটি ইলিম্যান্ট দেখাবে নাকি হাইড করে রাখবে, তা সেট করা যায়। অর্থাৎ এর দুটি প্রোপার্টি রয়েছেঃ visible অথবা hidden h1.hidden {visibility:hidden;}   দিলে h1 ট্যাগের ভেতরের সকল লেখা লুকানো থাকবে। এখানে h1 এর পরিবর্থে যে কোন সিলেক্টর ব্যবহার করা যেতে পারে। যেমন যে কোন Class, ID, p, img,h2 ইত্যাদি। Display  দিয়ে  একটা ইলিম্যান্ট লুকানো … Read more

সিএসএস বর্ডার, মার্জিং, প্যাডিং, আউটলাইন [CSS Box, Margin, Padding, Outline]

সিএসএস বর্ডার, মার্জিং, প্যাডিং, আউটলাইন সব গুলো একই সাথে সম্পর্ক যুক্ত। প্রতিটা এইচটিএমএল ইলিম্যান্টকে একটি বক্স আকারে চিন্তা করা যায়। এবং প্রতিটি এইচটিএমএল ইলিম্যান্টে  বর্ডার, মার্জিং, প্যাডিং, আউটলাইন ইত্যাদি প্রয়োগ করা যায়। বর্ডার, মার্জিং, প্যাডিং, আউটলাইন ইত্যাদি কি তা সহজেই একটি ইমেজের মধ্যমে বুঝতে পারি একটা একটা করে বিস্তারিত লিখছি। প্রথমেই লিখি মার্জিন [Margin] নিয়ে: মার্জিং … Read more