টিউটোরিয়ালবিডি

ওয়েব ডিজাইনারদের জন্য সেরা ১৫টি মজিলা এড-অনস

হাসান যোবায়ের — Thu, 17 May 2012 11:03:50 +0000

মজিলা ফায়ারফক্স অনেক জনপ্রিয় ব্রাউজার, বিশেষ করে ওয়েব ডিজাইনার এবং ডেভলপারের মধ্যে। মজিলাতে ওয়েব ডিজাইনারদের জন্য অনেক এড-অনস রয়েছে। সেখান থেকে সেরা ১৫টি এড-অনস শেয়ার করা হলো।

1. Web Developer

ওয়েব ডেপলপারদের জন্য এই এড-অনস। একটা টুলবার থাকে যা দিয়ে অনেক কিছুই করা যাবে।

3. Window Resizer 1.0

ছবির রেজুলেশন চেক করার জন্য এড-অনটি ব্যবহার করা হয়।

4. FireShot

ওয়েব পেজের স্ক্রিনশট নেয়ার জন্য এই এড-অনটি অনেক কাজে দিবে।

5. Firebug

এই এড-অনটি ডেভলপারদের কাছে অনেক জনপ্রিয়। অনেক টুলস রয়েছে এই এড-অনটিতে।

6. Greasemonkey

অনেক ধরনের স্ক্রিপ্ট ব্যবহারের জন্য এই এড-অনটি ব্যবহৃত হয়।

7. ColorZilla

ওয়েব পেজে কি কি কালার ব্যবহার করা হয়েছে তা জানার জন্য এই এড-অনটি কাজে দিবে।

8. FireFTP

FTP সার্ভারে ফাইল আপলোড করার জন্য সাহায্য করবে এটা।

This great add-on for web developers allows you to switch back and forth from IE and Firefox layout engines with a click of a button. This permits you to test and compare how each browser renders your web pages without having to leave Firefox or install IE(vil).

10. Palette Grabber

বিভিন্ন জনপ্রিয় সফটওয়্যার যেমন ফটোশপ, গিম্প সহ সফটওয়্যার এ কালার থিম ইম্পোর্ট করা যাবে এই এড-অনটি দিয়ে।

11. Font Finder 0.5c

এই এড-অনটি দিয়ে কোন টেক্সটকে হাইলাইট করা যাবে।

12. Total Validator

HTML সহ অনেক কাজেই লাগবে এই এড-অনটি।

13. Platypus

ওয়েব পেজ মডিফাই করার জন্য অন্যতম সেরা এই এড-অনটি।

14. Dummy Lipsum

ডামি টেক্সট তৈরি করার জন্য এই এড-অনটি ব্যবহার করা যাবে।

15. Page Diff

এটা আরেকটি কাজের এড-অন।

১০টি সুপার হাই রেজুলেশন ফটো দেখুন যা আপনার মনকে ভাল করে দিতে পারে

হাসান যোবায়ের — Wed, 16 May 2012 17:03:37 +0000

1. Earth

রাশিয়ান ওয়েদার স্যাটেলাইট Elektro-L No. 1 থেকে তোলা এই ছবিটি তুলেছে নাসা। ১২১ মেগা পিক্সেলের এই শটটি নেয়া হয়েছে প্রায় ২২,৩৬৯ মাইল দূর থেকে!

2. Prague

অন্যতম বড় এই প্যারানোমা ছবিটি তোলা হয়েছে প্যারাগুয়ে টিভি টাওয়ার থেকে। এই ইমেজ ১৯২,০০০ পিক্সেল ওয়াইড, এবং ৯৬০০০ পিক্সেল লম্ভা আর টোটাল হলো ১৮.৪ গিগা পিক্সেল।

3.Shanghai Skyline

এটা আরেকটি সুন্দর ছবি। এই ইমেজ হলো ২৭২.৩১ গিগাপিক্সেল।

4. Rio de Janeiro

বর্তমান ডিজিটাল ফটোর মধ্যে এটা অন্যতম বিশাল একটি ছবি এটি। এটা প্রায় ০.১৫ টেরাপিক্সের ছবি। লিঙ্ক অনুযায়ী গিয়ে দেখুন কতটা গভীর পর্যন্ত দেখা যায়।

5. Washington D.C.

এই ছবিটি ১.৪৭ গিগাপিক্সেলের।

6. Space Shuttle Discovery

ন্যাশনাল জিওগ্রাফিকের তোলা এই ছবিটি ২.৭৪ গিগাপিক্সেলের।

7. Vancouver

এই ইমেজটি তোলা হয়েছে অলিম্পিক গেমসের সময় তোলা হয়েছে।

8. Bryce Canyon National Park

এটা তোলা হয়েছে মাত্র ৬ মেগা পিক্সেল ডিজাটাল ক্যামেরা দিয়ে! তবে এখানে রয়েছে ১৯৬ ফটো একত্রে যার টোটাল পিক্সেল সংখ্যা হয় ১ গিগা পিক্সেল থেকেও বেশি!

