Web関連 スマホのタップ対応
jQueryによるスマホタップ対応
Webサイトのスマホ対応にはタップへの対応が欠かせません。
タップ時に反応が返ってくることで、ページがインタラクティブになります。
PC用サイトではCSSの:hoverで対応できますが、スマホではこの:...
Web関連
Web関連 Web関連 z-indexが効かないときのメモ
z-indexが効かない！
block要素の重なり順序を指定するz-index、便利なのでよく使ってしまうのですが、たまに効かないことがあります。
そのせいでChromeとSafariで表示が異なってしまったり、つまづいたのでメモです。
...
Web関連 iframeの下の隙間
謎の隙間
iframeを使って子ページに別のページを表示するページを作っていて、ほぼ全面を子要素で覆う仕様にしていました。
しばらくして気付いたのですが、下に謎の隙間がある！
高さを100%にしていたのですが、Chromeで見てもpadd...
Web関連 Audioタグの使い方
Audioタグ
HTML5でAudioタグが追加されました。
これまでWebサイトに音楽(オーディオ)を流したいときはFlashなどのプラグインを利用しなければなりませんでしたが、このタグの登場で、簡単にWebサイトにオーディオプレイヤー...
Web関連 xamppのインストール
Windows上にApacheやMySQLの環境構築をしたいときは、xamppを使うと素早くできて便利ですよね。
今日Windowsをクリーンインストールしたので、xamppをインストールしました。
そしたら、Cドライブがいつもみた...
Web関連 iOS Safariの戻る処理
iOS11のSafariで、左から右にフリックすると、ページが戻りますよね。
あれ、実行されると前のページがレンダリングされ表示するわけですが、
CSS Animationの実行タイミング変わりました？
Internet Ex...
Web関連 【Apache2.4】mod_rewriteが使えない
mod_rewriteを有効にしても.htaccessファイルが有効にならなくて小一時間悩んだときのメモ。 環境はApache2.4です。
原因はAllowOverrideの記述でした。
Directoryディレクティブ(?)を修正し...
Web関連 【Apache2.4】ウェブサーバのマルチドメイン化
Webサーバのマルチドメイン化についてのメモ
Webサーバのマルチドメイン化
ウェブサーバはクライアントからのリクエストに対してレスポンス(返事)をしてくれるソフトウェアです。
Linuxが走るマシンでのウェブサーバはApacheが代表...
Web関連 【Photoshop】フィルターが使えないとき
Adobe Photoshopのメモです。 Photoshopのフィルターやフィルターギャラリーがグレーアウトして使えない場合は、カラーモードが原因です。 カラーモードがCMYKになっている場合はRGBに変更するとフィルターギャラリーが...
Web関連 CSSでかんたん上下中央配置
たびたび必要になるのですが、ある要素を親要素の真ん中に配置したいときってありますよね。
こういうやつですね
今回使うHTML
こんな感じのHTMLにCSSを適用していきます。
<div class="box">
...