CSS CSSのみで、クリックした時に要素のレイアウト(表示・非表示等)を切り替える方法
クリックである要素の表示・非表示を制御することってあると思いますが、そういう場合はだいたいjQueryを使うことが多いと思います。自分もそういう場合はjQueryを使いますが、工夫次第でCSSのみで実装できるのでその方法を紹介(ただし、IE...
Web制作
CSS HTML5 canvasのお絵描きツールに『戻る』『進む』ボタンをつけてみる
描き間違いがあったときに一つ前の状態に戻る機能がほしくなったので、その機能を追加することに。とりあえず、五回分を保存できるようにしてみた。塗りつぶし機能よりは簡単に実装できました。
以下、JavaScriptのコード
var i...
HTML5 canvasのお絵描きツールに塗りつぶし機能をつけてみる
塗りつぶし機能を作ってみようと思ったけど、いろいろ苦戦。再帰を使えば簡単にできると思ったのですが、小さい範囲ならともかく、ちょっと大きくなるとブラウザに怒られました。
というわけで、JavaScriptに以下のようなコードを記述。
...
HTML5 canvasのお絵描きツールにからピッカー機能をつけてみる
canvasのお絵描きツールを作っていくと、カラーピッカー機能をつけたいと思うようになったので実装してみることに。
最初は、jQuery UIのスライダーを使って実装しようと思ったのですが、探してみるともっとよさそうなJSColorと...
HTML5 canvasのお絵描きツールをタッチパネル対応してみる
せっかくcanvasでお絵描きツールを作るならばタッチパネル対応ぐらいしたいところ。というわけで調べてみた。
調べてみると、マウスでいう、『mousedown』『mousemove』『mouseup』イベントはそれぞれタッチイベントだ...