9. Machu Picchu

এই ছবিটি ৪ গিগাপিক্সেলের।

10. Galapagos

এই ছবিটি প্রায় এক গিগা পিক্সেলের অর্ধেক।

এটা আসলেই অকল্পনীয় বর্তমানে DSLRs এর কেমন ক্ষমতা। দিনে দিনে মেগা পিক্সেল সংখ্যা বৃদ্ধি পাচ্ছে। এই সব ছবিগুলো অনেক কাছ থেকে জুম করে দেখতে পারবেন কোন সমস্যা ছাড়াই। অনেক ক্ষুদ্র দাগও চোখে দেখা যাবে।

ভবিষ্যত ক্যামেরা প্রযুক্তি কেমন হতে পারে বলে আপনার ধারণা? মন্তব্য করে জানান।

পিএইচপি অনুশীলন ৬ – ভেরিয়েবল যুক্ত করার বিশেষ পদ্ধতি

অসীম কুমার — Wed, 16 May 2012 01:51:45 +0000

ডাইনামিক এবং ইন্ট্রাকটিভ ওয়েব সাইট তৈরির জন্য PHP একটা শক্তিশালি ল্যাঙ্গুয়েজ। PHP কে বলা হয় Hypertext Preprocessor। ওপেন সোর্স জেনারেল পারপোজ স্ক্রিপ্টিং ল্যঙ্গুয়েজ হিসেবে PHP ব্যাপকভাবে ব্যবহৃত হচ্ছে, বিশেষ করে ওয়েব ডেভলপমেন্টে এর জুরি নেই। ডাইনামিক ওয়েব সাইট তৈরির ক্ষেত্রে PHP আজ জনপ্রিয়তার শীর্ষে উঠে এসেছে। এছাড়া PHP ওয়েবে তথ্য সংরক্ষণের ক্ষেত্রে সর্বোচ্চ নিরাপত্তা প্রদান করে।হয়।এছাড়াও PHP এর সাথে MySql ডাটাবেজ সংযুক্ত করে যে কোন ওয়েব সাইটকে অনেক বেশি ব্যবহার বান্ধব করা সম্ভব হয়।তাই একজন ভাল মানের ওয়েব ডেভলপার হিসেবে নিজেকে তৈরি করার জন্য PHP শেখার বিকল্প নেই।

আমরা প্রজেক্ট ভিত্তিক টিউটোরিয়ালের মাধ্যমে PHP এর গুরুত্বপূর্ণ বিষয় গুলোকে আকর্ষণীয় ভাবে উপস্থাপন করার চেষ্টা করব, যেন যে কেউ খুব সহজেই PHP তে দক্ষতা অর্জন করতে পারেন।সকলের সার্বিক সহযোগিতা কমণা করছি।

……………………………………………………………………

ধারাবাহিক পিএইচপি টিউটোরিয়ালের ৬ষ্ঠ পর্ব পি এইচ পি অনুশীলন ৫ – ভেরিয়েবল যুক্ত করার পদ্ধতি তে আমরা পিএইচ পি তে ভেরিয়েবল যুক্ত করার পদ্ধতি দেখেছি। আজ আমরা পিএইচ পি তে ভেরিয়েবল যুক্ত করার ক্ষেত্রে যে বিষয় সমূহ বিবেচনা করতে হয় তা নিয়ে আলোচনা করব।

পি এইচ পি তে বিভিন্ন উপায়ে ভেরিয়েবল ঘোষনা করা যায়। কিছু বাড়তি সুবিধা পাবার জন্য ভেরিয়েবল ঘোষনা করার ক্ষেত্রে বেশ কিছু বিষয় বিবেচনায় আনতে হয়। কিছু ভেরিয়েবলের উদাহরণ বিশ্লেষণ করা যাক।

$var, $Var, $helloWorld, $hello_world, $hello-world, $helloworld, $_helloworld, $__helloworld যদিও উদাহরণের সবগুলো ভেরিয়েবলই পি এইচ পি তে ব্যবহার করতে কোন বাধা নেই, কিন্তু $hello-world এবং $__helloworld আমাদেরকে বিভ্রান্ত করতে পারে।$hello-world এতে ড্যাস চিহ্ন না বিয়োগ চিহ্ন ব্যবহার করা হয়েছে তা একবার দেখে বলা কঠিন।$__helloworld এর ক্ষেত্রে দুটি আন্ডারস্কোর ব্যবহার করা হয়েছে ইহাও একবার দেখে বোঝা কঠিন। তাই $var, $hello_world, $helloworld, $_helloworld এর অনুরূপ ভেরিয়েবল ব্যবহার করা উচিৎ।

আজকের প্রজেক্ট



www.tutorialbd.com 


";
$web_site="www.tutohost.com";
echo $web_site;
echo "
";
$web_Site="We are relaibale Bangladeshi hosting provider. The world wide technical and support team is working for your best movement. We are dedicated with client requrement.";
echo $web_Site;
echo "
";
echo "
";
$num=459;
echo $num;
?>

