HTML5 and CSS3 Tutorial #2: Preventing Page Content From Wrapping When Re-sizing the Browser Window

Courtesy Note: If you found this tutorial useful, please take a few moments to comment below!

The following HTML5/CSS3 topics will be covered in this tutorial:

1. “min-width” and “max-width” CSS3 properties
2. “margin” CSS3 properties
3. Text-wrapping


This is a rather simple tutorial on a problem that all web developers have experienced in the beginning stages of their website development: text wrapping when the web browser window is re-sized.

By default, when you design your website and add content to it, your  web browser will automatically make your content wrap in each container element to ensure that your text fits on the page when you re-size your browser from left-to-right/right-to-left. But, most web developers don’t want that to happen on their pages. It’s ugly, first of all, and second of all it’s rather unappealing to your web page viewers if all your content was displayed differently depending on the size of the user’s window.

So, how do you fix that? This tutorial will show you a very easy solution to this problem.

First of all, let’s look at a very basic web page that I made (along with it’s HTML5 and CSS3 code).

Web Page (on a maximized browser window):

Web Page Displayed on Maximized Browser
Web Page Displayed on Maximized Browser

HTML5 Code:

[sourcecode language=”html” wraplines=”false” collapse=”false”]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Fixed Width Demonstration</title> <!– Title of tab on browser –>
<link rel="stylesheet" href="layout.css" /> <!– MAKE SURE TO LINK TO THE STYLESHEET WITH THIS LINE,
OTHERWISE YOU CAN’T USE THE STYLESHEET BECAUSE IT’S NOT BEING REFERENCED TO –>
</head>

<body>

<div id="wrapper"> <!– Will use "wrapper" styles in css file. –>

<header> <!– Will use "header" styles in css file. –>
<h1>Header</h1>
</header> <!– End of header –>

<div id="content"> <!– Will use "content" styles in css file. –>
<p>Hello World! My name is Jourdan Bul-lalayao and blah blah blah, yada yada yada. This is a demonstration, yada yada yada.
I’m showing you how to ensure that elements on your page don’t overlap other elements as the web browser resizes, and
to make sure your content doesn’t flow accordingly with the size of the web browser either.</p>
</div> <!– End of content –>

<footer> <!– Will use "footer" styles in css file. –>
<h1>Footer</h1>
</footer> <!– End of footer –>

</div> <!– End of wrapper –>
</body>
</html>

[/sourcecode]

CSS3 Code (file: layout.css):

[sourcecode language=”css” collapse=”false” wraplines=”false”]
#wrapper {
width:80%;
margin-left:auto; /* "auto" to help center the wrapper along with margin-right */
margin-right:auto; /* "auto" to help center the wrapper along with margin-left */
background-color:#CCCCCC; /* Hexadecimal representation for a light gray color. */
}

#content, header, footer { /* Notice that we can use several selectors for other elements if they each contain the same styles, instead of
writing each selector seperately */
border-style:solid; /* Displays border for wrapper element with help of the 2 following lines of code*/
border-color:black;
border-width:medium;
margin-bottom:10px; /* Ensures that other elements under these selectors are placed 10 pixels below. */
}
[/sourcecode]


Let’s take a quick look at exactly what problem I’m talking about. If you’ll notice in the following screenshot, the text in the “content” section of the page wraps (i.e. the text is forced to fit in the browser, even at a smaller sized window. Which means the content section shifts in size and shape, too) based on the size of the web browser’s window. But, it’s not just the “content” section that’s wrapping. The header and footer elements are wrapping as well, and you’ll notice that because they change in shape and size too:

Display on Resized Browser Window
Display on Resized Browser Window

Now, how do you fix this problem? Very easy. For this demonstration, we will be adding the min-width and max-width properties to the wrapper’s style in the css file, and giving those properties a fixed value. We will also be deleting the “width:80%” style for the wrapper, since its width will be fixed already based on how many pixels we specify for the “min-width” and “max-width” properties. For this demonstration, we will be using 960 pixels for both properties. Basically, with a min-width of 960px and a max-width of 960px, the wrapper element’s width, no matter what the size of the browser window is, will ALWAYS be 960 pixels; no more, and no less. You can specify another number for the min-width/max-width properties based on how wide you want your wrapper to look like in the browser, but for this demonstration it will be 960 pixels.

