Maintain Aspect Ratio for HTML Element Using Only CSS in a Responsive Design

There is an easy way to make a div or other element square or any other shape while still being responsive, using ONLY CSS. I actually stumbled upon this solution myself, and then saw a formal write-up of it by @marcolago here. The solution is actually extremely simple, and you will kick yourself for not figuring it out. This little … Read More

How to Disable a CSS Filter in Internet Explorer

Do you have an active filter in the CSS of your website that greatly benefits the design in most browsers, but for whatever reason, need a way to selectively disable it? Whether it’s to create a nice transition where the filter is disabled, you are making stylesheets for specific versions of IE, or you are using media queries to selectively … Read More

How to Force a Button or Link to be 100% Width CSS Tutorial

These are instructions on how to make an HTML link or button expand to be as wide as its parent element. Maybe you have been confused in the past and that darn link just never wants to grow. Here is the CSS you are going to want to apply to that link.

And the corresponding HTML:

The secret … Read More