উপরের কোডটুকু একটা নোটপ্যাডে লেখার পর নোটপ্যাডের File মেনুতে ক্লিক করে Save as এ ক্লিক করার পর File name এ Variable.php দিয়ে Save as type এর ড্রপ ডাউন হতে All files সিলেক্ট করার পর Save এ ক্লিককরে Save করতে হবে।

index.php ফাইলটিকে ব্রাউজারের মাধ্যমে প্রদর্শন করার পূর্বে Variable.php ফাইলটিকে C:\xampp\htdocsঅর্থাৎ htdocs ফোল্ডারের মধ্যে রাখতে হবে। ব্রাউজারের Variable.php মাধ্যমে প্রদর্শন করার পূর্বে আমাদের নিশ্চিৎ হয়ে নিতে হবে xampp অর্থাৎ Apachi সার্ভার Running অবস্থায় আছে।

xampp Running অবস্থায় থাকলে first.php ফাইলটি ব্রাউজারে দেখানোর জন্য এড্রেস বারে লেখতে হবে http://localhost/variable.php ।

তাহলে ব্রাউজারে নিচের ছবির মত দেখাবে।

প্রজেক্ট সম্পর্কে কিছু কথা

$num=25; প্রকাশ করে num নামে একটা ভেরিয়েবল ঘোষণা করা হয়েছে।

echo $num; প্রকাশ করে num নামে তৈরি ভেরিয়েবল এর মান 25 ব্রাউজারে প্রদর্শন করবে।

echo “
”; প্রকাশ করে ব্রাউজারে প্রদর্শনের সময় একটা লাইন ব্রেক হবে।

$web_site=”

www.tutohost.com>”; এখানে $web_site ভেরিয়েবলটিতে নামের S টি lower-case ব্যবহার করা হয়েছে ।

echo $web_site; প্রকাশ করে web_site নামে তৈরি ভেরিয়েবল এর মান হিসেবে প্রদত্ত স্ট্রিং www.tutohost.com লেখাটি ব্রাউজারে প্রদর্শন করবে।

$web_Site=”We are relaibale Bangladeshi hosting provider. The world wide technical and support team is working for your best movement. We are dedicated with client requrement.”; এখানে $web_Site ভেরিয়েবলটিতে নামের S টি Uper-case ব্যবহার করা হয়েছে।

echo $web_Site; প্রকাশ করে $web_Site নামে তৈরি ভেরিয়েবল এর মান হিসেবে প্রদত্ত স্ট্রিং We are relaibale Bangladeshi hosting provider. The world wide technical and support team is working for your best movement. We are dedicated with client requrement. লেখাটি ব্রাউজারে প্রদর্শন করবে। আমরা এতক্ষণে বুঝে গিয়েছি যে PHP তে ভেরিয়েবল এর case-sensitive হয়।

$num=459; সর্ব প্রথমে আমরা num নামে একটা ভেরিয়েবল ঘোষণা করে মান দিয়েছিলাম 25 , এখন আমরা এটার মান দিয়ে দিচ্ছি 459 ।

echo $num; প্রকাশ করে num নামে তৈরি ভেরিয়েবলের এর নতুন মান 459 ব্রাউজারে প্রদর্শন করবে। অর্থৎ একই নাম ব্যবহার করে বিভিন্ন পর্যায়ে একাধিক ভেরিয়েবল ঘোষণা করলে ভেরিয়েবলের সর্বশেষ মানটি ব্রাউজারে প্রদর্শিত হবে।

………………………………………………………………………………..

জ্ঞন বিজ্ঞানের সংস্পর্শে আলোকিত একটা সুন্দর সমৃদ্ধ পৃথিবীর প্রত্যাশায় আজ এখানেই শেষ করছি। সকলের জন্য শুভকামনা রইল।

বাড়িয়ে নিন আপনার ফেসবুক পেজের লাইক খুব সহজে।

sharif2bd — Tue, 15 May 2012 13:14:18 +0000

আমরা সবাই ফেসবুক এর সাথে পরিচিত। খুব কমই আছেন যারা ফেসবুক ব্যবহার করেন না। অনেকের আবার এক বা একাধিক ফেসবুক ফ্যান পেজ আছে। কিন্তু পেজে লাইক পাওয়া দুরুহ ব্যাপার। আবার আমরা অনেকেই বিভিন্ন আউটসোর্সিং সাইটে কাজ করি সেখানে হারহামেশাই লাইক এর কাজ পাওয়া যায়। কিন্তু লাইক পাওয়া মোটেও সহজ নয়।

আজ আপনাদের আমি এমন একটি সাইটের সাথে পরিচয় করিয়ে দেব, যেটার মাধ্যমে আপনি ফেসবুকের পেজের লাইক পাবেন সহজেই। এটা অনেকটা বিনিময়ের মত। মানে আপনি যতগুলো লাইক করবেন ততগুলো লাইক পাবেন। আপনি লাইক এর মাধ্যমে কয়েন অর্জন করবেন আবার সেই কয়েন এর বিনিময়ে আপনার পেজের লাইক পাবেন। সহজ হিসাব।