Here is a screenshot of the solution to the problem we examined, along with the new CSS3 code. We did not have to change anything in the HTML5 code.

New Web Page Without Wrapping Content:

New Display
New Display after using min-width and max-width properties

New CSS Code (file: layout.css):

[sourcecode language=”css” wraplines=”false” collapse=”false”]
#wrapper {
margin-left:auto;
margin-right:auto;
background-color:#CCCCCC;
min-width:960px; /* MIN-WIDTH PROPERTY ADDED */
max-width:960px; /* MAX-WIDTH PROPERTY ADDED */
}

#content, #header, #footer {
border-style:solid;
border-color:black;
border-width:medium;
margin-bottom:10px;
}
[/sourcecode]


Note: If you want to keep the same margins around the wrapper, you will have to specify a specific number for the amount of pixels you want in the margins, instead of using “margin-left:auto”, like this demonstration uses.

Questions/Feedback? Please comment!

P.S:

You’re probably a motivated web developer who wants to freelance, blog, and/or be the best developer you can be. I feel many developers suffer from lack of clarity on their career/life, and poor time management and productivity practices. Without clarity and without the commitment to maximize your time, you don’t give yourself the ability to even work on your website projects and hone your coding skills with maximum efficiency.
To be the best coder, blogger, or freelancer you can be, it helps to master the non-technical aspects of entrepreneurship and personal growth. To begin building a solid foundation, I highly recommend that you consider getting my mentor’s free entrepreneurship book and training right now, where he shares his top 30+ tips that he followed in order to become a multi-million dollar entrepreneur in his 20s. I’ve read it, and as a blogger and web developer, it’s made a huge difference in my career outlook and my productivity! In addition, you may also find his productivity and time management master class useful to sign up for!
Remember that the book is free, so be sure to get it here now because I’m not sure if he’s planning to remove the book off the website! Obviously you have the choice, but I truly believe that you will learn some valuable lessons from it, like I have as a fellow blogger and developer. Please let me know if you have any questions, and I’d love to hear what you learn from the book!

teb-fb

 

HTML5 & CSS3 Tutorial: Basic Web Layout With divs, id selectors, unordered lists, and floats

Courtesy Note: If you found this tutorial useful, please take a few moments to comment below!

The following notable HTML5/CSS3 topics will be covered in this tutorial:

1. New HTML5 Tags (header, nav, footer)
2. ‘id’ selectors
3. Unordered lists (‘ul’ HTML tag)
4. ‘float’ and ‘clear’ CSS3 properties


For those of you who don’t know, I’ve been working on a huge website project for the past few weeks and in doing so, I’ve familiarized myself and learned a whole lot about HTML5 and CSS3, and through my struggles of coding certain features, I had the inspiration of posting basic coding tutorials of how to perform certain tasks and do certain designs in HTML and CSS. The first tutorial I will be providing on this blog is making a basic web layout. This will also be posted in the “Code” section.

This will be a very basic tutorial of how to make a basic layout for a webpage using divs, unordered lists, and floats. I will be providing a screenshot of what the web layout will look like, as well as the code in html and css that designs that layout. Comments will be provided in each code snippet for html and css.

Objectives:

After studying the code and comments, you should be a little basic familiarity with how id selectors work and that they specify which styles the html code will be using from the css code, a little familiarity of why we had to use the float properties, what an unordered list looks like (in the code and visually), how the “clear” property works for floats, and how to make a really basic web layout.

Questions? Please leave a comment!

Desired Web Layout (with colors):

layout

