PHP PHPの配列をjavascriptの配列に代入する方法
PHPの配列の中身を、Javascript（以下JS）の配列の中へと入れ替える場合は、このようなコードになる。 $hoge = array("りんご","バナナ","アルマジロ"); $hoge_kanma = join("," , $ho...
PHP 
スマホ ねこあつめのNo pictureを写真付きに変える方法(ベストショットの設定)
AndroidとiPhoneのアプリ「ねこあつめ」において、「メニュー」から「ねこ」を選択すると、今までに会った事のあるネコたちの一覧が表示される。 でも、下のように、「写真が表示されるネコ」「顔だけ表示されるネコ」「顔が？で表示されるネコ...
HTML&CSS htmlとCSSで入力フォームをレスポンシブ対応にする方法
レスポンシブウェブデザイン化するにあたって、inputによる入力フォームの長さがおかしくなったので改善した。 もともと以下のようなソースだったのだけど、 <input type="text" name="q" value="" size="...
HTML&CSS [jQuery]再読込み＆ブラウザサイズ変更時に表示サイズで処理分木する方法
サイトをレスポンシブデザイン化する時などに、 ページが再読込みされた時と、ブラウザのサイズが変わった時のページ表示サイズで、任意の処理を設定できればかなり便利。 で、以下がその方法。 $(window).on('load resize', ...
HTML&CSS [CSS]サムネイルのマウスオーバーで指定場所に画像を拡大表示する方法
サムネイル画像を複数並べてそのどれかにマウスを乗せると、どれに乗せても同じ場所にその画像が拡大表示される方法を探してみたところ、いろんな情報が出てきた。 ただ、できる限りシンプルにしたかったのだけど、JQUERYやJavascriptを使っ...
HTML&CSS display:blockで消した要素の高さが残ってしまう時の解決方法
CSSで以下のように設定し、あるブロック要素を見えないようにした。 #hoge {display: block;} しかし、 正常にブロック要素が消えたはいいが、IE11や一部Androidブラウザで高さが残ってしまい、それ以降のレイアウト...
ライブラリ等 [完全動作]レスポンシブ対応のカルーセルJQプラグインslickの使い方
（2016年6月15日若干修正）レスポンシブウェブデザイン化する際に重宝され始めた、ぬるっと画像がスライドするカルーセル表示。そのカルーセルを簡単に導入する事ができるJQueryプラグインslickの導入方法を紹介する。（デモページ）導入に...
HTML&CSS XHTMLをHTML5に一括置換する方法
Googleさんが4月21日までにモバイルフレンドリーなサイトにしないと、スマホ検索結果の順位を落とす（もしくはフレンドリーサイトを上げる）事を正式に発表した。 ということで、 レスポンシブウェブデザイン化を行なう際に必要なメディアクエリー...
PHP [PHP]ファイルが動いている階層のディレクトリ名(フォルダ名)取得方法
以下のようなURLがあるとする。 "" で、ファイル（test.html）が実行されている階層のディレクトリ名（フォルダ名）を取得したい場合、PHPコードをどう書けばよいのか？ 答えは以下。 basename(dirname($_SERVE...
WEBツール Firefoxが重い・遅い時にアドオンなしで速攻改善する方法
Firefoxが重い原因として上げれるのは以下3つ。 ①PCのメモリ・HDD不足やWindowsの不具合等による外部的要因 ②アドオン・プラグインの誤動作やインストールしすぎによるもの ③インデックスファイルの肥大化による書き込み作業非効率...