Q's WebJournal

Abdul Qoyyuum's Weblog of his Web Adventures.

Google’s Inbox Keyboard Shortcuts

Press Shift+? to see the Google’s Inbox Keyboard Shortcuts. I always love shortcut keys in every program and I try my best to remember each of them when I need to really get things done.

Google's Inbox Keyboard Shortcuts

But what really interests me is, the keyboard shortcuts show using “Ctrl” and this applies to most PCs running on Windows and Linux. But what about those in Macs? How does it decide to show the “Command” key?

My guess is that it uses some sort of metadata to check the, not only the browser but also for the Operating System that the user is using when visiting or using a website or SaaS or webpage.

Using Inline CSS vs Block CSS Displays

I don’t know why but the WordPress Share function at Quora.com doesn’t seem to work. So I’m copying and pasting it here.

Question : How do I add navigation on one side and content on the other?

Details of the Question:

This is my HTML: [HTML] Default – Pastebin.com
This is my CSS: [CSS] DefaultCSS – Pastebin.com

I want my webpage to look similar to this, in which way would I have to change my CSS in order to make it like that? Also, how do I remove the bullet points?

Continue reading

How can I use marquee tag to display image scroll horizontally instead of vertically?

Answer by Abdul Qoyyuum :

There are 2 ways to fix this problem as far as I know:
1. Don’t use li
All li elements are displayed as a block in its own row and not inline. That’s how lists are supposed to work. Instead, change it to use something else like a span or div instead. Or just the img on its own.
2. Add CSS
You can trick it out by adding the following properties to the li in CSS like so:

li {
 float: left;
 display: inline;

How can I use marquee tag to display image scroll horizontally instead of vertically?

How do I create my own marketplace? Which tools do I need to use (code, database, etc.)?

Answer by Abdul Qoyyuum Haji Abdul Kadir:

There are, from where I am sitting at this question, 2 ways to approach this:

The Easy Way – Using any established CMS platform and then just install a marketplace component or a published marketplace script available and install that. It's just a matter of sourcing which platform or script match your needs.

Easy Way of Doing it

  1. Install WordPress
  2. Install a Marketplace Plugin
  3. Configure the settings
  4. Run


  1. Install Joomla
  2. Install a Marketplace Plugin
  3. Configure the settings
  4. Run

Etc if you look at other platforms

The Hard Way – Develop everything from scratch using any form of language as your base. My preference is using HTML5 + CSS Library (Twitter Bootstrap) + AngularJS + FireBase.

Hard Way of Doing it

  1. Where HTML5 structures and markup where things should be.
  2. Twitter Bootstrap helps with the easy styling (at first, I would keep everything to default color scheme and then later, tweak the design to meet the functions).
  3. AngularJS to create the interactivity – i.e. Create new product entry, create a chat channel, add sellers account, add buyers account, etc.
  4. Firebase would be my preferred database as a developer.

How do I create my own marketplace? Which tools do I need to use (code, database, etc.)?

When do you know that you’ve been coding too much?

Answer by Hung Nguyen Huy:

There was a guy said that he once had a difficult question and he didn't know how to solve it. Then he searched and found an incredible answer on stackoverflow. And the answer's author was himself in a long time ago.
I think this is one of the guys who's been coding too much

When do you know that you've been coding too much?

Learn To Code While Playing Games

This was copied and pasted from Anak IT’s Blog with some minor alterations

Learn To Code

There are a lot of online resources out there that teaches you to code or program. Here at Anak IT, we strive to make this learning experience fun and unique to everyone striving to be the next best programmer or coder. So instead of struggling with textbooks, here are some online resources that teaches you to learn to code while at the same time, play some games!

Learn to Code Tactically with CodeCombat

Ever feel like swinging a sword or blocking with a shield with coding? You could if you played CodeCombat. This game teaches you Javascript, Coffeescript, Python, and a few other languages (currently at time of writing, still experimental). Your goals are set by each dungeon and you are to use all of the functions in each level to solve it. It’s free to play and learn!

Learn to code by playing codecombat at CodeCombat.com

Bonus: If you’re an expert already, you can create custom levels and design if you join their github project here. It uses CoffeeScript by the way.

Continue reading

« Older posts

© 2015 Q's WebJournal

Theme by Anders NorenUp ↑