HTML Code:

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="layout.css" />
    </head>
    <body>
        <div id="wrapper">
            <header> 
                Header
                <br />
                Header
                <br />
                Header
                <br />
                Header
                <br />
            </header>
            <nav>
                Navigation links go here.

                <ul>
                    <li>
                        <a href="#">Home</a>
                    </li>
                    <li>
                        <a href="#">Contact</a>
                    </li>
                    <li>
                        <a href="#">About</a>
                    </li>
                    <li>
                        <a href="#">Link #4</a>
                    </li>
                    <li>
                        <a href="#">Link #5</a>
                    </li>
                    <li>
                        <a href="#">Link #6</a>
                    </li>
                    <li>
                        <a href="#">Link #7</a>
                    </li>
                    <li>
                        <a href="#">Link #8</a>
                    </li>
                </ul>
            </nav>
            <div id="content">
                <p>Content goes here.</p>
            </div>
            <footer> 
                Footer
                <br />
                Footer
                <br />
                Footer
                <br />
                Footer
                <br />
            </footer>
        </div> <!-- Wrapper -->
    </body>
</html>

CSS Code:

Note: id selectors are always required to have the hashtag (#) before the name of the element in the css code.

 

body {
  background-color: yellow;
}

#wrapper {
  width: 80%;
  border-style: solid;
  border-color: black;
  border-width: medium;
  background-color: purple;
  margin-left: auto;
  margin-right: auto;
}

header {
  width: 100%;
  background-color: red;
}

nav {
  width: 30%;
  background-color: white;
  float: left;
  height: 400px;
}

#content {
  width: 70%;
  background-color: blue;
  float: right;
  height: 400px;
}

footer {
  clear: both;
  width: 100%;
  background-color: gray;
}

P.S:

You’re probably a motivated web developer who wants to freelance, blog, and/or be the best developer you can be. I feel many developers suffer from lack of clarity on their career/life, and poor time management and productivity practices. Without clarity and without the commitment to maximize your time, you don’t give yourself the ability to even work on your website projects and hone your coding skills with maximum efficiency.

To be the best coder, blogger, or freelancer you can be, it helps to master the non-technical aspects of entrepreneurship and personal growth. To begin building a solid foundation, I highly recommend that you consider getting my mentor’s free entrepreneurship book and training right now, where he shares his top 30+ tips that he followed in order to become a multi-million dollar entrepreneur in his 20s. I’ve read it, and as a blogger and web developer, it’s made a huge difference in my career outlook and my productivity! In addition, you may also find his productivity and time management master class useful to sign up for!

Remember that the book is free, so be sure to get it here now because I’m not sure if he’s planning to remove the book off the website! Obviously you have the choice, but I truly believe that you will learn some valuable lessons from it, like I have as a fellow blogger and developer. Please let me know if you have any questions, and I’d love to hear what you learn from the book!

teb-fb

 

Boku wa Tomodachi ga Sukunai: Love, Hatred, and Perverted Stuff

Boku wa Tomodachi ga Sukunai
Credit: mahoutofu

Anime: Boku wa Tomodachi ga Sukunai
Producer: AIC Build
Director: Hisashi Saitou
Genre: Romantic Comedy, Ecchi
Episodes: 25
Release date: October 2011

“I have few friends.” That’s precisely what the plot of this series is dictated by (and that’s also the translation of “Boku wa Tomodachi ga Sukunai”). Depending on who you are and what kind of anime interests you, that will or will not immediately grab your attention. But, for those of you who don’t think that sounds interesting enough, here’s a quick overview of the plot that’ll determine whether or not this is the anime for you.

The anime stars a transfer student named Kodaka Hasegawa whose had a track record of being unable to make friends, mostly thanks to the color of his hair, and to his supposedly intimidating eyes, which immediately threaten his classmates around him. He meets a girl one day by the name of Yozora Mikazuki, in which he finds her in a classroom, “alone,” privately conversing with an imaginary friend. After meeting each other and discussing their troubles in making friends and not having social lives, they decide to establish a club on campus, the Neighbors’ Club, in an effort to make friends, and to learn the social skills that every other classmate around them possesses.

Through the first season, we are introduced to the following people who join the Neighbors’ Club:

