Wednesday, September 7, 2016

Hover Text for HTML

GOAL:  Add "hover text" when a mouse hovers over a certain word in an HTML webpage.  

CODE
<p title="Hover Text"> Word <p>


EXAMPLE

Word

Hover over the "Word" above to see "Hover Text".  This is a very simple way of adding hover text using a native part of HTML:  the title attribute.  Note: You can use the "title" attribute with HTML text tags beyond <p> tag, such as <h1>, <h2>, <h3>.

Tuesday, September 6, 2016

Find Color Code of an Image on your Screen

GOAL:  Figure out the color code of something on your desktop screen so that you can use / reference that color in another app or site.  

STEPS

1. Download Color Picker App from Mac App Store

2. Open App & Click "Magnifying Glass" Button

3. Select the colored pixel on your screen that you'd like to reference

4. Copy HEX Code & Paste into another app or webpage


NOTE
This post is specific to MAC.  It can also be helpful for: 
- Finding a color to use when coding webpages
- Finding a color to use on a Google Slide