iframe 内のウィンドウから親ウィンドウの要素を操作するには！？
さて、ちょっと気になっていたiframeで読み込んだhtmlで実行したJavaScriptで親ウィンドウのDOM要素を操作さいてみよう！ってふと思ったのでそれを実験してみたのでメモしておきます。 コードとファイルの構成と…
JavaScriptで動画コンテンツを操作してみた！
前回、html5のvideoタグについて説明しました。 html5のvideoで動画を再生してみた！！ まぁ、videoタグの属性で「controls」を指定すれば再生ボタンとかストップボタンとかブラウザ事につくんですけ…
【jQuery】facebook風スライドメニューをちょっと作ってみた結果
最近、皆さんfacebookを日々使ってると思いますがあのメニューを左からスライドインされてくるアニメーションが以前から気になっていました。 て事で、せっかくなのでCSS3のtransitionも試しに使いつつjQuer…
IE6・7・8でもHTML5のvideoを利用できる方法とは！？
さて、html5のvideoタグを利用して動画を再生させるのは簡単なんですが、ただね、いないとは思うんですが、IE6とかIE6とかIE6とか（笑）IE7・8あたりを利用してるユーザーにはvideoタグを利用した動画再生が…
html5のvideoで動画を再生してみた！！
動画を撮れるアプリでも・・て思った矢先に思いついたのがhtml5で追加されたvideoタグ。言われてみたら使用したこともない気がするので調べてみた。 そんでもって、javascript側から制御できればと思っていたので、…
CSSで写真をテープで止めた様な装飾をしてみた
たまに見る、写真をセロテープで止めた感じの画像の見せ方。以前は画像でしたが、CSSで表現できるので試してみたのでメモ。 とりあえず、下記のような感じす。 説明はポイントとなりそうな所だけ書いていこうかと。 htmlファイ…
CSSで動画をレスポンシブに対応させる方法
最近、スマホが主流になってきてyoutubeやVimeoなどの動画を埋め込むサイトやブログもよくみるこのごろなんですが、レスポンシブに対応していないので、動画の埋め込みに対応していない場合は、はみ出してしまうようです。 …
CSS3のFlexboxが仕様が変わった！！新しいフレキシブルボックスレイアウトとは！？
CSS3のフレックスボックスなんですが、もともとフレックスボックスに対する査定が確定していなかったので変更する事もあるんだろうなと思っていましたが、やはり変わっていました。 それに伴って他のフレックスボックスに関連するプ…
【CSS3】border-radiusを利用して画像を丸く表示してみる
ここ最近はブラウザのバージョンも上がってきたし、IEのシェアも減ってきたので嬉しい限りです！！ そのおかげかCSS３の新しいプロパティも利用できるようになってきたので、今回はCSS3を利用して画像を丸く切り抜いたように加…
CSS3で写真風に装飾をするには！？
最近は、各ブラウザもCSS3に対応してきてるので割と装飾もCSS3でやってしまおう！というのが増えてきたと思います。 でせっかくなのでCSS3のbox-shadowやtransformを使って写真風に装飾する方法を勉強し…