1) Sena Kashiwazaki – An attractive and arrogant girl who doesn’t have female friends, and takes advantage of the males who are blinded by her beauty and act as her servants.
2) Yukimura Kusunoki – A feminine underclassman who serves as an “underling” to Kodaka in an attempt to become more manlier.
3) Maria Takeyama – A 10 year old teacher and nun who is recruited as the adviser for the Neighbors’ Club.
4) Rika Shiguma – A perverted underclassman (underclasswoman) with fujoshi tendencies, but is also a genius.
5) Kobato Hasegawa – The younger sister of Kodaka who worships Gothic anime.

Lots of different personalities, and thankfully each of these characters play a role in keeping you entertained throughout the anime. You have the two girls, Yozora and Sena, in a situation where the other woman has to be better than the other: a situation which I’m sure many of you can relate to. You have the two younger girls, Kobato and Maria, who argue over whatever younger kids these days argue about. You have the side characters, Yukimura and Rika, who keep you entertained based on what their personality provides in this show. Actually, I shouldn’t have called them side characters. Their characters make huge transformations through the anime and you can argue that at the end of season two, that they are a whole lot more important in the anime than you initially thought they were when you were first introduced to them. And now you really have the actual side characters, which include Sena’s dad, Maria’s older sister, and a few other characters that make appearances later in the anime. I’m not going to go over their personalities right now, but some of these characters really do entertain you too and have a reason to be cared about in the show.

Though, this is a comedy, and has its really funny moments (as you can probably tell, these people don’t know how to socialize after all), most of the time you’ll just be calmly sitting in front of the screen. But, there’s a reason for that: it’s not just a comedic anime. Originally, the story began with two people trying to make new friends, but a-whole-nother story stems through the ground and becomes another reason why I loved watching this anime: love.

Okay, I’m sure some of you are sick of those lovey-dovey animes. But there isn’t necessarily a whole lot of lovey-dovey stuff in this anime. In fact, there really isn’t any, depending on how you look at it. The anime isn’t all about love, and there’s a reason why it’s called a Romantic Comedy. It’s funny, but the story is also driven through crushes and feelings, which a lot of you can relate to, especially those who are in relationships or have crushes on someone right now.

As far as the music goes, it most likely sounds like music in other shows that’re under the Ecchi or Romantic Comedy genre. One or two of the openings/endings may sound catchy to you, and that’s pretty much it. I was pretty fond of the second season’s opening, but it’s not something that I’d really listen to over and over again. But hey, it’s not like this is a Shounen or Mecha anime, which usually have the best music. The music definitely isn’t as annoying as the music that Yuri anime has, though.

Overall, you will either like this anime or you won’t. But, if you are open to any type of anime, I think you’ll like it. If you are a fan of Romantic Comedy/Ecchi stuff, then you definitely should check it out. After each episode, you will be eager to find out what happens next and because of that, you’ll definitely be watching more than on episode every sitting. This was my first taste in those genres and I particularly enjoyed it and watched each episode and was thoroughly entertained throughout the anime. The only thing that I wish this anime did better was make me laugh more, but that’s not a big problem. I especially recommend it to those who can relate to love stories, because you may find a spot in your anime playlist for this one.  I imagine there will be another season of Boku wa Tomodachi ga Sukunai, but season 2 has been done since March 2013, and as I am writing this review (June 2013), there is no season 3.

Final rating: 7/10

Lightning Returns: Final Fantasy XIII Release Date Confirmed

Release date:
NA: February 11, 2014
EU: February 14, 2014

I had just finished Final Fantasy XIII-2 about two months ago and I’ve been craving for the third game to release ever since. In my opinion, XIII-2 was better than XIII in many ways and the story wasn’t completed; which pretty much signified to me that there was going to be a third game in the works (which I hadn’t known prior to finishing XIII-2).

Earlier today, the E3 (Electronic Entertainment Expo) trailer for Lightning Returns: Final Fantasy XIII was released and after watching it, I’m pretty excited. Lightning is now the main character, as we all probably anticipated, and we also see some of the same characters from the previous games who will definitely make their presence felt in this game; particularly, Serah (whoa there, didn’t she… never mind, too big of a spoiler for those of you who didn’t play XIII-2!), Noel, and Snow.  There’s nothing that says that Sazh, Vanille, Fang and Hope will be of major significance (which actually surprises me, Hope was one of the more important characters in XIII-2). Though, maybe they’ll surprise me. Vanille and Fang are pretty important too but they didn’t do much in XIII-2. Maybe in this game, that’ll change?

