আমাদের অধিকাংশ পোস্ট-ই সময়ের সাথে সাথে আপডেট হতে থাকে। নিয়মিত নতুন নতুন ব্লগ লেখার যে নিয়ম সেই নিয়মের সাথে আমাদের এই পদ্ধতিটিকে ঠিক লাভজনক পদ্ধতি বলা যায় না, তবে এক্ষেত্রে আমরা লাভের চাইতে কার্যকারীতার দিকে মনোযোগী। প্রয়োজনের সময় যে জ্ঞান কাজে লাগে না, সে জ্ঞান বছরের পর বছর জমিয়ে রেখে আদতে কোন সুফল নেই। অনেক সময় দেখা যায় আমাদের অনেকের সংগ্রহেই শত শত গিগাবাইটের বিভিন্ন অনলাইন কোর্স ও ভিডিও টিউটোরিয়াল জমানো আছে। ইদানিং আবার গুগল ড্রাইভে টিউটোরিয়াল বিক্রি করার ট্রেন্ড শুরু হয়েছে। কিন্তু সেই টিউটোরিয়ালগুলো যদি আমরা না দেখি, চর্চা না করি, তাহলে শুধু জমিয়ে রেখে কি লাভ?
এই একই ঘটনা ঘটেছে আমার বুকমার্কের ক্ষেত্রে। বুকমার্ক করতে করতে লিংকের পরিমাণ এতো গিয়েছে যে প্রয়োজনের সময় মনেই থাকেই না কোথায় কোন টুলস বা লিংক সেভ করে রাখা আছে। মনে রাখা ও সময় মতো খুঁজে পাওয়ার ঝামেলা থেকে বাঁচার জন্য এবার প্রয়োজনীয় ও বাছাই করা লিংকগুলো ব্লগ পোস্ট বানিয়ে রাখলাম।
এই পর্বটি মূলতঃ ফ্রন্টএন্ড ডিজাইন ও ডেভেলপমেন্ট করার সময় কাজে লাগে এমন লিংক ও টুলসগুলো নিয়ে।
তাহলে শুরু করা যাক –
ভিস্যুয়াল স্টুডিও কোড
কোড এডিটর হিসেবে ভিস্যুয়াল স্টুডিও কোড (VS Code) অনেক জনপ্রিয় একটি এডিটর। মাইক্রোসফটের এই ফ্রি সফটঅয়্যারটির ডেস্কটপ ভার্সনের পাশাপাশি ওয়েব ভার্সনও রয়েছে কিন্তু –
vscode.dev
বুটস্ট্র্যাপ
টুইটার বুটস্ট্র্যাপ-এর মতো ফ্রেমওয়ার্কগুলো এসে রেসপন্সিভ ওয়েবসাইট ডিজাইন করার পীড়া অনেক কমিয়ে দিয়েছে –
getbootstrap.com
সিএসএস (CSS3) জেনারেটর
সিএসএস জেনারেটরগুলো ব্যবহার করতে খুব মজা লাগে আবার অনেক সময়ও বাঁচিয়ে দেয় –
simplecss.eu css3generator.com csstypeset.com Fancy border radius Glass-morphism generator এছাড়াও এসভিজি (SVG) শেপ জেনারেট করতে হলে - haikei.app
কালার স্কিম জেনারেটর
গল্প লেখার সময় ক্যারেক্টারের নাম আর ওয়েব ডেভেলপমেন্টের সময় কালার ও ফন্ট কোনটা ব্যবহার করবো এই নিয়ে সবচেয়ে বেশি যন্ত্রণায় পড়তে হয়। এইসব যন্ত্রণা থেকে মুক্তি পাওয়ার জন্য –
colorsandfonts.com coolors.co
ব্লগটি পড়ার জন্য আপনাকে ধন্যবাদ। আপনার নিজস্ব কোন সাজেশন থাকলে অবশ্যই জানাতে পারেন আমাকে। সময়ের সাথে সাথে পোস্টটি আপডেট হতে থাকবে ইন শা আল্লাহ।
