HTML,CSS,PHPのコーディングになくてはならないソフトAptana。このソフトでコーディングすると、入力補完が優れているので大変便利です。しかし、最近になって入力補完が効きすぎて若干使いにくくなりました。この入力補完を無効にする設定方法をご紹介します。

メニューバーから【Aptana Studio】をクリックして【環境設定】を表示させます。

Aptana Studio→エディターの項目にある【Preferences for all Studio editors】の2番めのチェックボックス【Auto-close matching character pairs】のチェックを外します。

こうすることで、ダブルクォーテーションやシングルクォーテーションを閉じる補完を無効にすることが出来ます。AptanaやEclipseは設定項目の場所がわかりにくいので、是非参考にしてみてください。

これからの「標準」を身につける HTML+CSSデザインレシピ

続いてこのCSSを加えるとマウスオーバーさせた時にグッと拡大するアニメーションが付与されます。
＜style type=”text/css”＞
#upload:hover {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
}
#upload{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
＜/style＞

#upload:hover {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
}
#upload{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
input[type=”file”] {
-webkit-appearance: initial;
padding: initial;
background-color: initial;
border: initial;
}

大きさやスピードを変化させたい時は(scale)と(all ～ s)の値を変えます。
ボタンが拡大されることでちょっとした面白さが生まれますね。

HTML5+CSS3の新しい教科書