TroyGrosfield.com TroyGrosfield.com

Posts Tagged ‘css’

Headline

Working with CSS Positions: Creating a Simple Progress Bar

Author
by Troy Grosfield
Date
February 11th, 2013
Category
Developer
Story

Working with CSS positioning can be tricky at times.  There are a few affects that you want to achieve, but aren’t quite sure how.  In the below example, I’ll show you how to create a simple progress bar affect using styles. The affect we’re trying to achieve Styles Give all components a common width: .container, … read more

Tags
Comments
No Comments »
Headline

Naming CSS Classes

Author
by Troy Grosfield
Date
January 3rd, 2013
Category
Developer
Story

There are lots of questions when styling a web page of “what should I name this CSS class”.  Here are a few things to think about as you ponder your decision. Leave implementation logic out of class names!  I’ll use Twitter Bootstrap (which by the way is awesome) as an example.   Sometimes they do … read more

Tags
Comments
No Comments »
Headline

Progressive Enhancement for Web Design

Author
by Troy Grosfield
Date
October 26th, 2010
Category
Developer
Story

If you’re into web development you’ve likely come across the term progressive enhancement. But what does this really mean? Progressive enhancement is a strategy for web design that emphasizes accessibility, semantic HTML markup, and external stylesheet and scripting technologies. Progressive enhancement uses web technologies in a layered fashion that allows everyone to access the basic … read more

Tags
Comments
No Comments »
Headline

Custom CSS List Bullets: list-style-image Positioning Workaround

Author
by Troy Grosfield
Date
October 11th, 2010
Category
Developer
Story

Creating custom CSS bullets can add a lot of extra flare to your site and truly give it a unique appeal.  However, sometimes dealing with the list bullet positioning can be a pain. Example You want your list to look like this: using the following css: ul { list-style-image: url(‘bullet.png’); margin-left: 1.25em; } but instead, … read more

Tags
Comments
3 Comments »
Headline

IE7 Background Image Hidden or Disappearing Fix

Author
by Troy Grosfield
Date
October 7th, 2010
Category
Developer
Story

Have you ever set a background image that showed up inconsistently cut off at times when you view your page in IE? The fix is quite simple. Here’s an example. You want to list to look like this: But when we try and view it in IE we sometimes see this: If you ever encounter … read more

Tags
Comments
4 Comments »