The Real World

April 27th, 2007
Graduation!

No, not the show, ha. I'm talking about the real world. As in the big, cold n' scary world of...post-graduation. In exactly one week I will have a Bachelor's degree in Digital Media from my university. Hooray, right? Yes! I'm excited! I'm happy to be moving on and starting a new life.

And yet...I'm not. I've been trying really hard this past week not to get too nervous about it. Also, I've been waving off these lurking feelings of regret and "wishes". Like I wish I had gotten more involved on campus, or met more people, or had more to show. But really, now is not the time for regrets and looking back at the past. It's time for the future! Space! Technology! Televisions that will flip on automatically and go "Melissa, Lost is coming on in 5 minutes!" and then cheerfully switch to the right channel. Yes, I can dream.

Maybe it's because I'm just still in denial about this whole thing. Anyone ever have experiences or thoughts like these? But even though I don't think my mind is currently grasping the entirety of this whole situation, I know things will end up being ok for me eventually and I may even find my dream and purpose in life someday. Here's hoping!

There are some super cool things I've been learning about CSS and design lately. Obviously, I like to talk about this stuff, ha! CSS is my new favorite web toy, if you can call a language a toy. :P Not only am I gleaning some amazing tips from the book that I mentioned in my last post but I've also discovered something pretty sweet from this CSS Layouts site. It is a repository for several kinds of validated and optimized layout markup that you can use for any kind of template. I'm not talking pretty colors and blog themes, this is the bare bones kind of stuff. It's great to play with!

The Amazing Em Unit

The cool thing I found was a tip on setting your site's container div widths. Instead of just setting an official pixel size for your main div container (like 745px, for example) you can set an em size. Depending on how familiar you are with CSS, you may have seen this before in the syntax as like "font-size: 1em;" or something. An "em" size will set whatever it is your sizing as relative to the font size of the parent element.

You know what that means?? It means that if you set your main div container to an "em" size, it will be scalable. Yes, you read correct. It will scale itself according to the font size of that container! So ultimately, it means that any user who needs to increase their font size via their browser will have the whole design scale a bit larger right along with it! That is kind of "wow" to me, I had never really heard of that before.

Now, of course, this means that you're layout must be able to be scaled. Meaning you can't really have a fixed width with fixed image sizes for your header and so on unless you make it so when the design is scaled, it doesn't break and go splat. Also, the "em" width has to be calculated according to whatever width you do want your site be. And technically, you can have that 745px by setting it as the min-width so your site doesn't shrink. See that image up there for an example. But how do you calculate the correct "em" size?

Divide your desired pixel width by 13; the result is your width in ems for all non-IE browsers. Take the em width you just calculated and multiply it by .9759 to find the width in ems for IE. ~ YUI Grids

Isn't that just a novel thing? I thought it was pretty amazing myself. :)

Comments

This is an old post, so both comments and trackbacks are currently closed. If you wish to leave a response, please contact me.

Jessica Apr 28, 2007

Is that where you been? That darned book! :gb: We all get those feelings you where talking about. I get them at least once a week. But then again I am 26, married, 3 kids (4 total w/ Amanda) & I have nothng to show for my wasted time on Earth. I know I will never find my niche so I gave up. Hopefully I will find it by accident. Unless I am to be the first chick to go on Intervention for my addiction to Dr Pepper. I will have to look into that as it is that bad for me with that stuff. I am just talking too much. Been playing Puzzle Pirates all day. Oh and getting my theme right instead of wrong how I had it.

Angela Apr 28, 2007

Haha that is really neat :D!

I’m so excited for you to be graduating! I think we all have those feelings and doubts and worries about “real life”. Even while we’re living it. I think it’s somewhat good to always be re-evaluating yourself though to make sure your happy with how things are :D!

Ashley Apr 28, 2007

Cool CSS stuff. :)

You’ll always have feelings like that at various times throughout your life. I’ve been where you are. I’m still sort of there. I don’t have an “established” career yet. I’m not to the point where I feel like I have a job I’ll always have. It’s really tough sometimes. I was sort of freaked out when I graduated in 2005. I had to get a job. A career. A serious one too. There might be some bumps along the way (I’ve certainly had some), but in the end, you’ll be just fine. :) Especially once you’re in Kentucky with Chaz. :D Am I right? :D

Melissa Apr 28, 2007

@Jessica: Hehehe, yeah! That and super busy trying to finish things up. You know what though, I bet that someday we will find our niches in life and they will just bonk us on the head. Randomly…I bet!!! Puzzle Pirates! Lol, I need to check that place out.

