htmlのcanvas要素を javascript を使って値を指定することによって、web上に直線や星などの図形を描くことができるようになります。 今回はcanvasで図形を描くために必要なコード...

cssでアニメーションを行うことによって、要素をゆっくり移動させたり色を変えたりすることができるようになります。 使用するコードは「animation-delay」 cssのアニメーションは遅らせて...

先日、ブログのSEO強化について調べていたところ、グローバルナビゲーションに配置するボタンをドロップダウン型にしない方が良いという情報を見ました。 どうやら、場合によってはドロップダウン系はSEO的...

今回はhtmlを使って配置したボタンをcssで動くようにカスタマイズしてみました。 そこで「マウスカーソル」がボタンの上に乗ったらというような処理の方法を紹介します。...

javascriptで動きを付ける際に「jQuery」という機能を使う事によって、より理想的な動きができるようになります。 ですが、jQueryをコードから使うためには準備が必要になりますので、今回...

先日は、同じ要素を順番にアニメーションする方法を紹介しました。 ですが、アニメーションのような動作をさせる場合、必ずしも同じ要素で実行させるとは限りませんよね。 そこで今回は別の要素でアニメーション...

前回、アニメーションが完了した後に処理を呼び出す方法を紹介しました。 前回の記事では「complete」を使ったのですが、連想配列を使うことでアニメーションを順番に実行させることもできるので紹介しま...

先日、WordPressで作成したブログのSNSボタンを、ページの左側に追従させるカスタマイズをしました。 SNSシェアボタンを記事の上部に表示したり、下部に表示することはあると思いますが、記事をス...

今回は、ブログに目次を付ける方法を紹介します。 目次を利用すれば、ページを開いてすぐに記事の内容を一覧表示で知らせることができます。 さらに、目次の見出しをクリックすることで、見たい内容に即座に移動...

(function($) { window.onload = function() { $('.botan').click(function() { $('.block') .animate({ le...

...

...