Beginnercode.com » css http://www.beginnercode.com The adventures of an amateur coder Wed, 27 Apr 2011 20:07:54 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 http://www.beginnercode.com http://www.beginnercode.com/wp-content/themes/neuron/favicon.ico Beginnercode.com Internet Explorer 8 and web standards http://www.beginnercode.com/2007/05/03/internet-explorer-8-and-web-standards/ http://www.beginnercode.com/2007/05/03/internet-explorer-8-and-web-standards/#comments Thu, 03 May 2007 14:57:20 +0000 ^Lestat http://www.beginnercode.com/?p=125 From Inside Microsoft:
The most interesting info centers on web standards. According to Mary Jo Foley’s report of the session, IE8 will encourage web designers to create websites that adhere to web standards, and allow them to opt-in to a standards mode if they meet that criteria.

“IE8 will encourage web designers to create websites that adhere to web standards”

*Cough* I mean really?

M$ pushing for designers to stick to standards?? How long. How long, has Internet Explorer had ‘quirks’ and workarounds for the box model as well as all the other bugs it’s had? Specifically in CSS. Seriously.

On top of all this, the browser is so integrated into the operating systems in such a way that if it becomes corrupt, it can slow down your OS, and make some files and operations down right break. Unfortunately IE still has a large portion of users out there. As of this writing still about 78% of the population(via Marketshare). I’d personally be willing to say I’ll bet they are corporate users, or the small portion of home consumers who are unaware of other options out there.

On the other hand I will say it’s taken much too long. If this IS true, THANK YOU Microsoft! But I’ll believe it when I see it. I’m sticking to my firefox. Firefox 2

Microsoft, Internet Explorer, browser, css, standards

]]> http://www.beginnercode.com/2007/05/03/internet-explorer-8-and-web-standards/feed/ 2 My Favorite Dev Tools http://www.beginnercode.com/2007/03/08/my-favorite-dev-tools/ http://www.beginnercode.com/2007/03/08/my-favorite-dev-tools/#comments Thu, 08 Mar 2007 22:03:07 +0000 ^Lestat http://www.beginnercode.com/?p=122 I’ve recently reformatted my computer and started missing my favorite dev tools. In an attempt to record them, I can also share them with others.

A list of my current favorite web tools…

Text Editor:

Compression Utility:

  • IZARC – IMO, better than winzip

Localhost Server (Apache/mySQL):

  • Wamp – Run an Apache web server on your PC. You can configure it to run or not run on startup. It also includes mySQl and a few php extensions.

Firefox extensions:

  • measureit – Measure pixels right on your screen.
  • colorzilla – Grab colors off of web pages, zoom, and built in color picker.
  • web developer – CSS, XHTML, Screen resize, line guides, disable styles and much much more.
  • firebug – A great tool especially for pages created in php. You may have 100 lines of code before the html begins. This helps you debug xhtml issues on “line 12″ which is actually line 112. Works well with included php files as well.

IE Explorer Add On:

  • IE Dev Toolbar(For IE Similar to Firebug)

    • Tools, Dev, Developer, Dev Tools

]]> http://www.beginnercode.com/2007/03/08/my-favorite-dev-tools/feed/ 3 Conditional comments css for IE http://www.beginnercode.com/2006/02/08/conditional-comments-css-for-ie/ http://www.beginnercode.com/2006/02/08/conditional-comments-css-for-ie/#comments Wed, 08 Feb 2006 18:48:04 +0000 ^Lestat http://www.beginnercode.com/?p=80 I’m in the process of creating some new pages and am trying to learn how to use CSS ‘properly’. I was coding right along and my page was looking real slick. Then I opened it in IE. What a mess!

One thing I came across the hard way was that IE likes to use their own CSS standards. I won’t get into what I think about this – that’s an entirely different post.

How does this affect a browser? Tons! To begin with I found out I needed to know what the CSS Box Model is. You can just google it up. Here is a nice visual presentation at hicksdesign. And a nice interactive version can be found at redmelon.net.

I would suggest reading the ilovejackdaniels.com explanation of how IE Vs. Firefox/Mozilla browsers interpret the CSS box model.

I could have hacked up my stylesheet to get what I needed out of IE. There are many hacks out there to force IE to doing what you want to. After reading up on it, it’s my opinion that this is a bad idea. For starters, it’s really a pain to have 2 different styles within your stylesheet. It’s really difficult to read after a while (and it’s uglyto the eye). Even more so, it’s difficult to make changes to it. I found a solution. I must say that it wasn’t on my own completely. I had some great help from IRC EFnet channel #css.

The Solution: Conditional Comments.
Conditional comments allow you to maintain 2 different stylesheets for your page. 1 for Firefox/Mozilla, the other for IE. Here’s how it looks:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>My HTML Page</title>

<link rel="stylesheet" type="text/css" href="my_stylesheet.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="my_IE_stylesheet.css" />
< ![endif]-->

</head>
<body>

<p>My Contents</p>

</body>
</html>

You link the IE style sheet between the <!–[if lte IE 6]> and the < ![endif]–> code.

Ok what next? simple. Start marking up your ‘normal’ stylesheet fo Firefox/Mozilla. Then as you see how the IE CSS needs to be changed for IE, make those changes in the IE stylesheet. You don’t need to copy the entire original markup, only to make the changes needed for IE.

On a side note: There are more things you can do with css. For example you can tell which browser is being used by using:

<!--[if IE]>
<p>You are Using Internet Explorer</p>
< ![endif]-->

Here is a Microsoft MSDN reference for conditional comments. It tells you how IE looks at CSS conditional comments. And this is a more simple reference (javascriptkit.com) for easier reading. There are more functions to this but you can look for more info via your favorite search engine.

(There are many more sources for this information. The afore mentioned links are just suggestions.) I should also mention that this site template was CSS compliant until I got my hands on it in the beginning. So if yo are checking up ont it, I can promise it’s not. It’s a canned template that I’ve hacked to bits and will hopefull someday make it proper…in my spare time heh.

Comments? Suggestions? Scoffs? I’m fairly new to ‘proper’ coding. Please feel free to leave a comment!
conditional comment, css

]]> http://www.beginnercode.com/2006/02/08/conditional-comments-css-for-ie/feed/ 1 Firefox Use is on the Rise http://www.beginnercode.com/2006/01/17/firefox-use-is-on-the-rise/ http://www.beginnercode.com/2006/01/17/firefox-use-is-on-the-rise/#comments Tue, 17 Jan 2006 18:07:23 +0000 ^Lestat http://www.beginnercode.com/?p=76 According to zdnet Firefox has passed a 20% marketshare in Europe.

Personally I’ve used Firefox for the last year or so and I really like it. I’ve recently tried Opera. It seems to run much lighter. However, I’ve been told by some css “gurus” that Opera isn’t that good.

I’m unsure why or what the exact complaints are against the Opera browser, and I’m unsure of my source’s credentials. I would really like to get feedback from anyone on their preferred browser and why. Please feel free to leave a comment.

I’ve also been using IE7. I’m quite frankly not pleased with it. In general the options really don’t offer anything more exciting than the firefox or the opera. Not only does it have the M$ signature giant footprint, but as usual it does NOT render css very well.



Firefox, Opera, Browser

]]> http://www.beginnercode.com/2006/01/17/firefox-use-is-on-the-rise/feed/ 4