বিভাগ: ওয়েব ডিজাইন

ব্লগে গেজেট এড করুন, ব্লগকে সুন্দর রুপদিন, ব্লগ ডিজাইন

বিসমিল্লাহির রাহমানির রাহিম। আসসালামু আলাইকুম। আমি মেহেদী হাসান। কেমন আছেন সবাই? আশা করি ভাল। আমিও ভাল আছি। আজকে আমি আপনাদের সাথে যে বিষয়টা নিয়ে আলোচনা করতে হাজির হলাম সেটা হলো ব্লগের যে গেজেট অপশন আছে অর্থাৎ লে-আউট নিয়ে আলোচঅনা করব। তো চলুন আলোচনায় চলে যাই। লে-আউট লে আউট হলো যেখানে আপনি আপনার ব্লগের সকল গেজেট…

ব্লগের পেজ কি ও পেজ তৈরি করবেন যে ভাবে।

বিসমিল্লাহির রাহমানির রাহিম। আসসালামু আলাইকুম। কেমন আছেন সবাই? আমি মেহেদী হাসান। আজকে আবার হাজির হলাম নতুন একটা টিউন নিয়ে। তবে আজকে যে টিউন নিয়ে আলোচনা করতে চলেছি সেটা আপনার ব্লগের জন্য একটু গুরুত্বপূর্ণ বটে। অনেকেই আছে যারা তাদের ব্লগের এর জন্য পেজ তৈরি করতে পারেন না। আজকে সেই পেজ নিয়েই আলোচনা করতে চলেছি। আশা করি…

ব্লগার টেমপ্লেট ও ব্লগিং নিয়ে আলোচনা

বিসমিল্লাহির রাহমানির রাহিম আসসালামু আলাইকুম। কেমন আছেন টেক কমিউ্নিটি? অনেক দিন পর আজকে আবার টিউন লিখতে বসলাম। জানি না টিউনটা আপনাদের কাজে লাগবে কি না। কিন্তু যারা নতুন ব্লগার তাদের জন্য খুব উপকারে আসবে। বর্তমানে সবারই নিজের একেকটা করে ব্লগ আছে। যেখানে নিজের ইচ্ছামত টিউন করতে পারি। নিজের লেখা গুলো সবাইকে পড়ার মত করে তুলি।…

বানাতে চান নিজের একটি ওয়েবসাইট? দেখে নিন কি কি প্রয়োজন হবে।

ডোমেইন: ওয়েবসাইট বানানোর জন্য প্রথমেই প্রয়োজন হবে একটি ডোমেইন নেম এর, ডোমেইন হলো ঠিকানা, ধরুন আপনাকে যদি আমি ডাক দিতে চাই কি ভাবে ডাকবো? অবশ্যই নাম ধরে, ওয়েব সাইট নির্দিষ্ট আই্পি তে হোস্ট করা থাকে যা মনে রাখা কষ্টকর তাই সহজে মনে রাখার জন্য আইপি কে টেক্সটে্ রূপান্তর করা হয় যা ডোমেইন নামে পরিচিত। হোস্টিং:…

বানিয়ে নিন নিজের নামে একটা ওয়ার্ডপ্রেস ব্লগ সাইট পর্ব ০২

বিসমিল্লাহির রাহমানির রাহিম আসসালামু আলাইকুম। আজকে আবার হাজির হলাম “বানিয়ে নিন নিজের নামে একটা ওয়ার্ডপ্রেস ব্লগ সাইট পর্ব ০২” নিয়ে। গত পর্বে শুধু হোস্টিং সাইট নিয়ে আলোচনা করায় অনেকেই বুঝতে পারেন নাই। আজকে বুঝিয়ে দিবো কি ভাবে সাইন আপ করতে হয়। আজকের টিউটোরিয়ালে বিস্তারিত আলোচনা করা হয়েছে। আর টিউটোরিয়াল টা বেশ কয়েক দিন ধরে চলবে।…

গ্রাফিক ডিজাইন করতে গেলে আমাদের যে যে গুরুত্ত পুরনো বিষয় গুলি মাথাই রেখতে হবে।

হেলো ফ্রেন্ডস আপনারা শকলে কেনম আছেন। আমার তরফ থেকে আপনাদের মাহে রমজানের অভিনন্দন এবং শুভেচ্ছা জানাই। আমিও এক প্রকার ভালোই আছি। অনেক দিন পরে ফিরলাম টী টী তে। জাক মুল কথাই ফেরা জাক। আজ আমি লোগো ডিজাইন নেয়ে কথা বলব। আমাদের অনেকেরি ইচ্ছা আছে যে অনলিনে কেছু ইঙ্কাম করার বা কেছু উপ্রি বা এক্সট্রা তাকা…

দেখে নিন কিভাবে Jquery দিয়ে একটি background video section তৈরি করা যায়।

