Q's WebJournal

Abdul Qoyyuum's Weblog of his Web Adventures.

Learn UI and UX from DesignLab

DesignLab -  learn UI and UX design

Learn UI and UX part-time and online

Just recently found an exceptional course on web design and that’s from DesignLab.com. Several months ago, DesignLab was on the betalist for webapps for me to try out. Their beta course was very interesting, teaching online, using a web design editor to design logos, banners, webpages and a few more. However, I stopped visiting because there wasn’t much after that.

Surfing around, I stumbled upon DesignLab again and this time it was talking about learning UI and UX designs. Got my attention with its ads, I looked at the courses and I was amazed at what it can offer.

Foundation Courses at DesignLab's UI and UX Courses

User Experience Design Courses at DesignLab

Interested in getting a job in Web Design or App design?

I totally recommend learning from DesignLab and its intuitive web editor functionality (as opposed to downloading a crack Adobe Illustrator or Photoshop and using it illegally? You betcha!). But you better hurry though, as at the current time of writing, the next course starts on May 22nd (that’s next next Friday). Go sign up!

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?

« Older posts

© 2015 Q's WebJournal

Theme by Anders NorenUp ↑