Destination Weddingwelcome Letter

jquery.pngFix.js PNG Transparency for Windows IE 5.5 & 6

jquery.pngFix . js
PNG-Transparency for Windows IE 5.5 & 6

This plugin will fix the missing PNG-Transparency in Windows Internet Explorer 5.5 & 6.

Features

• unobtrusive script, simple to setup


• works now also with CSS-Backgrounds (but scaling backgrounds)


• works with PNG-Images within Links


• TITLE, ALT, CLASS and STYLE-Attributes are considered

This page uses jQuery Version 1.3.2

Version 1.1, 2007-09-11
Tested on Windows XP SP2 with
- IE 5.5 + 6 + 7

Download

E x a m p l e s:

   PNG with transparency 
 
  
 
        src  =  "pngtest.png"     width  =  "173"     height  =  "173"     alt  =  "This is the alt-Text"     />          

   PNG with TITLE-Attribute 
 
  
 
         src  =  "pngtest.png"     width  =  "173"     height  =  "173"     
 
     title  =  "This is the title-Text"     alt  =  "This is the alt-Text"     />          

   PNG within a link 
  
  
 
        href  =  "#"     onclick  =  "alert('click');return false;"    >   
 
            src  =  "pngtest.png"     width  =  "173"     height  =  "173"     
 
         title  =  "This is the title-Text"      alt  =  "This is the alt-Text"     />   
 
                 

   PNG within a link and a STYLE-Attribute 
 
  
 
        href  =  "#"     onclick  =  "alert('click');return false;"    >    
 
            src  =  "pngtest.png"     width  =  "173"     height  =  "173"     
 
         style  =  "border:1.0em dashed #090;padding:10px;margin:10px;"     
 
         title   = "This is the title-text"   alt =   "This is the alt-text"   />  
        

  Div with PNG background via CSS 
 
   >  
    style =   " float: left; width: 173px; height: 173px; 
 background: url (pngtest.png); " >  
 This is a div-Container using a png as background ... 
        


style = "float: right; width: 346px; height: 346px;
background: white url (pngtest.png);" >
This is a div-Container using a png as background ...

 style = "clear:both;" >
 

This is a div-Container using a png as background ...

This is a div-Container using a png as background ...

   Input with PNG-Source 
 
  
 
       >   
 
        type  =  "image"     src   =  "pngtest.png"     width  =  "173"     height  =  "173"     />   
 
                 

How to use jquery.pngFix.js

1.
Download jQuery  
Download pngFix.zip   View Source
2.
Add jQuery and pngFix to the HEAD-Section of your HTML ...

         >   
 
 ... 
 
        type  =  "text/javascript"     src  =  "jquery-latest.pack.js"    >       
 
        type  =  "text/javascript"     src  =  "jquery.pngFix.js"    >       
 
 ... 
 
                    

3.
Activate pngFix on document.ready

    
 
 ... 
 
   "text/javascript"> 
 
     $(  document  ).ready(  function  (){ 
 
         $(  document  ).pngFix(); 
 
     }); 
 
  
 
 ...      

Test PNG (without transparency in IE 5.5 & 6)

above switch to PNG transparency

Besty Johnson Diaper Bags

jQuery code optimize

jQuery code optimize

jQuery JavaScript Framework is a very practical, easy to use and which is also pretty fast. Since version 1.3, the selectors have also become faster again many times. Nevertheless, it is, especially for larger projects that never runs the JavaScript code to optimize. But I have some simple tips that help reduce the execution time of Java scripts to.

your traditional browser functions are always faster than functions in a Library

For example, one should rather normal for () use of JavaScript as the jQuery function $. Each () even if it delivers more features. Likewise, care should be taken to ensure that as few functions are used. So the first one to assemble the entire string, and only then the string in the location in the DOM fits to which he belongs. make

