css

Simple Sticky Element

The user scrolls down the page and once the scrolling reaches the top of an element of my choosing, that element sticks to the top of the window, so it's always visible from that point on...

Chrome displays a different height than what Chrome says the height should be.

I was changing the height of an element, but no matter where I specified the height, it wasn't displaying what I was putting in

A Nicer Select Dropdown

Better select boxes are all over the internet, but I actually couldn't find one that I liked, and that worked for what I needed...

My Emerging CSS System

My attempt at doing CSS better.

Why Isn't My SVG Image the Right Size in Internet Explorer

My svg images looked fine in the good browsers, but in Internet Explorer, they were appearing huge...

Change Placeholder Text Color

Change the placeholder font color for input boxes in a form...

Debugging Firefox Mobile on Your Computer

I needed to debug a web page that I was working on, which was having some issues on mobile versions of firefox. I just needed to look at the console, but setting this up was a bit complicated, moreso than it should be...

Fixing Jagged Rendering on CSS Shapes and Arrows in Firefox

I've been using the border elements on divs to create useful shapes, like arrows. Unfortunately, recently Firefox was having trouble rendering the diagonals....

Fixed position div isn't staying fixed in Chrome

I was working on a little menu specifically for mobile devices. It was intended that this menu stay fixed at the bottom of the screen. It usually worked, but in some instances in chrome, it would be thrown all the way to the bottom of the document, not the bottom of the window...

SASS Quick Guide

Just some quick notes of things I commonly forget

Equal CSS Tiles and Columns

A few tile css helpers.

Targeting the Submit Button with CSS

Yeah, I always forget how to apply styles to just the submit button.  It's of course easy, but I can never get it to stick around in my brain for the next time I need to use it...

Vertical Center an Image Within a Link (or Div)

How to vertically center an image within a div...

Setting up SASS with Ruby and Compass on Your Computer

I don't know if I just didn't do enough digging, but the process for setting up SASS using Ruby took several sources online and some trial and error to really get things running....

why is 100% width body or div wider than the screen on mobile?

I'd been struggling with this one for quite a bit. I figured it was something stupid, but no matter what I did, whenever I set the width of my body, html, and/or div tag to 100%..

An updated 2 Column (Fluid Fixed) Layout

An alternate method for 2 columns, with a fixed column on the right and fluid on the left...

Including Border and Padding In Box Dimensions

Generally when I'm assigning a width or height to a div, I want it to be that width or height....

Three Column List

Just a simple three-column list.

A SASS Stylesheet For Great Forms

Forms have always a bit of a pain in the ass to get formatted correctly...

Fixed Column on Left, Fluid Column on the Right

A two-column setup, with a fixed width column on the left, and a fluid main column that fills out the rest of the space on the left.