HP 27er Display Random Black Screen

hp27erI recently replacing my aging monitor setup at the office with a few HP 27er monitor displays. I run these on a MSI Gaming 3 motherboard running Windows 10 Pro. They look amazing, but unless they are functional they are worthless right?

I noticed what seemed to be random flickering to a black screen for a second. After a process of elimination it seemed it was a specific power brick, likely not supplying enough voltage/amps. I even got HP to send me a new power brick (that was a nightmare).

However today broke that theory. I then was able to reproduce the issue by scrolling through Facebook quickly using the scroll wheel on my mouse. I then installed the specific drivers from the HP site, which still didn’t fix the issue.

After some further research I found the issue lied in Google Chrome’s Hardware Acceleration feature. This appears to happen to a number of HP displays such as the 27xw as well.

To resolve my issue I took these steps:

  1. Open Google Chrome
  2. Click the three circle dots in the upper-right
  3. Click settings
  4. Click “Show advanced settings”
  5. Turn off System > “Use hardware acceleration when available”

Now while scrolling through Facebook quickly the issue is no longer reproducible.

Not sure if this is a Chrome issue, video card issue or monitor issue, but I wish HP would figure out a fix with Google.

Advertisements

#27er, #chrome, #google, #hp, #windows-10

Flushing Google Chrome DNS

Google’s Chrome browser keeps its own DNS cache for whatever reason. Clearing your local OS DNS cache isn’t good enough to resolve a new IP that it likes.

Rarely do I ever run into this issue on my Windows 7/8/10 machines but for Mac users it’s a more common issue.

But here’s what I found worked for a sticky DNS issue I just ran into on Windows 10:

  1. Clear OS DNS cache using “ipconfig /flushdns” in the command prompt.
  2. Go to “chrome://net-internals/#dns” in Google Chrome
  3. Click the “Clear Host Cache” button on the page that is now displayed.
  4. Clear OS DNS cache using “ipconfig /flushdns” in the command prompt.
google-dns-cache

Chrome’s DNS cache screen

#cache, #chrome, #dns, #google

Google Chrome 23 Developer Tools Now Sports Pixel Rulers

Chrome Pixel Rulers

Quite by accident, after upgrading to Chrome 23 today, I found that there are now pixel rulers shown by default when inspecting an element.

Apparently this comes from a WebKit update which introduces rulers to Web Inspector. When you open the Elements panel and hover over elements or when you use the magnifying glass they show up.

According to Masataka Yakura, the guy who brought this into Chrome, he found out that people didn’t quite like this. In Chrome 25 you can disable the rulers via the preferences panel. But personally I like them!

#chrome, #google, #pixel, #ruler, #web-inspector

jQuery Templates

I decided to dig into the new official jQuery Template Plugin developed from Microsoft yesterday. After I finally got the darn thing to work it makes inserting formatted HTML populated with data way easier.

After doing some searches on Google I kept finding articles that announce that Templates would be built into the version 1.5 core. I continued down the path coding by example and researching the API Docs. However I kept running into “tmpl is not a function”. After some continued research I finally found a tiny little comment made by John Resig that it in fact did not make it into the 1.5 release. So now that error makes sense.

To resolve this issue you must still load the jQuery plugin. It appears the plugin is still in beta stages and is available for download from Github or the Microsoft CDN.

Before I’ve been unable to use Microsoft’s CDN because it did not have SSL. But I went ahead and tested to see if they now have it included, and they do!

Here’s how I use it:

<script src="//ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>

This will automatically call it via http or https depending upon the current browser protocol being used.

See a related blog for jQuery on Google’s CDN here.

#cdn, #google, #jquery, #microsoft, #plugin, #template