ModalPopupExtender AJAX flashes when page loads

ModalPopupExtender AJAX, I don't quite understand it and it likes to do stuff I don't know where it comes from.

For instance, in a project having a pop up on the master page and switching between pages the darn pop up flashes when page loads.  

solution:  add the style="display: none"

 

more at this link another-modal-popup-extender-question

css attribute coding convention

define outside attributes then inner ones last.

margin / border / background / padding / height × width

{
    display: ;    /* Where and how the box is placed */
    position: ;
    float: ;
    clear: ;

    visibility: ; /* Can the box be seen? */
    opacity: ;
    z-index: ;

    margin: ;     /* Layers of the box model */
    outline: ;
    border: ;
    background: ;
    padding: ;

    width: ;      /* Content dimensions and scrollbars */
    height: ;
    overflow: ;

    color: ;      /* Text */
    text: ;
    font: ;
}

http://rhodesmill.org/brandon/2011/concentric-css/

css: zoom overlay on image thumbnail

I was thinking of an alternative method of doing this instead of the absolute positioning of another div. 

 <a href="image.png" class="screen-img" target="_blank">  
 <img src="image.png" width="100" />  
 </a>  

using this class:

 .screen-img {  
 display: inline-block;  
 margin-right: 5px;  
 background: #999 url(zoom.png) 50% 50% no-repeat;  
 height: 75px;  
 width: 100px;  
 img {  
 &:hover { opacity: 0.4; }  
 }  
 }  

The zoom.png is the magnify image, set as a background in the link tag.  So when the image is hovered, it will be a little transparent showing the magnify image from behind.

bonus: niffy code formatting gen for blogger - http://codeformatter.blogspot.ca/

extra space using position relative (css)

use negative margin instead.

html image mapping.. is it used in the web? part1

Image mapping is an interesting method of breaking down an image to display added information  like clicking to a link or offering more specific details on an image.

The common way it seeems to be used is by breaking the image and by hovering specific areas shows a specific detail for that area.  Recently I have come acrossed this method to try to recreate this nifty annotation widget I saw on a blogging site.  What the annotation does is it allows the user to click an area of the image and take a snapshot of it where the user can make a comment of that particular detail on the image.  Another way this is used where everyone is familiar with is the facebook photo tagging.

In my circumstance I mapped an image of a car, detailing each car part.  So when the user creates a snapshot it will also include the name of the part.

I'm still experimenting the whole thing.. more to come later.

AnkhSVN.. i can't remember everything.

This is a great free subversion program!

So how do I show SVN on Visual Studio?

1. Go to Tools > Options > Source Control > Plugin selection

2. Select "AnkhSVN – Subversion Support for Visual Studio"

3. Then press OK

done.

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