Archive: Web Design

HEX to RGB Color Converter

HEX RGB color converter

I have another post about the need to have a color converter to convert RGB to HEX colors. However, sometimes we need the opposite, when Marketing receives HEX colors from the web team or from external agencies / designers and wants to get the equivalent RGB values to use in documents or presentations. In that case, a HEX to RGB converter is needed.

Here is a simple and clean tool to convert HEX to RGB color. You can bookmark the page and refer to it later on when needed. Click here if you want to convert RGB to HEX.


RGB to HEX Color Converter

RGB HEX color converter

I don’t remember how many times my co-workers and myself wanted to convert RGB values to HEX value and vice versa but couldn’t find a reliable and clean tool to use. As Marketing professionals, we are more familiar with RGB values since we use RGB in documents, spreadsheets and presentations. However, sometimes we need the HEX color values to send to external agencies / designers, or other times we receive the HEX values from those people but couldn’t tell what are the equivalent RGB values. This tool is first for myself to use, then if it’s helpful to you, just use it!


Create Interactive World Map with Mouseover Data for Your Website

How to add responsive & interactive world map on your website easily with Google GeoChart tool

A couple of months ago, my friend showed me a website featuring an interactive world map displaying the organization’s locations all over the world as well as their number of employees in each location. After a little of digging, I’ve found that it’s not hard to replicate such interactive world map on my site. At its core, the world map is powered by Google visualization tool, and all you need to do is do re-use their code and a little bit of tinkering to customize the map fit your purpose.

Note that this is not using the image map/hotspot — when you add a static image (of the map) and slice it into different region then add the mouseover code to create the effect.


Yahoo! Homepage Re-Design and Your Homepage Re-Design

About the new Yahoo homepage and using web analytics data to guide homepage and website redesign

Recently (October 2012), the Internet, including CNET, TechCrunch and Business Insider all had articles about the upcoming re-designed Yahoo homepage under the new CEO Marissa Mayer. The responses for the new (not launched yet) homepage were mixed; while many praised the new design for its leaner arrangement and more search-focused, others thought the changes were not significant, not worth mentioning or implementing etc. This article will give you a brief overview of the said changes, but more importantly a possible explanation for the grounds for those changes as well as the strategies that Yahoo is adopting through the new design.


Favicon Library – A Collection of Favicons

I like favicons a lot. For my sites, I even created the favicons myself However, for those who don’t have the software, the time or the ability to do it, below is a long list of favicons. Because it includes literally thousands of icons, I split the list into sub-pages making it easier to navigate. Hopefully, you can find one that fits what you need. If you see some icon that you like, you can just right click on the icon image and save it to your desktop.

Don’t know how to add favicon to your site, my old post Create Favicon For Your Website may help.


Test Your Website Usability in 10 Seconds

Don’t have a lot of time to test your website usability? How about do it in 10 seconds or less?

Website usability

I originally named this post Test Your Website Usability in 60 Seconds (influenced by title of the movie Gone in 60 Seconds). However, after thinking twice, I realized web users today (in the age of Google) no longer have that kind of patience when surfing the web. They often give a website less chance and less time; in fact, users only spend 10 seconds or less trying to search for information. If your website fails to present them what they need during this short window of time, they can just leave and click on the next result on the search result page.