No long string concatenations, join instead use the easy navigation array

 var tmp =''; 
 for (var i = 0; i \u0026lt;= rows.length; i + +) {tmp + = 
 '
 
' + alert rows [i ]+''; 
} 
 (tmp); 
 
 / / is faster 
 var tmp = []; 
 for (var i = 1; i \u0026lt;= rows.length; i + +) {
 tmp [i] = '
 
' + rows [i-1] + ' ';} $ 
 
 alert (tmp.join ('')); 
 
 
 

Easier DOM selectors to smaller parts are used faster
The fastest of the Selector is $ (' # id '). Whenever possible, you should each element of which is to be addressed and put a unique ID to address the item above. This is definitely the fastest way to address an item. The second fastest is, DASD selector $ ('tag') via an HTML tag. Even combined, these two are very fast.

 var range = $ ('# container'); 
 var link = bereich.find ('a'); 
 var table = bereich.find ('table'); 

How To Make Tile Hearth Pads With 2x4

Nice new CSS: box-shadow

Nice new CSS : box-shadow

25th June 2009, 13:21 clock 10 comments · letter

A design like that of my blogs are virtually no umtzusetzen with flexible width. The various shadow effects would make it necessary to use on all edges and corners of boxes several individual graphics - that is, but is cumbersome, unmaintainable and harms the performance. One solution to this is heralded with the CSS3 box-shadow property . The idea of this fine piece of CSS technology is a new part for the series beautiful new CSS , the other parts, I at this point would also like to recommend again:

• Text shadow using CSS
• Alternative color information
• About font-size-adjust
• General Sibling Combinator
• The Appearance property
• CSS Transforms
• Return the tables
• box-sizing

What box-shadow ? With

box-shadow can miss any HTML elements a nice shadow effect. The specifications see this shadow in front of several at once. Especially handy is that the shadow grows in size and change the box or mitschrumpft rounds at the rounded corners as well.

How to use box-shadow ?

A simple shadow is as follows:

 / * Simple shadow * / 
 # test {box-shadow: 8px 8px # 666;} 

  / * Simple shadow * / # test  
    {box-shadow :  8px 8px      # 666;} 

The first two values describe the horizontal and vertical offset of the shadow, for which one can add positive and negative values. The last value sets the color of the shadow, for which one can use one of the new color details of CSS3 finely control the transparency. To get a soft shadow edge, just add a value for the blur behind the specifications for the horizontal and vertical offset Reviews

 / * Soft Shadows * / 
 # test {box-shadow: 8px 8px 8px # 666;} 

  / * Soft Shadows * /  
  # test {  box-shadow : 8px    8px 8px      # 666;} 

With a further indication, one can control the radius of the shadow:

 / * shadow with a fixed radius * / # test 
 {box-shadow: 8px 8px 8px 8px # 666;} 

  / * shadow with a fixed radius * / # Test  
    {box-shadow :  8px 8px     8px 8px      # 666;} 

here can also be registered negative values to a smaller shadow to produce.

It is also possible to assign an element arbitrarily many different shade at once. Multiple shadow you just listed, each separated by a comma in a row. This is the first defined Shadow over all others and the last defined at the bottom: 8px 8px 8px green red,-8px 8px 8px, 8px 8px 8px-blue:

 / * Four Shadow at once * / # test 
 {box-shadow -8px 8px 8px-yellow;} 

  / * Four Shadow at once * / # test  
    {box-shadow : 8px    8px 8px     red  -  8px     8px 8px   green ,  8px  -  8px 8px     blue  -  8px  -  8px 8px     yellow  ;} 

And finally, there are (at least in Firefox 3.5), the ability to assign an element of an inner shadow. You only need to only the inset keyword somewhere to place in the informal definition:

 / * Inner Shadow * / 
 # test {box-shadow: 8px 8px 8px # inset 666;} 

  / * Inner Shadow * / # test  
    {box-shadow :  inset   8px   8px 8px     # 666 ;} is 

For all of this as it is always a test page and who is lazy, is his joy in this Box-Shadow Generator have.

Which browsers support box-shadow ? In terms

Bowserunterstützung it looks comparatively dark. Although the next two Webkit browsers Safari and Chrome also supports the Firefox 3.5 box-shadow (with -webkit or -moz prefix), but between that which delivered the three browsers at the end of optical, still visible differences.
Opera has not implemented box-shadow and before there is an Internet Explorer CSS3 features that freezes the hell. That's a pity, because box-shadow I think it rather less fit for it, act like text shadows and rounded corners as additional decoration, to which one can do without at a pinch, too. If we had full support for this feature, however, we could save so many bytes of image file and flexible layouts, simple design and / or beautiful. But still it is not so far.

Monster Energy Drink Gothic Font

HTML5: login New elements in Internet Explorer

HTML5: New elements in Internet Explorer log

8th January 2009, 15:35 clock 7 comments · letter

Note: This post is old .
It may well be that the content be out of date and it is also possible that no one responds more to new comments.

If we use today HTML5 elements, the most recent browser to govern fairly reasonable, allowing for example the styling of these elements without much trouble. The Internet Explorer does fall, however (as expected) in the face of wondrous things like

of faith produced from this and from HTML ...

    class   =   "alpha"  >  
   >  Alpha   
   >  
 section Alpha 
   
         

... this wonderful DOM grits:

    class     = "alpha"  >    
   >  Alpha   
   >  
 section Alpha 
   
         

no wonder that something not can style. This problem can be repaired but! It is actually quite simple, you must register the new element with only one line of Javascript in IE:

 document.createElement ('section'); 

Already, there are no more problems (see test page). This procedure can be with each HTML5 element that he needs to perform, or have direct access to HTML5 enabling script that enables the complete range of HTML5 elements for Internet Explorer. Sounds to me slightly overkill, but if you really want to use many of the new elements ... why not?