Month: September 2013

Testing google Chromium OS – VirtualBOX

Well, If you surf the web regularly and Curious in nature, You must have heard of Chromium Operating System [ Chromium OS ], Powered by Mighty Google. But the only problem remains after it’s birth, Its not available like the other linux Distros. Either you have to make a custom build of Chromium OS, or you have to buy a chromebook [ Which is Powered with Chromium OS ].

Continue reading →

পুঠিয়ার রাজবাড়ি – ২ [ ফটোব্লগ ]

পুঠিয়ার রাজবাড়ি - ওয়াইড শট

এর আগের পর্বের ছবি গুলো ছিলো আমার ট্যাবে তোলা, সাথে নিয়ে যাওয়া ডিজিটাল ক্যামেরার চার্জ শেষ হয়ে গিয়েছিলো। চার্জ থাকা অবস্থায় তোলা ছবি গুলোর মধ্যে যেগুলো পরিষ্কার এসেছিলো, সেগুলো নিয়ে আরেকটি পোষ্ট লিখলাম। সেদিন এমনিতেই মেঘলা দিন ছিলো, ছবি ভালো আসছিলো না, তার ওপরে ডিজিটাল ক্যামেরার অটোমুডের ওপরে ভরসা করেই যা করার করতে হয়েছে !

মৃত ভালোবাসা

যদি কান্না গুলো রাতের নিঃশব্দ গল্প হতো, তবে জীবনের মাঝে থাকতো আরও অনেক গুলো নির্ঘুম রাতের স্মৃতিকথা। মাঝের কয়েকটি নিসঙ্গ ঝিঁ ঝিঁ পোকার ডাক, আর হারিয়ে যাওয়া এক অচেনা মেয়ের গল্প। ঘামে ভিজে যাওয়া বালিশের মাঝে লুকিয়ে থাকা অনেক কষ্টের ইতিহাস। স্বপ্ন, বিলাসিতা, যখন জীবনের দুইটি শব্দের একই মানে হয়ে দাঁড়ায়, তখন বুঝে যেতে হয়, চলে যাওয়ার এইতো সময়। এইতো নিঃশব্দে সব ছেড়ে অজানার উদ্দেশ্যে পাড়ি জমানোর সময়। যার জীবনের অভিধানে চাওয়া পাওয়া সব সময় কষ্টের আরেক নাম, তার সব টুকু নিংড়ে ভালোবাসার অধিকার নেই, থাকে না। একটা দিন সে রাস্তায় ধারে রক্তাক্ত অবস্থায় পড়ে থাকা লাশই হোক, আর কফিনের নিচে চাপা পড়া একটা প্রানহীন শবদেহই হোক না কেন, জীবন তাকে সব সময় খুন করে, তার তাজা রক্তের দাম ছাপার অক্ষরের এক বিন্দু কালির সমান নয়, তাই মৃত প্রেমিক সব সময় খবরের কাগজের ভেতরের কোন এক ছোট্ট অংশের মাঝে লুকিয়ে থাকে কয়েক লাইনের বিনিময়ে।

 

সেই লাইন গুলো বলেনা তার হারিয়ে যাওয়া শৈশবের কথা, বলেনা ভেঙ্গে যাওয়া স্বপ্নের কথা। বলেনা প্রেমিকার শেষ হাসির কথা, বলেনা এক গুচ্ছ মৃত গোলাপের কথা। কিংবা পুরনো হয়ে যাওয়া বিবর্ন চিঠির কথা বলে না। আরও বলে না একটা কানের দুলের কথা, সযতনে গুছিয়ে রাখা সেই কানের দুলটার কথা, প্রেমিকার ফেলে যাওয়া শেষ স্মৃতির কথা। সেই লাইন গুলো বলে একটা নিথর দেহের কথা, বলে একজন মৃত মানূষের কথা। সে আজ কারও প্রেমিক নয়, আজ কারও ভালোবাসা নেওয়ার ক্ষমতা তার নেই, নেই কাউকে ভালোবাসার ক্ষমতা। আজ শুধু লাশকাটা ঘরে পড়ে থাকা নাম ট্যাগহীন একটা লাশ সে, প্রেমিকার ছুড়ে ফেলে দেওয়া মৃত ভালোবাসার এক মাত্র সাক্ষী।

The Project line – News Website Project

Suddenly out of No where, I got an idea. What about Writing a Chain of post about what i do in my project? Things i use ( Like CSS framework or Js libs ), Things i do ( Like Rules i follow Or Things i do in my way ). That might help people as well as me for further days coming.

 

What are we Dealing with now?

I’ve got a Theme Development project recently, A News Website theme. Lots of Slider, Tons of Image, Endless Count of Words, Basically, this project is all about Information. I really hate to deal with the grid, And I added unsemantic Grid. I love this one for its Easy to USE way.

 

Starting

So, I created a index.html and a style.css file for starting the project. And The life saver sublime text is here, Ready set go.

image

 

 

Framework

You surely don’t want to write all the CSS code by yourself. There are a lots of Framework over there, to make your life more easy. So just pick one. I picked Gumby Framework. But let me tell you, I didn’t use the grid provided by gumby. 1st reason was the gird wasn’t properly cover what my client need.

 

 

Flow of Work

There are a Common style i follow.

  • First, Get a work plan. For me, Assemble the needed framework and image in a separate directory, Probably in your localhost.
  • Write the Basic Structure of HTML, Include the needed Stylesheet.
  • include a separate stylesheet, for your own custom code.
  • Better use the multi-column style of Sublime Text, It will let you do code more easily and help you to keep up with rest of the project.
  • Pick a single image, Re-size it to multiple size, you can use it as a part of Demo Content.

And now, Lets do some coding. Hope that will be published in up coming date !

 

The Best Coding is Write less, Do more

– Unknown

CSS3 Modal – The Smart Way

So I believe You must have Heard about modal. IF not, I can bet you have already seen it, Just don’t know what it was. Lets just say, One of your Facebook Status got 50 Likes, Now you wanna see, By whom. Like ” Bill Gates, Linus Torvalds, Mark Shuttleworth And 47 others like this“. You will click on ” 47 Others like this ” and a box will come up, With the name of all those people liked it. Basically that box is a smart Example of HTML modal. Its one Kind of Inside Pop-up Window. You can use it for Login box, For Ads, For Information, For Anything. Now There are a lots of jQuery Stuff to create a model. Even The Great Bootstrap Has a modal built in. By the Way, Some people Even Call it Dialog ( As jQuery Officials Did ) .

Here is Some nice Example And link of JQuery Modal Aka Dialog [ Link ] .

 

Our Way

But, The Awesomeness of HTML5 And CSS3, Opened a new era of Web Development. Now, You can do the Complex work with jQuery or Simple Javascript [ If you prefer working much ]. Ad leave the Design Section to CSS3. Well, We will make a Similar modal with CSS3. So, if the client Browser Failed to load jQuery [ Lets just guess Google Was Sleeping ], Your Modal Will still work.

So what do we need? Nothing. Just get a Text Editor, Anything you prefer and Let set go.

The HTML

To Trigger the modal, You will be needing a Action, What will be done with a link. A Anchor.

So, Now we need the Content of The modal,

Remember, The Model Will be triggered using the anchor, So you have to carefull about choosing the model ID.

 The CSS

So, Lets Kick some CSS.

 

Well, The Code is Pretty Clear, If you know what you are doing actually. Now Lets Get a Live View of It,

 

 

Hope You find It useful.