CSS z-index and stacking context.

Sam RuebyCSS Leave a Comment

It may be shocking to find out for beginners that don’t know, that CSS’s z-index property isn’t global. The z-index property is relative to the current stacking context. Put even more simply: You can’t set an element’s z-index to a smaller number than another element’s z-index and have it appear under that other element, if your element has any ancestor …

How to Activate Your MSDN Pluralsight Benefit

Sam Rueby.NET Tips, Software Development 4 Comments

Update 5/25/17 It’s a bit easier to activate the benefit now. As John Henckel pointed out in comments, all you need to do now is go to https://my.visualstudio.com and click on the Pluralsight logo. Done!   I found it pretty un-Googleable to figure out how to get your recently-announced Pluralsight subscription through your MSDN subscription. (I had to watch a video to …

Using CSS to prevent the user from scrolling

Sam RuebyWeb Development 3 Comments

I was creating a mobile menu for a project today. The normal, click-the-hamburger, expose a drawer with menu items, etc. I mocked this up in JsFiddle. I darkened the background by making a simple overlay: .mobileNavOverlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: 2; top: 0; left: 0; } But I noticed that on …

How to fix ReSharper’s bad ToDo item color in Visual Studio.

Sam RuebyUncategorized 2 Comments

Excuse me as I continue to post fixes to trivial but nevertheless annoying problems that I run into. So after updating to the new ReSharper EAP, this happened: I totally can’t read the NOTE in my source code. What gives ReSharper? But if you go into the Visual Studio settings, Todo items should be colored a lighter, readable blue. Alexander Kurakin …