তো চলুন শুরু করা যাক ধাপে ধাপে……

ধাপ:১:

প্রথমেই আপনাকে সাইটে সদস্য হতে হবে, এই জন্য এইখানে GetYourLikes এখানে গিয়ে রেজিস্ট্রেশন করুন্ নতুন একটা অফার চলছে সেটা হল রেজিস্ট্রেশন করলেই ২০০ কয়েন, দেরী না করে লুফে নিন।

রেজিস্ট্রশন সঠিকভাবে সম্পন্ন হলে আপনার ইমেইল এ একটিভ লিংক যাবে সেটাতে ক্লিক করে আপনার একাউন্ট একটিভ করে নিন।

ধাপ ২

এবার আপনার কয়েন অর্জনের পালা

এজন্য মেনুতে Earn coin –> Facebook এ ক্লিক করুন তাহলেই পেজের তালিকা চলে আসবে.. শুধু লাইক বাটনে চাপতে থাকুন আর পয়েন্ট অর্জন করতে থাকুন। কোন পেজর জন্য কত পয়েন্ট/কয়েন পাবেন সেটা পেজের নীচেই লেখা আছে।

ধাপ ৩:

পয়েন্ট তো অর্জন হল এবার চলুন সেই পয়েন্ট খরচ করে নিজের ফ্যানপেজ এর লাইক বাড়িয়ে নেই। এ জন্য প্রথমেই আপনাকে আপনার ফ্যানপেজেটি এড করতে হবে।

বামের মেনু থেকে Add Site এ ক্লিক করুন।

এবার যে পেজ টি আসবে সেখানে উপর থেকে Facebook সিলেক্ট করুন।
১. এখানে আপনার ফ্যানপেজের ইউআরএলটি লিখুন
২. এখানে পেজের টাইটেল লিখুন
৩. আর প্রতি লাইকের জন্য কত পয়েন্ট দিবেন সেটা দিন। (১০-১২ দেয়াটাই মনে হয় উত্তম)
এবার Add Site এ ক্লিক করে সেভ করুন।

এবার আপনার কাজ হল আপনার এড করা পেজে আপনার অর্জিত কয়েন সেট করা। এই জন্য My Site এ ক্লিক করে উপর থেকে Facebook এ ক্লিক করলেই আপনার এড করা পেজের নাম দেখতে পারবেন।

এবার Add Coin এ ক্লিক করুন

এবার কত পয়ন্টে সেট করবেন সেই সংখ্যাটি লিখুন। তারপর সেভ করুন। আপনার কাজ শেষ এবার অন্যরা আপনার পেজ লাইক করবে আর কয়েন অর্জ করবে তার বিনিময়ে আপনি পাবেন আপনার কাঙ্খিত লাইক।

আর আপনিও লাইক করে কয়েন অর্জন করতে থাকুন।

বিঃদ্রঃ কয়েন অর্জনের আরেকটি সহজ উপায় হল রেফারেল সাইন আপ। আপনার রেফারে একজন সদস্য হলেই আপনি পাবেন ৫০ কয়েন।
এভাবে পয়েন্ট অর্জন করা বেশি সহজ।

আপনার রেফার লিংক পাওয়ার জন্য Promote Site এ ক্লিক করলেই পেয়ে যাবেন। ধন্যবাদ। সবাই ভালো থাকবেন।

ছবি অপটিমাইজড করার জন্য অসাধারণ ৮টি টুলস

হাসান যোবায়ের — Sun, 13 May 2012 14:22:15 +0000

পেজ রেসপন্স টাইম কমানোর জন্য আপনার সাইটের ইমেজ অপটিমাইজড করা অত্যাবশ্যক। তাই ইমেজ যতটা পারা যায় ততটা সাইজ কমানো উচিত। ইমেজ অপটিমাইজড করলে শুধু আপনার সাইট গতি সম্পন্নই করবে না সাথে সাথে হোস্টিং বিলও কম হবে।

অনেক রকম ফ্রী টুল রয়েছে তবে এখানে ইউজার ফ্রেন্ডলি টুলের সাথে পরিচয় করিয়ে দেয়া হলো।

1. smush.it!

এই টুলটি মজিলা এড-অন্স বা সিম্পল ওয়েব বেজড এপস হিসেবে পাওয়া যাবে। এটা অনেক ধরনের ফরম্যাট সাপোর্ট করে আর অটোমেটিক PNGs ফরম্যাটে কনভার্ট করে।

2. RIOT

এটাও অনেক ধরনের ফরম্যাট সাপোর্ট করে। ইমেজ সাইজ কমানোর পাশাপাশি কিছু ব্যসিক টুল রয়েছে যেমন, প্যান,জুম, রোটেট ইত্যাদি।

3. PNGOUT

এই টুলটি আপনার ইমেজের কোয়ালিটি নষ্ট না করেই অপটিমাইজড করতে পারে। এটার রয়েছে কিছু অপশন যা দিয়ে আপনার ফাইলের কম্প্রেস সেটিং কাস্টোমাইজড করা যাবে।

