Category : HTML/(X)HTML

READ MORE

Webページ上にアニメーション演出を組み込もうとする場合、今ではJavaScript(jQuery)やCSS3など、実装方法がいくつかありますがHTML5でのアニメーション動作を簡単に作成することができる気になる便利ツールが2点ほどあったので自分用メモとして紹介してみます。Google Web DesignerGoog…

READ MORE

ちょっと前に話題になっていた、YouTubeやGoogleマップやInstagramなどのページ内に埋め込む際のURLや埋め込みコードを簡単にレスポンシブ化してくれるサービス「embedresponsively.com」が便利に使えそうだったので自分用メモとして紹介してみます。embedresponsively.com…

READ MORE

YouTubeの動画をWebページ上に掲載する際に、ちょっとハマりそうになったwmodeの指定のメモ書き。今ではYouTubeの動画はiframeを使って簡単にWebページに埋め込むことが可能となっていますがiframe内に生成されるFlash埋め込みタグ(embedなど)では、要素の重なり具合を指定するwmodeの値…

READ MORE

HTML5では<video>タグや<audio>タグといった新たなタグを使って今までよりもWebサイト上に動画や音声ファイルを手軽に組み込むことが可能になります。そんなHTML5とjQueryを組み合わせて、Webページ上に簡単にミュージックプレイヤーを組み込むことが出来る「HTML5 Music Player」がおも…

READ MORE

jQueryを使ってサイト内にギャラリーなどを組み込んだ際、画像を切り替える際に、フェードやスライドなど様々なエフェクトを掛けることが可能ですが、jQueryと<canvas>を使ってカメラのシャッターを切るような動きを付けて画像を切り替えることが出来るチュートリアル「Shutter Effect Portfolio …

READ MORE

通常、Webページ上のソースを見る際には、ブラウザ操作から「ソースを表示する」をいったメニューを選択しますが、ページ上に設置したボタンをクリックさせることで、表示しているページのHTMLソースをモーダルウィンドウ風にポップアップにて表示することができる「Make a 'View Source' Button」がちょっと…

READ MORE

HTML5で作られたゲームサイトは最近よく見かけますが、その中でも特に目を惹く、ビリヤードゲーム「Agent 008 Ball」のご紹介。Agent 008 Ball≫Agent 008 Ball操作はマウスのドラッグ等で行い、2分間で15個の球をいくつ落とせるか競う構成になっています。(ゲーム結果(点数)をTwitt…

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR