2015年3月31日火曜日

phpMyAdminにログインできないとき

phpMyAdminにログインできないとき | PHPプログラミングの教科書 [php1st.com]



config.inc.phpを確認



phpMyAdminにログインできないとき | PHPプログラミングの教科書 [php1st.com]

phpMyAdminにログインできない場合、次のような原因が考えられます。 ●原因1:パスワードの変更後、config.inc.phpを修正していない phpMyAdminの設定ファイル(config.inc.ph . . .

2015年3月17日火曜日

Apacheについて

Apacheについて知ろう (1/2)



Apacheについて知ろう (1/2)
いまや、ApacheがWebサーバのデファクトスタンダードであることに異論を唱える人はいないだろう。しかし、ほとんどの人は「デファクトスタンダードだから」Apacheを使っているのではないだろうか。なぜApacheな . . .

2015年3月12日木曜日

Googleドライブのファイルをネットプリントで印刷する方法

iPhoneしか使えないときにGoogleドライブのファイルをネットプリントで印刷する方法

iPhoneしか使えないときにGoogleドライブのファイルをネットプリントで印刷する方法
iPhoneしか使えないときにGoodReaderを使ってGoogleドライブのファイルをネットプリントで印刷する方法

2015年3月11日水曜日

Word/Excelで「ファイルが壊れている」と表示される

GmailなどのWebメーラーの添付ファイルをダウンロードして開こうとすると、

「ファイルが壊れているため開くことができません。」

と表示される場合があります。(Windows7の場合)




このような場合は、ファイルアイコンを右クリックし、プロパティを開きます。


「ブロックの解除」をクリックし解除すると開くことができます。

これに気づくまでかなり時間がかかりました。何のメッセージも無く、ただ壊れていると表示だけされるとは、不親切ではないでしょうか?




2015年3月3日火曜日

モバイル(タッチデバイス)用に設定すべきCSS


リンク要素をタップしたときのグレーや緑の枠を消す


* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*透明色を指定*/
}

iOSでリンクを長押しした際に表示されるポップアップメニューを消す


* {
    -webkit-touch-callout: none;
}

フォーカスのある要素(リンク、フォーム等)の枠・点線を消す


* {
    outline: 0px none;
}

iOSでフォームのボタン等のデフォルト表示を無効にする

input {
    -webkit-appearance: none;
}

テキスト選択できないようにする


* {
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}

※ただし、このままだとinput要素で文字入力ができなくなる場合(Androidの古いバージョン等)があるので以下のように指定する。

input[type=text]  {
    -webkit-user-select: auto;
}

慣性スクロールの適用


div.CLASSNAME {
    -webkit-overflow-scrolling: touch;
}

GPUアクセラレーションを効かせる


div.CLASSNAME > * {
    -webkit-transform: translateZ(0px);
}

※上記の慣性スクロール動作が重いときに指定するとよい。
※GPUアクセラレーションを効かせる指定ならば-webkit-transform: translateZ(0px)以外でもよさそう。ただし、iOS6からは、-webkit-transform:preserve-3dではGPUアクセラレーションが効かないそうです。

iPhoneで文字サイズが大きくなりすぎる場合

body {
    -webkit-text-size-adjust: 100%;
}

参考: -webkit-text-size-adjust: none を絶対に設定してはいけない理由

ボックスサイズ算出方法の指定


* {
    box-sizing: border-box;
}

※パディングとボーダーを幅と高さに含めて表示


その他: 参考 スマートフォンサイト制作時に覚えておきたいCSS 15