Eclipse: Word-Wrap Plug-In

1. Go in Help – Install new software
2. In oppened window in string “Work with” write http://ahtik.com/eclipse-update/ and touch Enter
3. Change Plug-in and install him
3. After install you can see “Word Wrap” in Eclipse-Menu and you can use HotKey CTRL+ALT+W.

The End, nice work in Eclipse!

MODX – “//” Darstellungsproblem wegen magic_quotes

Manchmal kommt es beim Save und beim Darschtellung.

statt:

<div class="myClass"></div>

bekommen wir:

<div class=\\\"myClass\\\"></div>

CSS Tricks: the most complete CSS Hacks collections for Chrome and Safari

Modern browsers only (not IE 7)

html>/**/body .myClass {
	...
}

Gecko only

.myClass:not([attr*=""]) { 
	...
} 

Safari 3.0 and Chrome only

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .myClass {
             ....
    }
}

CSS Tricks: the most complete CSS Hacks collections for any IE (Internet Explorer) browser version

IE8 Only

.myClass  { 
     color:red/; /* red color */
     padding:70px/; /* padding 70px only for Internet Explorer 8 */
}

IE 6 Only

* html .myClass {
	...
} 

All except IE6 standards

.myClass { 
	property /**/: value; 
} 

IE 7 Only

*:first-child+html .myClass {
   ...
}

CSS Tricks: the most complete CSS Hacks collections for any Opera browser version

hack for Opera <=9

html:first-child .myClass {
	...
} 

Opera < 9.5 only

@media all and (min-width: 0px) { 
	html:first-child .myClass { 
		...
	} 
}  

CSS Tricks: the most complete CSS Hacks collections for any Firefox browser version

Firefox Only

@-moz-document url-prefix() {
	.myClass {
		...
	}
}

Firefox, Opera, Konqueror, Safari

*|html .myClass { 
	...
} 

CSS Tricks: Vertical-align:middle in IE7

1. For normal browsers put text/picture in сontainer;

2. for сontainer set:

    display:table-cell;
    vertical-align:middle;

But for IE7-container set display:block;

And for the element itself, that must be align:

CSS Tricks: Delete unnecessary padding in button for Firefox/Chrome

For Firefox:

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

Or Chrome/Firefox … ?

button {
    -webkit-border-fit: lines;
}

CSS Tricks: Opacity in IE,Firefox,Opera

.myClass {
	background-color:#000;	
	-moz-opacity:.82; /* Firefox */ 
	opacity:.82; /* Opera */
	filter:alpha(opacity=82); /* IE */
}

CSS vertical und horisontal Alignment in DIV Elements

This CSS-code for elements, which must be aligned horisontal und vertical in DIV-Element.

Parent Element

#parent {
display: table;
float: left;
height: 80px; /*must be change for self*/
vertical-align: middle;
width: 100%;
}

Child element

#child {
display: table-cell;
vertical-align: inherit; /*inherit alignment like a parent*/
width: 125px; /*optional, if there are more elements in parent block */
}