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

Posting form variables that are not strongly typed with MVC

Published on Mar 17, 2019 by Jamie Munro

In a lot of the MVC 3 examples that are available on the Internet today, they are quite typically strongly typed to a model, e.g. public ActionResult LogOn(LogOnModel model, string returnUrl).

This is extremely useful for the validation abilities and many other aspects; however, there are times when some or all of the data is not strongly typed; then what do you do? Read on for two different approaches.

Tags: ASP.NET | mvc

Creating Your Own jQuery Selector

Published on Mar 16, 2019 by Jamie Munro

By default, the jQuery selectors are pretty advanced. You can select items by classes, ids, attributes, the first, the last, etc… But why stop there? By simply extending jQuery, we can add our own custom selectors to further enhance how we use jQuery. In this example, I will create an extended function called widthOver300 leveraging jQuery's $.extend

Tags: jquery | extend | JavaScript | jQuery

Creating a Background Gradient with CSS

Published on Mar 15, 2019 by Jamie Munro

To create a gradient background image with CSS, you need two things: a starting color and a bottom color. It would also be handy to have a potential "fall back" background color that sits somewhere in the middle of the two.

Tags: CSS | CSS

Implementing a trigger callback with jQuery

Published on Mar 14, 2019 by Jamie Munro

As we move into a more and more interactive era of website development, more of the JavaScript work is being done asynchronously and not "top-down". This can provide some interesting challenges, for example, executing a specific action after a specific process has been completed – also known as a callback. Thankfully, jQuery provides some useful functions to help with this process. This article will explore using $(window).trigger();.

Tags: jquery | JavaScript | jQuery