End Your If

Learn some great web development and web design tips and techniques through recipes that clearly define the problem being solved with a working solution.

Creating a Transparent Background with CSS

Published on Mar 22, 2019 by Jamie Munro

Do you have a nice background image that you don't want hidden by a solid color and your content? With some CSS3, a background color can be set with an opacity with the rgba value so that the content or image beneath will be visible through it.

Tags: CSS | CSS

Semi Rant: Absolute Position when it's relative

Published on Mar 21, 2019 by Jamie Munro

I have long been against absolute position. I always felt it the "lazy" way out. Until recently, I've seen the light. Absolute positioning works extremely well inside of a relative position. In fact it works so well, that it reduces my browser testing time because IT IS actually consistent!

Tags: CSS | Rants | CSS

Entity Framework's Code-First with an ObjectContext

Published on Mar 20, 2019 by Jamie Munro

If the following blog interests you, it's probably because you're using Entity Framework with a Code-First approach and whatever it is you are trying to do *must* use an ObjectContext instead of the standard DbContext. I'm sure, like me, you thought this shouldn't be too hard. Then you started hitting roadblocks like, Metadata is required in your connection string. What's metadata? This is only needed in Database-First so you can tell the framework where your edmx and other definition files are, so why do I need this with Code-First, I don't have these files?

This was definitely my first reaction as well. So after much trial-and-error and research, I have the solution!

Tags: ASP.NET | c# | entity framework

Checking if an element exists with jQuery

Published on Mar 19, 2019 by Jamie Munro

You want to do some conditional processing depending on if an item or items exist in your DOM (Document Object Model). By default, jQuery doesn't have a function that performs this; however, there is a very simple way to extend jQuery to do so.

Tags: jquery | extend | JavaScript | jQuery

Creating Diagonal Lines with CSS

Published on Mar 18, 2019 by Jamie Munro

The hr tag has been around for quite some time to provide a nice horizontal line to visually separate content. To achieve a vertical line, it's typically been accomplished via border-left or border-right. However, this is when you can get into height issues or columns that don't extend the whole way, etc… Instead CSS3 allows for the rotation of elements and allow for vertical or diagonal lines to be created with some basic CSS. This is accomplished with the transform property.

Tags: CSS | CSS