আসসালামু আলাইকুম ওয়া রহমাতুল্লাহ ওয়া বারাকাতুহু। কেমন আছেন সবাই? আশাকরি সকলে খুব খুব ভালো আছেন। আজকের এই পোস্টটি শুধুমাত্র ওয়েব ডিজাইনার / ডেভোলপারদের জন্য। যারা ওয়েব ডিজাইনকে প্রফেশনাল ভাবে নিয়েছেন তাদের বিভিন্ন সাইট কোডিং করতে হয় অনেক ধ্রুত। তবে ধ্রুত কোড টাইপ করা চাট্টিখানি কথা নয়! অনেক ক্ষেত্রে ধ্রুত টাইপ করলে ভুল হয়ে যাওয়ার সম্ভাবনা থেকে যায়। তবে ওয়েব ডিজাইনে ভুলের সুযোগ নেই, তাই সবসময় সতর্ক থাকতে হয়। আজ আমি আপনাদের দেখাবো কিভাবে খুব সহজেই নোটপ্যাড++ এ এইচটিএমএল ও সিএসএস লিখা যায়।
এই জন্য প্রথমেই আপনার কাছে Notepad++ টেক্সট এডিটরটি থাকতে হবে। এটি যদি আপনার থাকে না থেকে থাকে তবে এখানে থেকে ডাউনলোড করে ইনস্টল করে নিন।
ডাউনলোড করা হয়ে গেলে জিপ ফাইলটি আনজিপ করে তার ভিতরের ফাইল গুলো আপনি যেই ফোল্ডারে নোটপ্যাড++ ইনস্টল করেছেন তার ভিতরের plugins নামক ফোল্ডারে ফাইল গুলো মুভ করুন।
ডিফল্টভাবে প্লাগিন ফোল্ডারটি এই লোকেশনে পাবেন - C:\Program Files\Notepad++\plugins
এবার নোটপ্যাড++ ওপেন করলে নিচের মত একটি নতুন ট্যাব দেখতে পাবেন। নতুন ট্যাবটি পেলেই বুঝবেন আপনার নোটপ্যাড++ এ Zen Coding ঠিক ভাবে ইনস্টল হয়েছে।
ধরুন আপনি একটি এইচটিএমএল ৫ ডকুমেন্ট ওপেন করতে চান তবে html:5 লিখে Ctrl+E চাপুন তাহলেই নিচের মত একটি এইচটিএমএল ৫ ডকুমেন্ট ওপেন হয়ে যাবে। আপনাকে আর কষ্ট করে পুরো কোডটি লিখতে হবে না।
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
ধরুন আপনি একটি html tag দিবেন আপনার ডকুমেন্টে তবে html লিখে Ctrl+E চাপুন তাহলেই নিচের মত একটি html ট্যাগ আপনার সামনে হাজির হয়ে যাবে।
<html></html>
সবগুলো কোডেরই শর্টকার্ট আছে পোস্টে সব বলা সম্ভব নয়, শর্টকার্ট গুলো দেখতে এই PDF ফাইলটি ডাউনলোড করে নিন। তারপর শর্টকার্ট গুলো ভালো ভাবে মুখস্ত করে নিন। পোস্টটি ভালো লাগলে মন্তব্য করতে ভুলবেন না, আসসালামু আলাইকুম।
আমি ফয়সাল শাহী। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 9 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 32 টি টিউন ও 82 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
কোন মানুষই পুরোপুরি ভালোও নয় খারাপও নয়। ভালো খারাপ মিলিয়েই মানুষ। যতটুকু সম্ভব ভালো হতে চাই, ভালো থাকতে চাই। ফেসবুকে আমি - www.facebook.com/mfshahi
Sublime Text is all the best.
http://net.tutsplus.com/articles/news/perfect-workflow-in-sublime-text-free-course/
valo jinish. Future a kaje lagbe. Priyo te rakhlam.
Sundor poster jonno dhonnobad
![jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব](https://dnc.techtunes.io/tDrive/tuner/2018/04/techtunes_fee81aa370998cccf57ea2d7dc08eaa8-368x207.jpg "jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব")
ধন্যবাদ আপনাকে আপনার pdf বইটা পরে ভাল লাগল !