Archive: November 2015

Working on site I was trying out responsive fonts and set the font-size to 5vh.

When I squeezed in the sides the font size didn’t change. When I turned on Firebug or Chrome’s developer tools the font shrunk.

I discovered what I needed was “vw” and not “vh”. “W” stands for width, and “H” is for height.

I hope this helps someone else out there….

I needed to have three boxes centered a containing div, and I needed it to be responsive.

I am sure there is a better way, but this way worked the best for me.

http://stackoverflow.com/questions/2603700/how-to-align-3-divs-left-center-right-inside-another-div

I hope this helps someone else out there…

Recently attended a Drupal Camp and took a accessibility seminar presented by a guy name Charlie Cook with the National Federation of the Blind. He suggested making some changes in Firefox to make it easier to see where the “focus” is on a page.

I had trouble get the settings set up the way he described it, but I finally figured it out. Here are the steps I needed.

1. Open Firefox ( my current version is 40).
2. In the URL bar type in “about:config”
3. Scroll down to “browser.display.background_color”
4. Double-Click that line and you can enter in a new Hexidecimal color value. He suggested “#ffbbff”.

Here are the other settings he suggested to change.

• browser.display.focus_ring_on_anything        –     change to “true”
• browser.display.focus_ring_width                     –     change to “3”
• browser.display.focus_text_color                       –     change to “#000000”
• browser.display.use_focus_colors                       –     change to “true”

I hope this helps someone else out there….