Last night I added a ajax tab widget in my blog. Actually I reused my code for amaderprojukti forum . Now my blog loading time is half. Hope I will release this the whole coed or will try to make widget so that every body can use it. See the screenshot bellow.
Update: 06.09.08
Just changed the js code for checking the dom ready event.
I was trying to make new theme but got some lack of class name in Sysmenu and Submenu. Actually I wanted this type of class name in menu link
[sourcecode language=’css’]Home[/sourcecode]
Look if there was classname like “button_home” in each menu link then it’s easy to apply custom image or style using css.
Then I tried to make this happen and I did it. Here is what I have done Continue reading
ধরুন আপনি ঘুরে বেড়াচ্ছেন কিন্তু আপনাকে কেউ দেখতে পারছে না। হ্যাঁ এই রকম সিনেমায় হরহামেশা দেখে থাকি কিন্তু বাস্তবে যদি এমন কিছু সম্ভব হয় তাহলে কেমন হয়। আশার কথা হচ্ছে এই ধরনের প্রযুক্তি উদ্ভাবনে বিজ্ঞানীরা বেশ কাছাকাছি পৌচ্ছেছেন। বিজ্ঞানীরা দাবী করেছেন যে, তারা এমন ধরনের ম্যাটেরিয়াল তৈরি করতে পারবেন যা অন্য কোন বস্তু বা মানুষকে অদৃশ্য করে রাখতে পারবে। একদল গবেষকদের দাবী তারা সর্বপ্রথম এমন কিছু তৈরি করতে সক্ষম হয়েছেন যা, কোন ত্রি ডাইমেনশনাল বস্তুকে ঢেকে রাখবে বা অদৃশ্য করে রাখবে এবং এটা করা হবে ঐ বস্তুর উপর যে আলো পড়ে তা নিয়ন্ত্রন করে।
আমরা কোন বস্তু কখন দেখতে পাই, যখন কোন বস্তুর উপর আলো এসে পড়ে এবং তা প্রতিফলিত হয়ে যদি আমাদের চোখে আসে। এখন যদি এখন কিছু করা হয় যে, আলো প্রতিফলিত হবে না বা প্রতিফলনের দিক এমন ভাবে নিয়ন্ত্রন করা হবে যা আমাদের থেকে ঐ বস্তকে অদৃশ্য করা রাখবে। বিজ্ঞানীদের দাবী, আগে টু ডাইমেনশনাল কিছু খুব বেশি পাতলা বস্তুকে এই রকম অদৃশ্য করে রাখা সম্ভব হয়েছে। এখন তারা এই প্রযুক্তিকে আরো উন্নত করে স্বাভাবিক যে কোন বস্তুকে অদৃশ্য করার জন্য কাজ করে যাচ্ছেন। কোন বস্তুকে অদৃশ্য করে রাখার জন্য যা ব্যবহৃত হয় তার নাম মেটাম্যাটেরিয়ালস। ধরে নিতে পারেন একটা পোশাক বানানো হবে যা দিয়ে কোন কিছুকে অদৃশ্য করে রাখা হবে। মেটাম্যাটেরিয়ালস ধাতব পদার্থ, সিরামিক, টেফলন ও ফাইবার দিয়ে তৈরি করা হয় এবং এটা এমন ভাবে তৈরি করা হয় যে, কোন দৃশ্যমান আলোকে একটু অন্য ভাবে ঘুরিয় দেয় যা সাধারন বস্তু পারে না। এর ফলে এই সব বস্তু থেকে আলো প্রতিফলিত হবে না বা কোন ছায়া পড়বে। রুপকথার যাদুর পোশাক মনে হয় বাস্তবে চলে আসবে আর কিছুদিন পরেই।
—-লেখাটি গুগল নিউজ অবলম্বনে নিজের মতো করে লেখা।
[সম্পাদনা] মূল প্রবন্ধটি এখানে।
আরো এখানেঃ এক (সাবধান পপআপ আসে একটা), দুই।
উপরের লিঙ্ক দুইটাতে গেলে কিছু স্ক্রিনশটও পাওয়া যাবে।
Just left Grameensolutions LTD. on 31st July. I was working there as an associate software engineer in web development( PHP+MYSQL mainly in Joomla CMS). I joined there 21st January and 31st July was my last day in office. I haved passed so many enjoyable days with my team mates like Shouman vaiya (Excellent Team Leader), Saifur vai( Helped me much), Zaman Sarker ( Koolest man in our web section), Mamun vai ( Exceptional web designer), Noman vai ( Known as DOC vaiya and always “khal kete kumir ante chai :P”), Billah vai (Helped me lot to learn new things), Shobuz vai (Nice guy), Harun vai ( Hope he will bring a sweet vabi soon !!!), Delowar vai, Akhi apu, Ratul( always in pressure with so much personal projects) and so many lovely friends. I am sorry I forget to mention someone. All of them were are really friendly. I will miss all. Hope I will start a new journey in somewhere else after 6 months. For some days a free life for the Manchumahara…..
Good bye GSL….
গতকাল কোন একটা লিঙ্ক থেকে যেতে যেতে গুগল টক ল্যাব এডিশনের খোঁজ পেলাম। বেশ কিছু নতুন ফিচার চোখে পড়লো। অনলাইন গ্যাজেট হিসাবে যা আছে সেইটাই ডেক্সটপে নিয়ে এসেছে।
কিছু ফিচার যা নরমাল ভার্সনে আছে কিন্তু ল্যাব এডিশনের নাই যেমনঃ
কঃ ফাইল শেয়ারিং হয়না।
খঃ অফলাইন বন্ধুদের লুকিয়ে রাখার অপশন পাচ্ছি না।
গুগল যে এটা নিয়ে বেশ কাজ করছে তা বুঝতে পারলাম অনলাইনে এটা নিয়ে কিছু রিভিউ পড়ে। অনেকের রিভিউতে মিসিং ফিচার লিস্টিতে যা ছিলো তার কিছু এখন চলে এসেছে। জিমেইলকে গুগলের অন্যান্য ফিচারের সাথে ইন্ট্রিগ্রেট করার জন্য গুগল জিমেইলের কোডও পরিবর্তন করেছে বিভিন্ন সময়।
I was working with js and got a peculiar problem (it’s was unknown to me 😛 😀 🙁 ) about childNodes count in firefox and opera. Internet explorer showed perfectly. suppose my html is like
[sourcecode language=’css’]
[/sourcecode]
Now the js:
[sourcecode language=’css’]
objFather = document.getElementById(‘ul_id’); //get the father ul’ ID
arrayChildren = objFather.childNodes; //geting array of children
childNum = arrayChildren.length;
[/sourcecode]
Here childNum will give diff values for diff browser. FF, Opera counts the whitespaces . textnodes as child but IE is normal in this case.
Usefull link: One
I was trying to detect browser version and browser name using java script. I got so many techniques but I am happy with jquery’s one. It’s pretty simple and small block of code. Just check the bellow code that I got from jquery. As it is not possible to use the whole js library all the time but I like to use some part of it or follow the techniques for cross browser tasks. 😀
[sourcecode language=’css’]
//Detect browser version
var userAgent = navigator.userAgent.toLowerCase();
// Figure out what browser is being used
var browser = {
version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1],
safari: /webkit/.test( userAgent ),
opera: /opera/.test( userAgent ),
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
};
alert(‘Browser Version=’+browser.version.toString()+ ‘ Safari=’+(browser.safari? ‘Yes’: ‘No’)+’ Opera=’+(browser.opera? ‘Yes’: ‘No’)+’ IE=’+(browser.msie? ‘Yes’: ‘No’)+’ FF=’+(browser.mozilla? ‘Yes’: ‘No’));
//end browser detection
[/sourcecode]
Edit: Here one thing you may be confused about the test() method. It’s a builtin function in js. The test() method is used to search for a match of a regular expression in a string.
Here’s some links about Test();
সেইদিন কারিগর নতুন একটা আইডিয়া দিয়েছিলো যে যদি এমন সুবিধা থাকে যে নিজের ব্লগে নিজের পোস্টগুলো (আমাদেরপ্রযুক্তি ফোরামের) দেখানো যেত আর এস এস ফিড হিসাবে বেশ ভালো হতো। ঠিক এই সুবিধাই চালু করা হলো আজ থেকে। কোন টপিক দেখার সময় ডান পাশের দিকে সদস্যের প্রোফাইল অংশ পোস্ট সংখ্যা বা পোস্ট দেখুন লিঙ্কের পাসে rss লেখা নতুন একটা লিঙ্ক যুক্ত করা হলো। অথবা কারো প্রোফাইলেও ঢুকেন তাহলে একই ধরনের rss লিঙ্ক পাবেন।
নিজের পোস্টগুলোকে লিস্ট করে নিজের ব্লগে দেখানোর পাশাপাশি প্রিয় কোন সদস্যের পোস্টও দেখাতে পারেন একই ভাবে।
আগামীতে যেকোন ফোরাম বা সাবফোরামের পোস্টগুলো একই ভাবে আর এস এস ফিডের মাধ্যমে পড়ার সুবিধা আনা হবে।
এই বিষয়ে আমাদের প্রযুক্তি ফোরামে দেখুন এখানে।
আজ ছিলো প্রজন্ম ফোরামের ৪র্থ আড্ডা। আগের তিনবারের চেয়ে এইবার আয়োজন বেশ বড় ছিলো। বিকাল সাড়ে ৫টার দিকে অনুষ্ঠান শুরু হয়। স্থান ছিলো ধানমন্ডি লেকের পানসি রেস্তোরা। প্রায় ৫০ জনের মতো সদস্য, অতিথি ছিলেন। শুরুতেই পরিচয় পর্ব ছিলো। অনেক ভার্চুয়াল মানুষের সাথে পরিচয় হলো। নতুন করে যাদের সাথে ফিজিক্যালি পরিচয় হলো যাদের সাথে অনলাইন পরিচয় ছিলো বা যাদের অনলাইনে চিনি (অনেকের সাথেই আগে দেখা হয়েছে তাই আর সবার নাম উল্লেখ করছি না) যেমন সুহৃদ সরকার, মাহমুব মোর্শেদ, মনি(প্রজন্ম ফোরাম), শিপলু ভাই, মেহেদি আকরাম, ডার্কলর্ডসহ আরো অনেকে। পরিচয় পর্ব শেষে ফোরামের বিভিন্ন বিষয় নিয়ে মতামত ও আলোচনা ছিলো বেশ কিছুক্ষন। এরপর খাওয়া দাওয়া বুফে টাইপ। সব মিলিয়ে বেশ মজা হলো।
এইখানে আড্ডার বেশ কিছু ছবি পাওয়া যাবে। এতো সুন্দর একটা গেট২গেদার এর আয়োজন করার জন্য প্রজন্ম ফোরাম কর্তৃপক্ষকে আন্তরিক ধন্যবাদ।
এ বিষয়ে আমাদের প্রযুক্তি ফোরামের আমার পোশট এই খানে।
প্রায় ছয় মাস হলো অফিসে যোগদানের পর থেকে জুমলাতে কাজ করছি। শুরু করেছি জুমলা ১.x.১২ দিয়ে আর এখন ১.৫.x এ কাজ করছি। ভাবছি আমার অভিজ্ঞতা নিয়ে এই পোস্টে নিয়মিত লিখবো।
প্রফেশনার কাজ করার জন্য নিশ্চয় ডাউনলোড করা টেমপ্লেট বা ফ্রি টেমপ্লেট দিয়ে কাজ হবে না। এই জন্য আপনাকে নিজে টেমপ্লেট বানিয়ে নিতে হবে। জুমলার ট্রিক্সগুলো এপ্লাই করতে হবে। জুমলার ব্যবহারের মানে হলো আপনাকে পিএইচপি কোডিং খুব বেশি জানতে হবে না, জানতে হবে না মাইএসকিউএল এর কাজ কারবার। তবে যদি জানেন তবে সেটা হবে আপনার জন্য প্লাস। কারন এর উপর নির্ভর করছে আপনি কতটা কাস্টমাইজ করতে পারবেন জুমলা। কারন জুমলা একটা সিএমএস হলেও এর রয়েছে নিজস্ব ফ্রেমওয়ার্ক। আপনি যদি নিজে এই ফ্রেমওয়ার্ক এক বার শিখে নিতে পারেন তাহলে অনেক সহজে ফুল কাস্টমাইজড সাইট বানিয়ে ফেলতে পারবেন জুমলা দিয়ে।
এখন কথা হচ্ছে কিভাবে শুরু করবেন তাইতো ? জুমলার সাইট থেকে জুমলা ডাউনলোড করুন। লোকালহোস্ট ইনস্টল করুন। ইনস্টল করার সময় স্যাম্পেল ডাটা ইনস্টল করুন। এতে প্রথম দর্শনে আপনার বুঝতে সুবিধা হবে। কিভাবে ইনস্টল করবেন তা নিয়ে আমি এখানে লিখছি না কারন এটা নিয়ে আলরেডি অন্য পোস্ট আছে।
জুমলার বেসিক নিয়ে কিছু আলোচনা করি আগে। জুমলা এতো বেশি ফ্লেস্কিবল যে আপনি কোন লাইভ সাইটেও অনালাইনে চাইলে নতুন কিছু যুক্ত করে দিতে পারবেন ধুম করে। ধরুন আপনার ক্লায়েন্ট হঠাৎ করে একদিন বললো তার মিডিয়া গ্যালারী চাই। আবার হোম পেজে এক পাশে একটা জায়গায় রিসেন্ট মিডিয়া ইনফরমেশন দেখাতে চাই। কোন চিন্তা নাই। জুমলার আছে একটা রিসোর্সফুল এক্সটেনশন ডিরেক্টরি। সেখান থেকে আপনি একাধিক মিডিয়া গ্যালারি যাচাই বাছাই করে কোন কম্পোনেন্ট ডাউনলোড করে নিতে পারেন। দেখবেন কিছু কিছু মিডিয়া গ্যালারীর সাথে মডুলস ও দেওয়া থাকে। হয়তো দেখা যাবে রিসেন্ট মিডিয়া দেখানোর মডুল সাথেই দিয়ে দিছে। তারমানে আপনি শুধু এই গুলো ইনস্টল করে লিঙ্ক করে দেবেনে মেনু থেকে আর কিছু সিএসএস এর কাজ যদি লাগে। আসলে জুমলার কাজে পিএইচপি বা মাইসিকিএলের জ্ঞানের চেয়ে সিএসএস এর জ্ঞান বেশি থাকা লাগে যা সাধারনত ওয়েব ডিজাইনার এর কাজ।
এই পর্যায়ে আমার আলোচনাগুলো যদি পড়তে পড়তে ঘুম চলে আসে তাহলে এখানে কিছুক্ষন পজ রেখে দিন এবং কিছু সময় পরে আবার দেখুন।
জুমলা ইনস্টল করলে দেখবেন বেশ কিছু ফোল্ডার ফাইল এই সব হাবিজাবি। আমাদের জন্য কিছু জিনিস দরকারী হবে সামনে যেমন-administrator, modules, components , plugins এবং administrator এর ভেতরের ( modules, components , plugins), templates (এটা খুব দরকারী প্রথম পর্যায়ে কারন এই খানে বেশ কিছু ছুরি কাঁচি চালাতে হবে আপনাকে যদি নিজের মতো করে টেমপ্লেট ডিজাইন করতে চান)।
ভালো কথা আমার আলোচনাগুলো হবে জুমলার লেটেস্ট ভার্সন বা জুমলা ১.৫.x সিরিজ নিয়ে কারন এখন এটা নিয়েই বেশি কাজ করে সবাই।
মডুল, কম্পোনেন্ট, প্লাগিনস ফ্রন্টএন্ড ও ব্যাকএন্ড দুই জায়গার জন্যই হতে পারে। মডুলের কাজ গুলো টেমপ্লেট এর কোন নির্দিষ্ট স্থানে কোন কিছু বিশেষ ভাবে দেখানো। দেখা যায় বেশির ভাগ মডুল কোন কম্পোনেন্টের সাথে রিলেটেড, নাও হতে পারে।যেমন ধরুন আপনার একটা ব্লগ সাইট আছে যেখানে অনেক পোস্ট হয়। আপনি চান রিসেন্ট পোস্টগুলো দেখাবেন। তাহলে দেখবেন আপনি জুমলার এক্সটেনশন ডিরেক্টরীতে রিসেন্ট কনটেন্ট আইটেম দেখানোর মতো কোন মডুল পাবেন। যেমন mod_dn. এটার কাজ হলো কোন সেকশন বা ক্যাটাগরী থেকে কন্টেন্ট আইটেম এর লিস্ট দেখানো। এখন এটা অনেক ভাবে হতে পারে যেমন র্যান্ডমলি, রিসেন্ট আগে, পুরানগুলো আগে বা ডেট অনুসারে ইত্যাদি বিভিন্ন রকম ভাবে পোস্ট বা কন্টেন্ট আইটেম এর লিস্ট আপনি দেখতে পারেন। এর জন্য আপনাকে কোডিং জানতে হবে না। এডমিন প্যানেল থেকে extention মেনু থেকে মডুলস এ যাবেন আর পজিশন(পজিশন জিনিসটা টেমপ্লেটের সাথে জড়িত, পরে আলোচনায় আসছি) অনুসারে মডুলটা খুঁজে বের করে সেটিংগুলো চেক করুন আর আপনার পছন্দের সেটিং সেট করুন। আর মডুলটা আপনার ইচ্ছা মতো টেমপ্লেটের কোন পজিশনে পাব্লিশ করুন। হয়ে গেলো। আর সেটিং চেক করার সময় আপনি কোন সেকশন বা ক্যাটাগর থেকে রিসেন্ট আইটেম দেখাবেন তার নাম অথবা আইডি দিয়ে দিন।
এখন আসি কম্পোনেন্ট এর কথায়। হাজার হাজার কম্পোনেট আপনি ফ্রি পাবেন জুমলার সাইটে। ধরুন আপনার সাইটের জন্য সাইটম্যাপ বানাবেন। চিন্তা নাই সাইট ম্যাপ বানানোর জন্য একাধিক চমৎকার কম্পোনেন্ট আছে-যেমন ধরুন xmap আমার কাছে বেশ ভালো লেগেছে। এডমিন প্যানেল থেকে component থেকে xmap এ যান আর বিভিন্ন রকম অপশন আছে তা নিয়ে খেলাধুলা করুন। চিন্তা নাই একটা একটা অপশন পরিবর্তন করে তা আবার ফ্রন্ট এন্ড থেকে দেখে নিন। আরে ভাই খেলতে খেলতেইতো শেখা হবে, তাই না ?
এখন আসি টেমপ্লেট বানানো নিয়ে। আমার কাছে ফ্রি টেমপ্লেট ভালো লাগে না। তবে নিজে নিজে টেমপ্লেট বানাতে হলে একজন ফটোশপ এক্সপার্ট অবশ্যই লাগবে না হলে আপনাকেই ইমেজ বানিয়ে নিতে হবে।কাস্টম টেমপ্লেট বানানোর জন্য কি করতে হবে?
মনে মনে আগে সিনারিও দাড় করান যে আপনার সাইটে কি কি থাকবে। মাথার ভেতর একটা লেয়াউট তৈরি করুন।
২। যা এতোক্ষন চিন্তা করলেই এখন সেইটা মাটিতে নামাতে হবে মানে নিজে নিজে অথবা কোন ডিজাইনারকে দিয়ে ফটোশপ বা ইমেজ এডিটিং টুল দিয়ে সেই লেয়াউটের ছবি তৈরি করুন।
৩। ডিজাইন শেষ হলে ইমেজ থেকে প্রয়োজনীয় স্লাইস বের করুন। যেমন কোন বাটনের ব্যাকগ্রাউন্ড ইমেজ লাগবে তা ঐ মেইন ডিজাইন থেকে দরকার মতো স্লাইস করে নিতে হবে। এখানে যেহেতু জুমলাতে কাজ করতে হলে জুমলার ট্রিক্স ছাড়া দরকার ভালো সিএসএস জ্ঞান।
৪। আশা করি ইমেজে আকারে একটা টেমপ্লেট বানিয়ে ফেলেছেন। এখন আমাদের কাজ হবে এইটাকে জুমলার টেমপ্লেট নিয়ে যাওয়া।