4. Online Image Optimizer

এই অনলাইন ইমেজ অপটিমাইজার থেকে খুব সহজেই ইমেজ অপটিমাইজড করা যাবে। এমনকি ইমেজের লিঙ্ক দিয়েও ইমেজ অপটিমাইজ করা যাবে এবং আপনার পিসি থেকেও আপলোড করা যাবে।

5. SuperGIF

এই টুল উইন্ডোজ এবং ম্যাকের জন্যেও রয়েছে। ড্রাগ এবং ড্রপ করে ইমেজ অপটিমাইজ করা ছাড়াও রয়েছে ৫০% কম্প্রেস করার সুবিধা। এটা কমার্সিয়াল ভার্শনও রয়েছে।

6. PNGGauntlet

এটাও বেশ কাজের টুল।

7. PNGCrushrrr

এটা ম্যাকের জন্য একটি ফ্রী টুল। পিক অপটিমাইজ করার পরেও আসল ফাইল সেভ থাকে তাই অপটিমাইজড করার পরেও আপনি পার্থক্য করতে পারবেন দুটি ফাইলের মাঝে।

8. SuperPNG

এটা ফটোশপের জন্য একটি ফ্রী প্লাগ ইন। ব্যবহার করেই দেখুন এর ফিচার।

আপনি কোন টুল ব্যবহার করেন? মন্তব্য করে জানান।

মাল্টি মনিটর কম্পিউটার সেট আপের জন্য ৫টি ফ্রী টুলস

হাসান যোবায়ের — Fri, 11 May 2012 15:06:15 +0000

ডেভলপার বা ডিজাইনার হিসেবে কাজ করতে গেলে অনেক সময়ই মাল্টি মনিটরের দরকার হয় যাতে একাধিক স্ক্রিন পাওয়া যায় এবং হাই প্রডাক্টিভিটি কাজ করতে সাহায্য করে। ধরা যাক এক স্ক্রিনে আপনার কাজের জন্য আর অন্য আরেক স্ক্রিনে ই-মেইল, স্কাইপ সহ অন্য সব এপস সহজেই মনিটর করা যাবে।

এখানে কিছু ফ্রীওয়ার আর ওপেন সোর্স সফটওয়্যার শেয়ার করা হলো যা দিয়ে মাল্টি ডিসপ্লে সেট আপ করা যাবে খুব সহজেই।

Synergy

এটা এমন একটা ওপেন সোর্স সফটওয়্যার যা দিয়ে মাল্টি-মনিটরে মাউস এবং কীবোর্ডের সাহায্যে কাজ করা যাবে। মাউস কার্সর এক ডিসপ্লে থেকে অন্য ডিসপ্লেতে নেয়া যাবে খুব সহজেই। অনেক সময় পাসওয়ার্ড লাগে স্ক্রিন সেভার মুডের পর তখন একবার পাসওয়ার্ড দিলেই সব ডিসপ্লেতে একটিভ হয়ে যাবে।

Input Director

এটা নেটওয়ার্ক কম্পিউটার এর জন্য এবং যার পিসি এবং ল্যাপটপ এক সাথে চালানোর দরকার হয় তাদের জন্য কাজে লাগবে।

UltraMon

এটা এক সাথে ১০টি মনিটর সাপোর্ট করে! এই সফটওয়্যার দিয়ে প্রত্যেক মনিটরের জন্য আলাদা সেটিংস যেমন, রেজুলেশন, ওয়ালপেপার, টাস্কবার সেটিংস সহ অনেক কিছু অপটিমাইজড করা যাবে। আপনি এটা দিয়ে ইচ্ছা করলে যে কোন মনিটর অফ করতে পারবেন।

Multi Monitor Mouse (M³)

অনেক মনিটরের একটা সমস্যা হলো মাউসের কার্সর সরানো আর সেই সমস্যার সমাধান এই সফটওয়্যার। এটা দিয়ে খুব সহজেই কার্সর সরানো যায়। এটা মাউসের ৩০% স্পিড বাড়ায়।

MultiMon Taskbar

এটাতে ইউনিক টাস্কবার রয়েছে যা দিয়ে মাল্টি স্ক্রিন খুব সহজেই অপটিমাইজড করা যাবে। এছাড়াও মাল্টি ক্লিপবোর্ড রয়েছে যা দিয়ে মাল্টি ডিসপ্লেতে কাজ করা যাবে। নেটওয়ার্ক কম্পিউটারে ব্রিজের মত কাজ করবে।

আপনি কি মাল্টি মনিটর ব্যবহার করেন? নাকি করবেন? আপনার মতামত জানান।

৩০টি পোর্টফোলিও ওয়েবসাইট দেখুন যা আপনাকে অনুপ্রেরণা দিবে

হাসান যোবায়ের — Wed, 09 May 2012 14:06:36 +0000

