Archive: HTML Coding

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.

Create Image Map / Hotspot in Dreamweaver CS4

How to create a clickable image map in Dreamweaver CS4/CS5

Create image map in Dreamweaver

An image map or a clickable image map is a web image containing (sub-)areas that linked to different content or web pages. Each clickable area is often referred to as a hotspot. Image map is useful in presenting and organizing information where you let web visitors see the big picture and also give them the option to click around and explore the areas of interest. An example would be something like the image on the left with four distinctive areas constructed by the puzzle pieces. Each puzzle piece may represent one of your products or services or anything else.

Create a Pull-Down List/Drop-down Menu

How to turn a pull-down or drop-down list into a drop-down menu (without and easier than using Dreamweaver)

Pulldown menu

I have another short and pretty popular post about how to Create a Drop-down Menu with Dreamweaver. The drop-down menu discussed in that post is different from the pull-down menu mentioned here although most of the times people use the terms “drop-down” and “pull-down” interchangeably. The menu we are talking about here is done by using the <select> and <option> tags and looks like the thumbnail on the left.

About Absolute URL and Relative URL

Details about absolute urls and relative urls – what are they, how and when to use them; also referred to as absolute paths and relative paths.

In another post about Create HTML Email with Outlook, I briefly mentioned that images used in HTML emails need to be on a live server, and the paths to those images must be absolute. Apparently, some still have problem with their images not showing in the HTML email due to broken/invalid paths. Here are some more explanation.