ওয়েব ডিজাইনার ও ডেভেলপার ভাই ও বোনদের আমার Jquery plugin’s সিরিজ টিউটোরিয়ালে স্বাগতম। জোকোয়েরি হচ্ছে জাভাস্ক্রিপ্টের একটা ফ্রেমওয়ার্ক বা ফাংশন লাইব্রেরি।এখানে শত শত ফাংশন আগে থেকেই তৈরী করা আছে যা আপনি ব্যবহার করে আপনার সাইটকে আরও প্রানবন্ত করতে পারেন।এই কাজগুলি শুধু raw জাভাস্ক্রিপ্ট ব্যবহার করেও করতে পারবেন তবে এতে অনেক বেশি কোড লিখতে হবে এবং…

দেখে নিন কিভাবে html & css দিয়ে একটি triangle shapes into content section তৈরি করা যায়।

ওয়েব ডিজাইনার ও ডেভেলপার ভাই ও বোনদের আমার Advanced Css3 সিরিজ টিউটোরিয়ালে স্বাগতম। সিএসএস কি? Cascading Style Sheet এর সংক্ষিপ্ত রূপ হচ্ছে CSS। সহজ ভাষায় ওয়েব পেজের বিভিন্ন উপাদানের গঠন, আকার, আকৃতি, অবস্থান, রং, গতিশীলতা ইত্যাদি নির্ধারণের সহজ কৌশল হচ্ছে CSS। একটা সময় ছিল যখন শুধুমাত্র HTML দিয়েই একটি ওয়েব সাইটের ডিজাইন করা হতো। সে…

দেখে নিন কিভাবে html & css দিয়ে transformed content section background তৈরি করা যায়।

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

দেখে নিন কিভাবে html & css দিয়ে একটি badge style headline তৈরি করা যায়।

ওয়েব ডিজাইনার ও ডেভেলপার ভাই ও বোনদের আমার Advanced Css3 সিরিজ টিউটোরিয়ালে স্বাগতম। এইচটিএমএল (HTML) এর অর্থ হচ্ছে Hyper Text Markup Language. এটা কোন প্রোগ্রামিং ল্যাংগুয়েজ নয়, মার্কআপ ল্যাংগুয়েজ। ওয়েব ডেভেলপার হতে হলে এই ল্যাংগুয়েজ টি সবার আগে ভালভাবে শিখতে হবে।তবে এটা শেখা খুব সহজ। এটা শিখলেই আপনি একটা ওয়েব পেজ তৈরী করতে পারবেন। এরপর…

দেখে নিন কিভাবে html & css দিয়ে একটি content section’s shadow effect তৈরি করা যায়।

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

দেখে নিন কিভাবে html & css দিয়ে একটি polygon style icon shape তৈরি করা যায়।

ওয়েব ডিজাইনার ও ডেভেলপার ভাই ও বোনদের আমার Advanced Css3 সিরিজ টিউটোরিয়ালে স্বাগতম। <h4>সিএসএস কি?</h4> Cascading Style Sheet এর সংক্ষিপ্ত রূপ হচ্ছে CSS। সহজ ভাষায় ওয়েব পেজের বিভিন্ন উপাদানের গঠন, আকার, আকৃতি, অবস্থান, রং, গতিশীলতা ইত্যাদি নির্ধারণের সহজ কৌশল হচ্ছে CSS। একটা সময় ছিল যখন শুধুমাত্র HTML দিয়েই একটি ওয়েব সাইটের ডিজাইন করা হতো। সে…

দেখে নিন কিভাবে html & css দিয়ে একটি Rotating Social Icons Border তৈরি করা যায়।

ওয়েব ডিজাইনার ও ডেভেলপার ভাই ও বোনদের আমার Advanced Css3 সিরিজ টিউটোরিয়ালে স্বাগতম। এইচটিএমল ডকুমেন্টের যেকোন এলিমেন্টকে স্টাইলিং বা একটা রুপ দিতে সিএসএস ব্যবহার হয়। একটা প্যারাগ্রাফ (<p></p>) বা হেডিং (<h1></h1>) বা যেকোন এলিমেন্ট কে ধরুন রং করতে চান, ফন্ট বড় ছোট করতে হবে, অবস্থান এক দিক থেকে অন্যদিকে নিতে হবে, ব্যাকগ্রাউন্ড রং বদলাতে হবে…

ওয়েব ডিজাইন [পর্ব-১৬] :: Some Problem Solved ভিডিও টিউটোরিয়াল

সুপ্রিও পাঠক বন্ধুরা, কেমন আছেন সবাই ? আশা করি আল্লাহর রহমতে ভালোই আছেন, আমিও আপনাদের দোয়ায় আল্লাহর রহমতে ভালো আছি, বন্ধুরা আজ  আমি আপনাদের সাথে ওয়েব ডিজাইনের উপর তৈরি করা আমার ধারাবাহিক ভিডিও টিউটোরিয়াল এর ১৬ তম পর্ব শেয়ার করলাম, আশা করছি যারা নতুন ওয়েব ডিজাইন শিখছেন তারা অনেক উপকার পাবেন। কিছু কথাঃ- আমরা বিভিন্ন সময়…