বর্তমান সময়ের অন্যতম ট্রেন্ড হলো নিজের একটা পোর্টফোলিও সাইট থাকা যা থেকে নিজের ক্রিয়েটিভ কাজ সম্পর্কে অন্যকে খুব সহজেই জানানো যায়। এখন পোর্টফোলিও সাইট বেশ জনপ্রিয় হচ্ছে দিন দিন।

আপনার অনলাইন বা অফলাইন কাজকে ডিসপ্লে করবে পোর্টফোলিও সাইট। পোর্টফোলিও সাইটের অন্যতম ইফেক্টিভ ফিচার হলো আপনি কন্টেন্ট কেমন সেটআপ করতে পারেন তা জানানো।

এই পোস্টে ৩০টি গ্রেট পোর্টফোলিও সাইট সম্পর্কে ধারনা পাবেন যা থেকে আপনি নিজের জন্য অনুপ্রেরণা পাবেন।

1. Eleven Made

2. Jessica Caldwell

3. Buero Buero

4. Thuy Truc

5. Igor Zagnienski

6. DB Works

7. Andy Mangold

8. Alexander Munk

9. Mickaël Larchevêque

10. Fuzzco

11. Claire Coullon

12. Irving & Co

13. Ignacio Macri

14. Face. Works.

15. Kyle Thacker

16. Nemeth Interactive

17. Sam Dallyn

18. Manual

19. Yaron Schoen

20. The Touch Agency

21. Neuarmy

22. Jean-philippe Gams

23. Float Left

24. HAUS

25. Socket Studios

26. Carbure

27. Aquiesdonde

28. Paul Robert Lloyd

29. zync

30. Kenneth Cachia

সবার জন্য মাইক্রো জব ফ্রিল্যান্সিং

hihello — Tue, 08 May 2012 14:26:50 +0000

ডাটা এন্ট্রি কাজ যারা করেন তারা ভালভাবেই জানেন যে একটি ডাটা এন্ট্রি কাজ পাওয়া কতটা কঠিন। কম্পিউটারের সাধারণ ব্যবহার জানলেই এ ধরনের কাজ করা যায়। এজন্য প্রায় প্রতিটি মার্কেটপ্লেসে এক একটি ডাটা এন্ট্রি প্রজেক্ট করতে শত শত আবেদন পড়ে। এদের মধ্য থেকে সুনির্দিষ্ট একজনকে বেছে নিতে ক্লায়েন্টদেরকে স্বীদ্ধান্তহীনতায় ভুগতে হয়। প্রথম কাজ পেতে কয়েক সপ্তাহ থেকে শুরু করে কয়েক মাসও লেগে যেতে পারে।আজকে যে ওয়েবসাইটের সাথে পরিচয় করিয়ে দিব তাতে কাজ করার জন্য কোন বিড বা আবেদন করতে হয় না। অর্থাৎ ইচ্ছে করলে এই মূহুর্ত থেকে কাজ শুরু করে দেয়া যায়। আর কাজগুলোও অত্যন্ত সহজ।সাইটটি হচ্ছে www.Minuteworkers.com

এক একটি কাজ করতে ৫ থেকে ৩০ মিনিট সময় লাগে। প্রতিটি কাজের মূল্য ০.১০ ডলার থেকে শুরু করে সর্বোচ্চ ১.৭৫ ডলার পর্যন্ত হয়ে থাকে। সাইটে প্রতিদিনই নতুন নতুন কাজ আসে।

কাজের প্রকারভেদ:
এবার দেখা যাক সাইটে কি কি ধরনের কাজ পাওয়া যায় এবং সেগুলোর মূল্য সাধারণত কত হয় -