However, while Serah, Noel and Snow are confirmed to be in this game, it looks as if there has been some kind of twist at some point between the events prior to Lightning Returns and the events after XIII-2. I can’t even decipher what may have happened because the ending of XIII-2 didn’t really hint at anything regarding what I’ve seen in the trailer. Along with the major shift in events, the settings look a whole lot different from what they were in the first two prequels and it actually looks a whole lot like Final Fantasy X, in my opinion. If you’ll notice, it looks like they’ve strayed away (in some parts, at least) from the futuristic settings and added some modern-looking settings. Though there’s still some futuristic settings I could point out in the trailer, some other settings really reminded me of previous Final Fantasy games. I was particularly excited seeing the gameplay in a dessert, as well as seeing Lightning run around in some more modern-looking cities (vs. a futuristic city like Academia).

Besides that, the graphics have stayed the same, and there’s no much else I can analyze about it, besides the fact that Lightning is back~!

The trailer hinted that this would be the “final act.” So the Final Fantasy XIII series ends here. Looking forward to it! Only about an eight month wait, though…

Fanime and Computer Science

It’s probably been about three weeks or so since summer break started. I’ve had a pretty good one so far. I already accomplished a lot, I guess I could say. I’m watching more anime, I’ve been writing programs, I’m building a website, I’m blogging lol, and all at the same time I’ve been able to spend some time with friends and family.

Ash & Tifa
Me (Ash Ketchum) with a Tifa cosplayer

I’ll begin with Fanime. This year’s FanimeCon in San Jose was the first one I’ve ever been to, and I was pretty excited, and overwhelmed I suppose. I thought I was a real nerd, but seeing everyone at the convention in their awesome cosplays and such actually made me feel out of place. I hadn’t watched a whole lot of anime prior to the convention so my knowledge on everything  was pretty much non-existent compared to everyone else; there is no way I would be able to hold any kind of intelligent conversation with anyone there, but regardless I got used to the vibe after a while. I had my friends and cousin show up so we had fun walking around and seeing everything. I even had some fun watching the Stage Zero events; I kinda wish I participated in the cosplay drawing contest. By the way, I cosplayed as Ash Ketchum, and compared to all the cosplayers over at Fanime, I was pretty damn confident that my cosplay looked just as legit as everyone else’s!

Along with my going to Fanime and watching my friends graduate, I’ve written some programs already. Two of them were written in Java and they’re desktop apps that rename your directories/files in bunches for you (so you don’t have to do it manually for each directory/file), and one counts how many files of a certain format you have on your desktop. Now, especially for the first program, you might be wondering how useful that might be. Well, for those of you that watch anime, you have a lot of unnecessary junk written in the beginning and/or end of each file/direcotry name, right? That program is EXACTLY what it’s for. The only thing is, I have to modify my programs and turn them into interfaces rather than have them execute fully through text. After that’s accomplished, I hope I can publish them as apps that people can use so I can say that I’ve made some apps at some point in my life.

My Website
Current color scheme of our website

And together with those programs, I’ve been working on a website project for the past two weeks or so. This is the current look of the homepage, and as you can see there’s still a lot of work to be done. But it’s making progress! If any of you viewers would like to give any feedback on the color scheme and such, then feel free to comment (or those of you who link to here through my Facebook or Twitter, just message me :P). I would greatly appreciate a lot of feedback because in order for this website to be successful, it has to attract viewers (much like any other website). Also, ignore the black text please. That’s just there for testing purposes.

Having said that, it’s pretty much a website dedicated to video game reviews and guides written by me and a friend of mine, but there’s no content published as of right now. The website will even allow for gamers to interact with each other through forums and chat rooms, and watch video streams conducted by the administrators. At the moment we’re collaborating with each other to decide what designs, color schemes, features, etc etc would look good on our finished product. For individual projects, I’m developing the website (the design, and the client/server-side related stuff), and he is writing the content. Whenever this website is officially done, I’ll be sure to have a link to it on here. In the future, we may even allow for a section dedicated to anime discussion and reviews as well.