ওয়েব ডিজাইন [পর্ব-১৫] :: Add Testimonial in web page ভিডিও টিউটোরিয়াল 3

সুপ্রিও পাঠক বন্ধুরা, কেমন আছেন সবাই ? আশা করি আল্লাহর রহমতে ভালোই আছেন, আমিও আপনাদের দোয়ায় আল্লাহর রহমতে ভালো আছি, বন্ধুরা আজ  আমি আপনাদের সাথে ওয়েব ডিজাইনের উপর তৈরি করা আমার ধারাবাহিক ভিডিও টিউটোরিয়াল এর ১৫ তম পর্ব শেয়ার করলাম, আশা করছি যারা নতুন ওয়েব ডিজাইন শিখছেন তারা অনেক উপকার পাবেন।এই পর্বে আপনারা শিখতে পারবেন কিভাবে…

ওয়েব ডিজাইন [পর্ব-১৪] :: inline fancyBox jQuery plugin ভিডিও টিউটোরিয়াল

সুপ্রিও পাঠক বন্ধুরা, কেমন আছেন সবাই ? আশা করি আল্লাহর রহমতে ভালোই আছেন, আমিও আপনাদের দোয়ায় আল্লাহর রহমতে ভালো আছি, বন্ধুরা আজ  আমি আপনাদের সাথে ওয়েব ডিজাইনের উপর তৈরি করা আমার ধারাবাহিক ভিডিও টিউটোরিয়াল এর ১৪ তম পর্ব শেয়ার করলাম, আশা করছি যারা নতুন ওয়েব ডিজাইন শিখছেন তারা অনেক উপকার পাবেন।এই পর্বে আপনারা শিখতে পারবেন কিভাবে…

দেখে নিন কিভাবে Jquery দিয়ে একটি color pallate / style switcher তৈরি করা যায়।

ওয়েব ডিজাইনার ও ডেভেলপার ভাই ও বোনদের আমার Jquery plugin’s সিরিজ টিউটোরিয়ালে স্বাগতম। আজকের টিউটোরিয়ালে আপনারা দেখবেন কিভাবে আপনার ওয়েব পেজ এ একটি সুন্দর ও কার্যকরী color pallate / style switcher তৈরি করা যায়। তাই যেকোনো ওয়েব ডিজাইনার এর জন্য জেকুয়েরি জানা আবশ্যক। জেকুয়েরির বাসিক আপনি অনেক সহজেই অনলাইনের বিভিন্ন সাইট থেকে জেনে নিতে পারবেন।…

দেখে নিন কিভাবে আপনার ওয়েব পেজ এ একটি সুন্দর ও কার্যকরী image move with jquery mousemove effect তৈরি করা যায়।

ওয়েব ডিজাইনার ও ডেভেলপার ভাই ও বোনদের আমার Jquery plugin’s সিরিজ টিউটোরিয়ালে স্বাগতম। আজকের টিউটোরিয়ালে আপনারা দেখবেন কিভাবে আপনার ওয়েব পেজ এ একটি সুন্দর ও কার্যকরী image move with jquery mousemove effect তৈরি করা যায়। জোকোয়েরি হচ্ছে জাভাস্ক্রিপ্টের একটা ফ্রেমওয়ার্ক বা ফাংশন লাইব্রেরি।এখানে শত শত ফাংশন আগে থেকেই তৈরী করা আছে যা আপনি ব্যবহার করে…

কিভাবে আপনার ওয়েব পেজ এ একটি সুন্দর ও কার্যকরী portfolio overlay hover effect তৈরি করা যায় ?

ওয়েব ডিজাইনার ও ডেভেলপার ভাই ও বোনদের আমার Jquery plugin’s সিরিজ টিউটোরিয়ালে স্বাগতম । আপনারা জানেন যে jquery একটি javascript ফ্রেমওয়ার্ক । একটি ওয়েবসাইটের সৌন্দর্য  ও কার্যকারিতা বাড়ানোর জন্য বিভিন্ন প্রকার জেকুয়েরি প্লাগিনের তুলনা অপরিসিম । একটি static html পেজকে বিভিন্ন জেকুয়েরি প্লাগিন ব্যাবহার করে প্রানবন্ত করা যায় । বলা হয়ে থাকে, যে ওয়েব ডিজাইনার…

দেখে নিন কিভাবে Jquery দিয়ে একটি percent skill circle slider তৈরি করা যায় ।

ওয়েব ডিজাইনার ও ডেভেলপার ভাই ও বোনদের আমার Jquery plugin’s সিরিজ টিউটোরিয়ালে স্বাগতম । আজকের টিউটোরিয়ালে আপনারা দেখবেন কিভাবে আপনার ওয়েব পেজ এ একটি সুন্দর ও কার্যকরী percent skill circle slider তৈরি করা যায় । jQuery হলো JavaScript এর সবচেয়ে জনপ্রিয় Framework । বিভিন্ন ব্রাউজার JavaScript কে execute করে ব্রাউজারে ফলাফল প্রদর্শন করার জন্য বিভিন্ন…