* Click and Search ($0.10 – $0.15): এ ক্ষেত্রে ক্লায়েন্ট একটি সাইটের লিংক দিবে, যাতে ভিজিট করে নির্দিষ্ট কিছু শব্দ দিয়ে সার্চ করতে হবে। সব শেষে ক্লায়েন্টের বর্ণনা অনুযায়ী এক বা একাধিক বিজ্ঞাপনে ক্লিক করতে হবে।
* Bookmark a page ($0.10 – $0.20): ক্লায়েন্টের কোন একটি সাইটকে অন্য একটি সাইটে বুকমার্ক করতে হবে। এ ধরনের বুকমার্ক সাইটের মধ্যে রয়েছে digg.com, delicious.com বা mixx.com, যা ক্লায়েন্ট কাজের বিবরণীতে উল্লেখ করে দিবে। বুকমার্ক করার পূর্বে ওই সাইটে আপনার একটি একাউন্ট থাকতে হবে।
* Signup ($0.10 – $0.20): এক্ষেত্রে নির্দিষ্ট কোন সাইটে রেজিষ্ট্রেশন করতে হবে। রেজিষ্ট্রেশন করার সময় আপনার ইমেইল ঠিকানা দিতে হবে। এ ধরনের কাজ করার জন্য নিজের ব্যক্তিগত ইমেইল ঠিকানা দেয়া ঠিক হবে না। এজন্য পৃথক একটি ইমেইল একাউন্ট খুলে সেটি দিয়ে রেজিষ্ট্রেশন করা উচিৎ। অন্যথায় স্পাম ইমেইলের কারণে আপনার দরকারী ইমেইল খোঁজে পাবেন না।
* Comment on other blog ($0.10 – $0.15): এই কাজে ক্লায়েন্টের ওয়েবসাইটে গিয়ে এক বা একাধিক মন্তব্য দিতে হবে। মন্তব্যগুলো সাধারণত দুই-এক লাইনের হবে এবং ওই ওযেবসাইটের বিষয়বস্তুর সাথে স্বামঞ্জস্যপূর্ণ হতে হবে।
* Forums ($0.10 – $0.15): এ ধরনের কাজের জন্য কোন একটি ফোরামে রেজিষ্ট্রেশন করতে হবে এবং Signature হিসেবে ক্লায়েন্টের কোন ওয়েবসাইটের লিংক দিতে হবে। এরপর ওই ফোরামের এক বা একাধিক পাতায় স্বামঞ্জস্যপূর্ণ মন্তব্য পোস্ট করতে হবে।
* Facebook ($0.15 – $0.20): এ ধরনের কাজের মধ্যে রয়েছে ক্লায়েন্টকে ফেসবুকে বন্ধু হিসেবে গ্রহণ করা বা ক্লায়েন্টের Fan হওয়া অথবা কোন নির্দিষ্ট বিষয়ে আপনার Wall এ পোস্ট করা।
* Twitter ($0.15 – $0.20): এক্ষেত্রে twitter.com এ একটি একাউন্ট থাকতে হবে এবং ক্লায়েন্টের একাউন্টকে Follow করতে হবে অথবা নিদিষ্ট কোন বিষয়ে পোস্ট করতে হবে।

ইচ্ছে করলে এই মূহুর্ত থেকে কাজ শুরু করে দেয়া যায়।

নেভিগেশন বার তৈরি করুন খুব সহজেই

অসীম কুমার — Sat, 05 May 2012 05:12:12 +0000

আপনি যদি একজন ভালো ওয়েব ডিজাইনার হতে চান তাহলে আপনাকে ভালো গ্রাফিক্স ডিজাইন জানার পাশাপাশি HTML, CSS, Javascript এবং jquery জানতে হবে। একটা ভালো ডিজাইনের টেমপ্লেট তৈরির ক্ষেত্রে নেভিগেশনের ফাংশন এবং এর ডিজাইন খুবই গুরুত্ব সহকারে বিবেচনা করতে হয়। যে কেউ সমান্য চেষ্টা করলেই খুব সহজেই HTML, CSS শিখতে পারেন, আর একটু সময় নিয়ে Javascript এবং jquery শিখতে পারলে খুব ভালো টেমপ্লেট ডিজাইন করা যায়। আজ আমরা শুধুমাত্র HTML এবং CSS দিয়েই একটা সহজ কিন্তু সুন্দর নেভিগেশন বার তৈরির চেষ্টা করব।

একবার দেখে নেয়া যাক আমাদের তৈরি নেভিগেশন বারটি দেখতে কেমন হবে।

আমাদের নেভিগেশন বারটি তৈরি করতে তিনটি সরু ইমেজের প্রয়োজন হবে, ইমেজ তিনটি এখান থেকে ডাউনলোড করুন। Zip ফাইলটি Extract করলে images নামে একটা ফোল্ডার পাওয়া যাবে।nav নামে নতুন একটা ফোল্ডার তৈরি করে images নামের ফোল্ডারটা এর মধ্যে রাখতে হবে।

প্রয়োজনীয় HTML CODE

Navigation bar

প্রয়োজনীয় CSS CODE

*{margin:auto; padding:auto;}

body { background: #C99}

#navigation{background:url(images/navigation.png) repeat-x;

margin-top:20px;

width:650px;

height:40px;

font-family:Tahoma;

font-size:14px;

}

#navigation ul {

list-style-type:none;

margin-left:auto;}

#navigation ul li {

float:left;

background: url(images/border.png) no-repeat;

background-position:right;

}

#navigation ul li a {

padding:10px 28px 10px 20px ;

display:block;

text-decoration:none;

text-align:center;

color: #F69;

font-weight:bold;

}

#navigation ul li a:hover {

background: url(images/navov.png) repeat-x;

padding:10px 27px 13px 19px ;

margin:0px 1px 0px 1px;

color:#F3C;

}

#home{background:url(images/border.png) left no-repeat;}

আমরা যদি CSS CODE কে এক্সটার্নাল স্টাইল শীটে রাখতে চাই তাহলে,

HTML Code এর ……… এর মধ্যে

যুক্ত করতে হবে।

এরপর একটা Notepad Open করে উপরের HTML Code টুকু লিখে File মেনু থেকে Save as এ ক্লিক করে File name হিসেবে index.html দিয়ে, Save as type হিসেবে All files সিলেক্ট করে এবং Encoding:UTF-8 দিয়ে এরপর Save বাটনে ক্লিক করতে হবে।