As far as updates go on the blog, be on the lookout for another anime review soon. I already made one for Angel Beats! as you probably saw, the next one will be a review on Boku wa Tomodachi ga Sukunai!

Angel Beats! – Forever Cemented in Our Hearts

Angel Beats!
Credit: wikipedia

Anime: Angel Beats!
Producers: P.A. Works, Aniplex
Director: Seiji Kishi
Genre: Action, Comedy, Drama, Fantasy
Episodes: 13

Now to shed some light on my anime background, I didn’t get into anime until about last year where I was bored as hell at home with nothing to do. I’ve watched a little bit here and there (like Pokemon and DragonBall Z), but it wasn’t until my cousin told me to check out the hottest release last summer, Sword Art Online, where I officially entered the infamous otaku phase. From there on out I checked out some anime, including Fairy Tail, Hunter x Hunter, Boku wa Tomodachi ga Sukunai, and several other shows. And now, after exposing myself to the wonders of anime this past year, I’ve come to write my first anime review, which will feature arguably my favorite anime so far: Angel Beats!.

Before checking this out, I will admit that my standards in anime aren’t the highest since I’m just basically starting out and experimenting with what kind of anime interests me. But I think I can speak for a lot of people when I say that this anime is definitely one that needs to be on your playlist at some point, if you haven’t watched it already.

The anime stars a wanna-be doctor, Otonashi, who wakes up to the site of a young woman by the name of Yurippe (Yuri for short), who is on heavy watch with a sniper rifle. With no prior memories of what happened to him before he woke up, he is immediately greeted with the request to enlist in her Battlefront in order to rebel against God and to fight against their main target: Angel. In her short spiel, Otonashi is informed that he is dead, and that he is now part of an afterlife in which no one dies, and that he must fight in order to ensure that he is not “obliterated.”

Indifferent and somewhat confused, he leaves without enlisting and walks toward Angel to announce that they are aiming a gun at her and to inquire about who she is. When she speaks, she supplies him with the same information that Yuri gave him about the world that he is now in, and what it means to be here. Now irritated, Otonashi demands Angel to prove that he is dead; and thus is struck by Angel with an artificial blade.

Further through the anime, we are introduced to the rest of the Battlefront’s members and witness some of their backstories about how each of them came to this afterlife. Consequently, we learn that the reason why they came to this afterlife was because each of them was unsatisfied or devastated with events in their prior life and thus possess lingering, self-defeating emotions prior to their death in the real world.

Through the events that transpire in this anime, I guarantee that you will discover several likeable characters thanks in part to their unique personalities and heart-breaking backstories. While there are many characters in the show, the show mainly focuses on the development of only half of the characters. Though this has been seen as a major flaw in the anime, it makes up for it by the emotions and feelings that we develop for each of the main characters.

The main thing that this anime does perfectly is entertain you. At times, you will laugh at the actions that your favorite characters take and the dialogue that they spit at each other. At times, you will even think to yourself about how stupid some of the characters can be at times. But, it’s a funny stupid.

And that’s not even the best part.

What really made this anime memorable to me was how it could easily reach out to your heart and make you feel sad for a particular event/character. Coupled with great writing and music composition to match the tone of each event, the anime evenhas the potential to make you cry. And I’ll tell you right now: if you don’t cry at any point in this anime, you’re one heartless individual.

As far as music goes, I’m not really one to ask about music. There are some songs in here that I particularly enjoyed, but I think it’s safe to say that you will enjoy some of the music on the basis that it you’ll be moved and may even be overcome with emotion; mainly because you’ll be reminiscing over the scenes that each song was matched with. And that’s another reason why I think this anime is so great. The music in here is memorable because of how well it tied in with the action in this anime, and because of that you won’t forget about either the songs or the events that took place in this anime.

