Exercising self-control for to long will lower the amplitude of your feelings either is joy, pain or frustration. You will become a cold-bloded reptile. Take time to feel joy for every little or big success you have. This will keep you warm inside.
For a lot of designers and sometime developers out there, “living on the edge” is not just a plain boring clishe. I’ll get to the point. Even if Twitter Bootstrap’s nice grid system really gets a burden off your shoulders by taking care of widths and placing elements in the “picture”, sometimes I was really frustrated by not having the possibility to make the span8 or span9 just a little “narrower”.
I also had a very meticulous client that really turned some of my days into rainy days with lots of clouds above my head… Not to mention the thunders and lightning that was going on…A pixel here, a pixel there, the pixels sum up and the work has to be done!
So I had this nice design, that took me months, and in the last day, he said something like :” Well, there is a scrolling bar showing on the 1024 width. please fix”. My code was something like:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
<div class="container-fluid index_class" id="main-wrapper1"> <div class="row-fluid"> <!-- START LEFT SIDE --> <div class="span9"> <div class="main_content"> <div class="container-fluid"> <div class="row-fluid product_listing"> <! -- More code --> </div> <div class="row-fluid product_listing"> <! -- More code --> </div> <div class="row-fluid content-section"> <div class="span12"> <div class="head1 btn btn-info"> <h3>Right side column first box</h3> </div> <div class="main"> <!-- more code --> </div> </div> </div> </div><!--/container-fluid--> </div><!-- / main_content--> </div> <!-- span9 END LEFT SIDE --> <!-- START RIGHT SIDE --> <div class="span3 right_column visible-desktop"> <div class="row-fluid"> <div class="span12"> <--more code --> </div> </div> </div> <!-- END RIGHT SIDE --> |
I had to come up with a fast idea, I prayed god (yes, I did!) to give me power to manage anger and a nice idea to fix this fast. God was pretty kind, so he came up with this ( and of course another little change not relevant to this topic, but you get my point: i didn’t needed to change “the world” anymore). Notice the second line:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
<div class="container-fluid index_class" id="main-wrapper1"> <div class="row-fluid" style="width:97%;"> <!-- START LEFT SIDE --> <div class="span9"> <div class="main_content"> <div class="container-fluid"> <div class="row-fluid product_listing"> <! -- More code --> </div> <div class="row-fluid product_listing"> <! -- More code --> </div> <div class="row-fluid content-section"> <div class="span12"> <div class="head1 btn btn-info"> <h3>Right side column first box</h3> </div> <div class="main"> <!-- more code --> </div> </div> </div> </div><!--/container-fluid--> </div><!-- / main_content--> </div> <!-- span9 END LEFT SIDE --> <!-- START RIGHT SIDE --> <div class="span3 right_column visible-desktop"> <div class="row-fluid"> <div class="span12"> <--more code --> </div> </div> </div> <!-- END RIGHT SIDE --> |
I know is not an “elegant” way to do it, I am not an inline style fan myself, but a man’s got to do what a man’s got to do in some special situations. However, I recommend this to be used only in extremely dangerous contexts when you don’t have time or things go really wrong… Cheers!