is, and will be, the number of the last photo i took on my lumix fx01, a picture of me and my aunt, and 6 LA cops by the golden gate bridge
gg lumix, maybe it’s time i finally switch over to the dslr side and break my wallet even more
i spent probably 400 – 500 US in the last 2 days of shopping
im at san jose/cupertino visiting my aunt with my mom, my aunt moved here about 5 or 6 years ago, and this is the first time i’m visiting, it’s the 3 of 8 days trip, and so far, all i’ve really done is shop lol, i went to the gilroy premium outlet 2 days in a row, and there’s a burton outlet everything 60% off, so gg my wallet, i bought a XS jacket (120, that’s right, xs size, they had like 10+ of them diff styles too, yay for outlet) and pair of gloves (30), carry on burton luggage (60), thermal fleece underlayer long sleeve (26), under layer pants (15), gravis backpack (30), sox (10), it’s too crazy, there’s no control ;/
and of course, walking around outlet i bought more stuff too, good thing we decided not to go to alexander’s steakhouse
today is my last day at work, i started at navarik when they first moved into this current building as a co-op back in 2005 or something, then i did part time here and there til i finally got myself a full time paper to sign, my first day in 05 my job was setting up my own comp and build an ikea desk for don’s office (i dont think i’d ever forget ha)
my main work here has always been doing html/css, i take mockups and make templates, then i fix ui bugs for our application, like 80-90% of the time that’s all i did, for THREE+ YEARS
one of the last thing i’m doing is writing bunch of comments and documentations to help people using our mega thousand lines of css files, which i thought this might be something good to share, they’re not super complicated or anything, and you can probably google most of them too
align a block element right
- set margin-left: auto to align right (setting both margin left and right auto will let you align center – margin: 0 auto)
- make sure you set clear: right after or use the clearfix class to avoid potential weird layout bugs
- one way to put 2 block elements in the same row, but one align left and one align right is to set float: right on the right block, but in the html put the right block code first, if you put left div first (even though it probably makes more sense to do so) right div will be align right but placed under left div, not in the same row
positioning
- negative margin top will shift up, negative margin bottom will actually shift the element below up (so it overlaps)
- set position relative or absolute also lets you set z-index, sometimes position: relative works well with negative margin
no line break
- white-space: nowrap works only on inline element (i’m pretty sure) – <span>, <label> and not <div> or <td>
- try not to use <nobr> i think it’s deprecated html
table+borders
- (old way) set table to have top and left border, set all cells to have right and bottom border
- (better way) set table and all cells to have border, then set border-collapse: collapse
image background
- you have to set display: block most of the time to use background image (so you can set width and height on the block), but sometimes if you have a small text/link with icon, you can set it on the a/span, and just give it additional left/right padding, or adjust the line height, cause the awesome inline-block only works in IE
below is a list of crazy things that usually happens in IE only
100% and padding
sometimes when 100% width is set on a div or table, it will expand to the full width of its container, this doesn’t include the padding set on the container so the div/table width may exceed the parent container
FIX – if you must have space around the parent block, one way to work around it is to set no width on the inner block element (div, p) and just set margin instead, may not work for table
shifty textarea
when a text area is set to 100% width, it will expand to the full width of its container, but if the container has padding set, the text area will appear fine, but once you type something inside, it will expand and the width may exceed the parent container
FIX – use the <fieldset> tag, this is used in claims, google for example
overflow scroll container with elements inside
when overflow auto or scroll is set, in FF the scroll will appear outside of container, in IE it appears inside of container – this sometimes causes a problem where horizontal scroll appears because the vertical scroll is covering up the content inside the container
FIX – right now the current solution is to set the inner child div/table/element to be 98% width or something
bleed through select box
when you use div as a dropdown menu, when it overlaps a select box, the select box will bleed through the div block and there is no way around it, the select boxes exist in some magical top layer that no element can get through
FIX – the trick is to insert an iframe underneath the dropdown (YUI does the same fix), insert an iframe tag and style it so it is exact same size as the div block dropdown and position in the same spot as the dropdown, and then set the z-index value for the dropdown 1 higher than the iframe
radio button alignment
radio button and its label never have good vertical alignment, the alignment are not the same in IE and FF so you can’t really just set the vertical-align property
one more week
this morning me and kei went for coffee/breakfast at Waves Coffee cause i got a $10 gc from news1130, and so for 2 coffee and a muffin it came up to $10.52, so i gave the guy my gc, and a dollar, and he gave me my card back and went to make coffee, and then i thought i lost my 48 cents, but really he was so smart, and he left 48 cents on my gc instead, THANKS! cause you know, i’m going to carry that around all the time
last night me and kei went to white spot cause i had this $5 off coupon for dinner, personally i really like white spot burgers, it’s not “too expensive” for eat out – with the coupon, and their magic fatty sauce is pretty magical, nothing compare to splitz but it’s 5 min away, we had calamari and i had a bacon cheese bigger burjer and beer combo (i guess they dont come in normal size anymore), and then for some reason i was just stuffed, like i went to eat some kinda ayce, and then after we got home i fell asleep at like 9 something, i lost to food coma
and then i said i should only do this once or twice a month, no more
i also realized that i haven’t bought beer for a while, surprise
i’ve been playing sf4 and my psp lately, i traded all my 360 games away yesterday and i only have ONE game left – warriors orochi, i’m also undefeated in online battle, 4 wins! this is for you chun li lovers
(Maya Miyamae – Yume e no Position (Chun-Li’s Theme), found it on kotaku) anyone still want to go see SF Legend of Chun Li movie?