Though one flaw of this anime is clearly outlined. This anime is short, and consequently the character development for some of the characters is completely non-existent. You probably won’t even care for some of the characters in this anime, and that could be particularly disappointing to some people. And since you can deduce bits and pieces of each character’s backstory, whether or not it was touched upon, you might even feel saddened that some backstories weren’t covered at all. But as I mentioned earlier, the build-up for each of the main characters, in my mind, makes up for the lack of character development for the second half of the cast.

In short, this anime is guaranteed to find a place in your heart. I don’t care what your expectations are, or how much anime you have watched in your life. Whether this is your first anime you’re looking to watch or your thousandth, you will not forget this show. With a fantastic pairing of music composition and writing, you will be thoroughly entertained and may even shed tears. At the end of the day, it is one anime that you should check out if you haven’t already, and I promise that most of you will even recommend this anime to another friend too.

Final rating: 9/10

What We’ve All Been Hoping For: Game 7 – Pacers @ Heat

Credit: nba
Credit: nba

Or at least, that’s what MOST of us were hoping for in Game 6, right?

At this stage of the series, I still find it hard to figure out which team I’m actually rooting for. I saw the outcome that I was hoping for in Game 6 where the Pacers brought it back to Miami for a Game 7, and as an NBA fan I’m pretty satisfied. But this time I’m gonna have to set aside some time to actually watch Game 7, because honestly I haven’t watched much of this series. Looks like I’m not watching any WWE Monday Night Raw tomorrow.

As far as Game 7 goes, let’s take a quick look at a couple quick statistics:

– At home, the Heat were 37-4 in the regular season. In the post season, they’re 6-2 (2-1 vs. the Pacers).
– On the road, the Pacers were 19-21 in the regular season. In the post season, they’re 3-6 (1-2 vs. the Heat).

At best, the Pacers were an above average team in the regular season (with 8 other teams having more wins on the road); but even then, the Heat had the 2nd best home record this season behind the Denver Nuggets.

So, will the Heat’s dominance at home matter, especially vs. the Pacers’ performance on the road all season? With the exception of the 11 point loss @ Miami in Game 5, the Pacers have matched up pretty well with the Miami Heat on their own home turf. And now that they’ve managed to contain Wade and Bosh the past few games, I think the Pacers are in at a chance to stun the Miami Heat. With West and George being consistent as they’ve been (for the most part), and Hibbert playing like the best Center in the NBA, I think we’re in for a really close Game 7. Or at least I hope so, I’d be pretty embarrassed to give this prediction only to see this next game won in blowout fashion (especially by the Heat LOL).

Paul George vs. LeBron James
The Pacers need a complete game from George to stand a chance in Game 7.

Though, in order for it to be close at all (because there’s no way the Pacers are gonna blow out the Heat again, especially if they’re at AmericanAirlines Arena), EVERYONE in the Pacers’ starting line-up have to show up. I don’t even consider the bench (with the exception of Tyler Hansbrough and maybe D.J. Augustin) to be of much significance. It’s gonna be all about the starters this game and to me, the one who faces the most pressure in this final game is Paul George. If he can contain LeBron James the best he can and explode like he did in the last two games, the Pacers got this in the bag. But that’s, of course, if everyone else shows up too. If we even see an off-game from George in this last game (much like his Game 3 and 4 showings), the Pacers can kiss their trip to the NBA Finals goodbye.

You can probably imagine who I might be rooting for now. Pacers, you’re the underdog; let’s see you give everyone what they want and pull off a huge upset in Game 7. It’s win or go home.

Game 6: Heat @ Pacers – Who you got?

Miami Heat
(Photo credit: Wikipedia)

The series is currently at 3-2 in favor of the Miami Heat; in which the Heat must win one more to advance to the NBA Finals, whereas the Pacers must overcome the Heat in two straight wins to advance.

Personally, it’s hard to determine who I’m rooting for here. I love both teams, and actually one of my favorite players is Dwyane Wade. But, it’s always more interesting to see the underdog come out on top right? Unless of course, your own team is in the playoffs. It’s no fun if your team loses.

Having said that, I’m rooting for the Pacers to make it a 7 game series, and would love to see both teams lash it out in the final game. I’m satisfied with either side winning, but I’d love to see a Game 7.

So, any of the basketball fans out there, who you rooting for?