要素内のマウスカーソルの座標を取得する！スマホ対応【Javascript】
Jsでちょっとしたリッチコンテンツを作りたい時に、マウスが特定の位置に来た時にアクションを起こすようなものを作りたくなる事があると思います。あと、スマホページを作る時とかですね。
そんな時に簡単に座標を習得出来る関数です。
クリックとタップを同時に指定したい場合【Javascript】
例えば、Javascriptのonclickを使って何らかの動作をさせたとします。PCでは問題ないですがスマホの場合、onclickだと数ミリ秒遅延してしまいます。それを防ぐために、touchstartを使うわけですが、その両方を指定してしまうと、スマホの場合touchstartを実行して更にonclickを実行してしまい、目的の動きができません。それを防ぐためのメモ。
スマホサイトで使う開閉メニューを3つ程作って試して見た
MVサイト製作日記 part.05
スマホ用のページを作っていて悩んだのがナビゲーション部分です。個人的に開閉式（ページを開いた時は見えなくて、ボタンを押すとメニューが開く）はあまり好きではなく、始めから全て画面に表示させていたのですが、メニューの数が多くなるとそうも言っていられません。
というわけで、3つほど開閉するメニューを作って比べてみました。
配列をランダムに並べ替える関数を作ってみた【Javascrip/PHP】
Javascript/PHPで配列をランダムにしたい場面が有ったので、配列をランダムに並び変える関数を作ってみました。通常のホームページ作成で使う機会はそんなに無いと思いますが、Javascript/PHPでミニゲーム等作るときには結構使う機会があると思います。
イベントバブリングを気にせずマウスイベントを使える関数を作ってみた【Javascript】
Javascriptでプラグラムをしていると、誰もが一度は引っかかるで有ろうイベントバブリング。独自でスライドショーなどを作ると、イベントバブリングしても影響が無いようコーディングしたり、コードを修正したりしているはずです！
と言う事で、イベントバブリングを気にせずにマウスクリック/オーバー/アウトを使えるような関数を作ってみました。
Advertising
最近の記事
メディアクエリを使わずにcss1行だけでフォントサイズをレスポンシブ対応にする方法【CSS】
縦書きで中央寄せにしたかったので3パターン試してみた【CSS】
Classを付けるだけで要素が画面上までスクロールした時に要素を動かすJavascriptライブラリ【ScrollEffect.js】
スマホの検索バーの表示・非表示でもリサイズ判定されるので対処してみた。
数字をクリックするミニゲーム – BREAK PANEL
WordPressの.htaccessについて-特定のURLだけhttpsに飛ばしたりhttpに飛ばしたり
PHPで画面サイズを判断して分岐したかったので、Jsで取得した画面の横幅を、sessionに入れてみた。
YouTubeの動画をレスポンシブに対応させて貼り付けて見ました。
三角関数を使って要素を円状に動かしてみる【Javascript】
SNS系のボタンを追加してみる。【Facebook/twitter/Google+1/はてなブックマーク/Poket】
アーカイブ
Advertising
Advertising
カレンダー
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| « 10月 | ||||||
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | ||||