অনুরূপভাবে CSS code টি style.css নামে Save করতে হবে। index.html এবং style.css file দুটিকেই nav folder টির মধ্যে রাখতে হবে।

আমরা যদি আমরা যদি CSS CODE কে এমবেডেড স্টাইল শীটে রাখতে চাই তাহলে, নিচের কোডের মত HTML code এর ………ট্যাগের মধ্যে ট্যাগ যুক্ত করে তার মধ্যে CSS CODE লেখতে হবে।

HTML এ এমবেডেড CSS CODE

Navigation bar

সর্বশেষে index.html নামে save করে Mozilla firefox দিয়ে open করলে নিচের মত দেখাবে।

স্যামসাং রিলিজ করলো Galaxy S III

হাসান যোবায়ের — Fri, 04 May 2012 05:30:55 +0000

কয়েক মাস ধরে গুজবের পর এখন অফিসিয়ালি স্যামসাং গ্যালাক্সির নতুন সদস্য Galaxy S III রিলিজ করেছে। গত বৃহস্পতিবার এন্ড্রয়েড চালিত এই সেটটি লন্ডনে একটি ইভেন্টের মাধ্যমে রিলিজ করা হয়।

এই ফোনের রয়েছে ৪.৮ ইঞ্চি টাচ স্ক্রিন, ৮ মেগাপিক্সেল ক্যামেরা সামনে এবং ১.৯ মেগাপিক্সেল ক্যামেরা পিছনে আর এন্ড্রয়েডের লেটেস্ট ভার্শন আইস ক্রিম স্যান্ডউইচ তো রয়েছেই!

Galaxy S III এর রয়েছে সুপার এমোলেড এইচডি (১২৮০x৭২০) স্ক্রিন এবং কালার দিবে সব থেকে পরিস্কার।

নতুন একটি ফিচার হলো ‘Smart Stay’ যা হলো ফোন আপনার ভয়েস এবং নড়াচড়া চিহ্নিত করতে পারবে ফলে আপনি ই-বুক পড়ার সময় বা নেট ব্রাউজ করার সময় ফোন কিভাবে রাখেন তা মনে রাখবে এবং পরেরবার ফোনের স্ক্রিন ঐভাবেই থাকবে।

আপনি যদি কাউকে ম্যাসেজ করার সময় সিদ্ধান্ত নেন তাকে কল দিবেন তাহলে তাহলে ফোন জাস্ট আপনার কানে লাগালেই অটো তার কাছে কল চলে যাবে।

চলুন দেখে নেই কিছু ছবি।

Galaxy S III

টিউটোরিয়ালবিডি

ওয়েব ডিজাইনারদের জন্য সেরা ১৫টি মজিলা এড-অনস

1. Web Developer

2. SeoQuake

3. Window Resizer 1.0

4. FireShot

5. Firebug

6. Greasemonkey

7. ColorZilla

8. FireFTP

9. IE Tab

10. Palette Grabber

11. Font Finder 0.5c

12. Total Validator

13. Platypus

14. Dummy Lipsum

15. Page Diff

১০টি সুপার হাই রেজুলেশন ফটো দেখুন যা আপনার মনকে ভাল করে দিতে পারে

পিএইচপি অনুশীলন ৬ – ভেরিয়েবল যুক্ত করার বিশেষ পদ্ধতি

www.tutohost.com

বাড়িয়ে নিন আপনার ফেসবুক পেজের লাইক খুব সহজে।

ছবি অপটিমাইজড করার জন্য অসাধারণ ৮টি টুলস

1. smush.it!

2. RIOT

3. PNGOUT

4. Online Image Optimizer

5. SuperGIF

6. PNGGauntlet

7. PNGCrushrrr

8. SuperPNG

মাল্টি মনিটর কম্পিউটার সেট আপের জন্য ৫টি ফ্রী টুলস

Synergy

Input Director

UltraMon

Multi Monitor Mouse (M3)

MultiMon Taskbar

৩০টি পোর্টফোলিও ওয়েবসাইট দেখুন যা আপনাকে অনুপ্রেরণা দিবে

1. Eleven Made

2. Jessica Caldwell

3. Buero Buero

4. Thuy Truc

5. Igor Zagnienski

6. DB Works

7. Andy Mangold

8. Alexander Munk

9. Mickaël Larchevêque

10. Fuzzco

11. Claire Coullon

12. Irving & Co

13. Ignacio Macri

14. Face. Works.

15. Kyle Thacker

16. Nemeth Interactive

17. Sam Dallyn

18. Manual

19. Yaron Schoen

20. The Touch Agency

21. Neuarmy

22. Jean-philippe Gams

23. Float Left

24. HAUS

25. Socket Studios

26. Carbure

27. Aquiesdonde

28. Paul Robert Lloyd

29. zync

30. Kenneth Cachia

সবার জন্য মাইক্রো জব ফ্রিল্যান্সিং

নেভিগেশন বার তৈরি করুন খুব সহজেই

স্যামসাং রিলিজ করলো Galaxy S III

Multi Monitor Mouse (M³)