CSS transitions – Background Color

Here is an example using a class

.someclass {
-webkit-transition: background-color 2s;
-moz-transition: background-color 2s;
-o-transition: background-color 2s;
transition: background-color 2s;
}

.someclass:hover {
background-color: #new color;
}

This page helped me get it working.

transition

Here is a link to all the properties that can be effected.

https://www.w3.org/TR/css3-transitions/#animatable-properties

I hope helps someone else out there…

Make a div / div tag a hyperlink or link

This tip is very helpful with today’s web where a lot of the graphic stuff such as drop shadows and gradients are being done through CSS.

<div onclick="location.href='newurl.html';">&nbsp;</div>

New Window:

<div onclick="window.open('newurl.html','mywindow');" style="cursor: pointer;">&nbsp;</div>

 

I hope this helps someone else out there….

 

Outlook 2010 – Safe Mode – Unable to search by week – Solved

Had a customer call in today who was unable to search a mailbox by week. We discovered that it worked on Monday December 7, 2015 but not on Thursday. Also that the machine was restarted on Wednesday morning. “Patch Tuesday” came to mind.

Their office administrator found a link on the web that matched our symptoms of:

  • Unable to search
  • Outlook running in safe mode.

We removed “KB3114409” update and the problem was solved.

http://www.howto-outlook.com/news/outlook-2010-safe-mode-kb3114409.htm

I hope this helps someone else out there…

 

Check on DNS propagation

Pointed a domain name from Network Solutions to Godaddy hosting. 15 minutes later the domain isn’t resolving.

I called Godaddy tech support to see it is an issue with the folder I put the site in. They sent me this following site to see the propagation results. I found it very helpful.

https://www.whatsmydns.net

Put in my Domain name, selected “NS” for Name Server and hit “Search”.  It came back to tell me only one server had been updated. 30 minutes later four servers had been updated.

I hope this helps someone else out there….

 

Responsive fonts with vh and vw

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….

 

Accessibility enhancements in Firefox

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….