tabindex for popups

I've designed many forms with tab ordering and usually they are on the main browser window.  So the tabindex flows through each item with no issue.  But what if you have a popup window with a form?  Does the popup tabindex trump the tabindexes from the main window?  Yes it does actually but you would need to arrange you indexes so that the numbers are not the same as the ones from the main window.

So if in the main window the numbering is 1,2,3,..10
The popup ordering has to be a different set 20, 21, 22,..30

The More You Don't Know... SASS

When I first started to read more about CSS3 and HTML5, I thought that they were relatively new since browsers began catching up to them around 2009 (I have only started learning around 2012).  Today I have discovered that there are evolved ways for CSS, ie SASS.  SASS is a dynamic template to generate CSS.  It seems like it is a method to creating a more tidy css style sheet for a webpage/app/etc.  And it was developed in 2008. 

http://sass-lang.com/

Best way to remove Gum on clothing

I haven't posted in awhile but I haven't forgotten my blog site.  So here's another installment for new found treasure!

I recently had to remove some gum off from clothing and I tried three methods suggested on the internet.  One was freezing the clothing then scrap off the gum (not work), the other was ironing the gum to a cardboard piece of paper (not work either).  The last option I tried also the best and took the gum right off was soaking the clothing under hot water then brushing the gum off with a tooth brush.

I wish I did that first coz there was left over residue from the previous attempts and unfortunately unremovable.  Anyway hope this was helpful.

treasure! Web Report Card

Need to perfect your website?  Try these: google pagespeed
yslow
It's a great way to tweek your site for better browsing experiances for your users.

More tools to simplify and optimize your code:

google closure
yuicompressor
minify

jquery not firing

So I had this issue before where when a page loads the jquery script would not fire for other function displays like tabs. 

Why is that?

Well there was one answer I had which was using .on() but this only fires when an event is triggered, like mouse clicks, etc.  In this case it was in the jquery tabs.  The script would show on the first tab but not show in the others.

What to do?

The task was in each tab there was a condition, and if met an image would display.  Theoretically the condition should work for each tab (which is a mvc page view) but the issue was that the condion written was too general.  So when it became more specific the code was then fired.

The condition took the first tag for the entire loaded view but not run each script for each pageview.

eg,

$("#A #B").addClass('something');
$("#C #B").addClass('something');
$("#D #B").addClass('something');

rather than

$("#B").addClass('something');

indexed png .. how to edit?

I had no trouble working with gradient black to transparent images using fireworks but when I was working with images white to transparent it didn't not work.  It would solidify the transparent whites. ugly.

There is a solution here alpha-transparency-in-indexed-png-images

But here's my work around using both fireworks and photoshop.

1. Open the image in fireworks.  Do your editing.
2. When done save the image as fireworks png.

3. Open your image in ps.
4. Save your image with "save for web and devices" choose png-24.

It'll increase your file size a bit more than the original for me it was less than double but still under 10kb.  I will test more with png-8

pay your respects

graveyard_of_dead_google_products