Posts Tagged ‘CSS’

Real CSS Mistakes Beginners Make – A Rebuttal Of Sorts

Tuesday, September 14th, 2010
Real CSS Mistakes Beginners Make – A Rebuttal Of Sorts

I will not concur

NOTE: I am not bashing the article, because I think it is well written. This is my opinion on the mistakes listed. Even though I don’t agree with some, I applaud the author for the piece.

A week or so ago, I read an article called “12 Common CSS Mistakes Web Developers Make“, and after reading it for a second time, I find that I don’t agree with a lot of the article. Frankly, some just are not mistakes, but a person’s preference. As I move along in my web development career, it becomes more apparent that there is less right vs wrong than people would have you believe.

(more…)

Adding Scripts, CSS, And Extras – When Is It Too Much?

Thursday, September 9th, 2010
Adding Scripts, CSS, And Extras – When Is It Too Much?

Let’s stick that in there too!

Ok, I will admit that this topic just popped into my head, mainly because of what I was doing at work, and then thinking of the HTML5 Boilerplate. I’m using that as a starting point to illustrate what I am talking about, not bashing it. I think the template is awesome and I am using it in my personal projects.

Let’s say we are using it to start a new site. It has a lot of awesome things in it to compensate for a ton of stuff. It has jQuery, a ready to go script page for your js, a nicely organized style sheet, dd-belatedpng.js for png support in IE6, Google Analytics code, Modernizer 1.5 js for HTML5 tag support in browsers that don’t actually support HTML5…and a few other things I can’t remember at the moment. For argument’s sake though, let’s just pretend that is it.

(more…)

The Poor Man’s CSS3 Button

Friday, September 3rd, 2010
The Poor Man’s CSS3 Button

I call them Pez

I received a tweet the other day about these cool CSS3 buttons called BonBon Buttons. The site says they are named after the French word for candy, but after looking at them, they look like Pez to me. Hmmm…that is what I will call mine…Pez! Regardless they are very pretty. Even better, the creator of them lists where it won’t work. He was just tooling around one day and made these buttons. Well, I decided to do the “poor man’s version” of those. And unlike the BonBon buttons, my Pez button will work in IE6 as long as you use CSS PIE, with the exception of text-shadow, and the radial gradient. Those two properties don’t add all that much, and even without them they look good in IE.

(more…)

CSS Positioning – Relative and Absolute

Thursday, September 2nd, 2010
CSS Positioning – Relative and Absolute

It takes all types

There are four types of positioning: static, fixed, relative, and absolute. Static is the default position state which means it isn’t positioned. It goes where it normally would on the page. Fixed is positioned relative to the browser window, and won’t move even if the window is scrolled. Relative positioning allows you to use the top, right, bottom, and left CSS properties to position an element relative to where it would appear in the document. Absolute is the tricky one, because it is basically removed from the document, and placed EXACTLY where you want it to go.

A note on :relative

If you position something relative, and then use top and left to shift it over, don’t expect everything below it to shift as well. It still occupies the space in the document normally, you are just shifting it from its initial placement.

(more…)

CSS3 – Just When You Thought You Knew It All

Thursday, August 26th, 2010
CSS3 – Just When You Thought You Knew It All

You can do that?

So I read an article today that I thought was going to suck. Nope, I was wrong. While I knew most of it, there was one thing that popped out at me today. See? Learnin’ all the time! CSS3 has some cool stuff that is easier to do than opening up Photoshop and creating an image for it. If you got my tweet today, which most of my subscribers didn’t because you don’t follow me on twitter (FOLLOW ME!), then you have an inkling of what I am talking about.

(more…)