@Angela: Yaaaay, I’m excited too! And yeah, I probably will be re-evaluating for quite a while. :P

@Ashley: Yes you are right! :D Yeah I don’t think I’ll find the “established” job right away either, but it would be so awesome if I did.

Chien Yee Apr 29, 2007

Wow, I never really understood how to use .em before :) Thanks for the tip :D

I’m excited too~ It’s nice to see people around in graduating hats, smiling broadly like a Cheshire cat. hehe

Teelia Apr 29, 2007

Thanks for posting that css layouts site! It’s going to something interesting that I ca be checking out soo! ^-^ Your smilies are cute! :gb: :rainbow:

Sarah Apr 29, 2007

Hm. I use em dimensions on occasion but I tend to use percentages more. I don’t care if the layout width changes when text size increases so long as text stays visible and easy to read despite the size, within a reasonable range. However, I like having the layout width change based on the browser size.

Jordan Apr 29, 2007

I think it’s fantastic that you’re going to be graduating with a Bachelor’s Degree. Honestly, most jobs out there that are worthwhile in regards to salary and benefits, definitely look for that BA.

I’m excited that you’re going to be graduating AND moving to KY ;)

Melissa Apr 29, 2007

@Chien: Yeah! Isn’t it coooool? :D I feel like such a geek for thinking it’s amazing, hehe. Lol, Cheshire, yay!

@Teelia: Glad it helped you, it really rocks! :D I lub my smilies too!

@Sarah: Yeah I’ve used percentages more myself in the past. I may keep doing that mostly because making the entire design scalable seems like a bit more work. :P

@Jordan: Yay! Yeah the degree will help me…hopefully! And double yay for KY! :)

Ashley Apr 30, 2007

Yeah, Kentucky rocks! :D

Melissa Apr 30, 2007

You got it! Woo! :D

Caitlin May 01, 2007

Oh, I can totally relate. I am starting to feel the same way and I don’t graduate until December. I am sure things will be fine, but I understand that whole denial phase.

Arien May 03, 2007

I was scared to death when Clayton decided we ought to move up here to my home state from Texas. Being so far from my mom when I had just had a baby, plus, knowing he didn’t have a job ready for when we got here. But, I believe everything happens for a reason, and yes, I believe it’s got everything to do with God, but I won’t take you down that road, ^_^

Yay! Kentucky soon! Yay graduation!!!! Just… YAY YAY!!!! :art:

Amy May 03, 2007

I’m absolutely terrified of graduating from my degree too. I’m not ready for the real world. I was like this at the end of high school though, and everything turned out fine. I think I’ve always been a little scared of major changes. I just can’t cope with them.

I have a feeling everything will be fine with you though! You’re gonna go out into that big scary world with a great degree! Congratulations on graduating! :gb:

Daniel Nenadovic May 03, 2007

Graduating is quite frightening for a film major like myself.

There are actually some steady jobs working for businesses and such, making advertisements, etc, that pay well.

I’m one of the few who is determined to make it into hollywood.

And unfortunately, there’s no good way for me to do that.

Contacts, tenacity, skill, ability to feed bullshit to people, more tenacity, and a great deal of luck - these are the factors, and even they can fail.

So I’m already working on it as a freshman. By the time I graduate I’ll have established my name with some people inside, and hollywood is a small world, so once you’re in, if you can keep up, you stay in.

I don’t know how it is for Digital Media majors as far as job opportunities and wages and such go.

At the end of the day, things always seem to work. At least for me. And it seems to me like it’s that way for other people to. Just have some faith, in whatever. God. Life. Satan. Whatever floats your boat, faith can seal its cracks.

::Amandaah:: May 04, 2007

Hi!
I saw in your “About” that you like to travel to exotic places. You must to visit Brazil then, specificly Rio. You’d like here (I live in Rio), we have several beautiful beaches and a lot of entertainment options. We have also some amazing landscapes.
Ki$$es, later I come back here.

Melissa May 06, 2007

oo Congrats on graduating. I still need to go back to college and finish what I started but it’s just so expensive.

I’ve had thoughts and regrets like you’re having now, I think it’s a natural part of life. No matter how good we do we can always do better and we’ll always regret not doing that ‘extra little bit’ that could have made it more.

All we can do is our best and hope it’s enough. Congrats on graduating though!

Amy May 07, 2007

I’ve noticed the “em”, but it’s always driven me crazy. I guess I prefer regular ol’ sizes.

This site looks amazing, btw. Very nice.

:star:

Melissa May 09, 2007

Thanks all! :D