PCとスマホの画像切り替えがpictureタグで幸せになれる
最近ではレスポンシブデザインが当たり前になっています。そこで問題になってくるのがPC用とスマホ用の画像の切り替え問題。これまでは、メディアクエリで切り替えてたりしましたが、html5の現在、これに対応できるpicture…
主食は、html/css/php/javascript(jQuery) デザートはactionscript!WEBに関することをメモってくサイト
最近ではレスポンシブデザインが当たり前になっています。そこで問題になってくるのがPC用とスマホ用の画像の切り替え問題。これまでは、メディアクエリで切り替えてたりしましたが、html5の現在、これに対応できるpicture…
まぁスマートフォンとPC用だと画像の切り替えに迷う。 基本的に画像をスマートフォンに対応させるには下記のようなCSSが多い気がする。 とりあえず現状では、下記の用にcssを指定するのはデフォルトのよう。 img{ wid…
実は実際の仕事でプログラムとかマークアップすることがほとんど無くなってきています。まぁ元々制作会社から自社のサイトの運営の会社に転職したので(笑) ただそれでも、マークアップもあればたまにjavascriptを弄ることも…
先日、ファイルの読み込みをやりましたが、今度はローカルからファイルを読み込む方法をメモ。 前回と同じ、ドラッグ&ドロップのデフォルト動作のキャンセルやdragoverのイベントの動作のキャンセルに関しての説明は省く。 /…
ドラッグ&ドロップって昔から使われてたらしいけど、とりあえず知っておこうと思ってメモ。 イベントの種類とデフォルトの動作をキャンセル ドラッグ&ドロップを実現しようにもブラウザにはドロップされたものを表示するというデフォ…
前回、html5のvideoタグについて説明しました。 html5のvideoで動画を再生してみた!! まぁ、videoタグの属性で「controls」を指定すれば再生ボタンとかストップボタンとかブラウザ事につくんですけ…
さて、html5のvideoタグを利用して動画を再生させるのは簡単なんですが、ただね、いないとは思うんですが、IE6とかIE6とかIE6とか(笑)IE7・8あたりを利用してるユーザーにはvideoタグを利用した動画再生が…
動画を撮れるアプリでも・・て思った矢先に思いついたのがhtml5で追加されたvideoタグ。言われてみたら使用したこともない気がするので調べてみた。 そんでもって、javascript側から制御できればと思っていたので、…
近年は、html5の台頭によって「html5+css+javascript」によるアプリケーションの開発などの案件もものすごく増えてきたのを感じます。それによってjavascriptが注目を浴びまくったため、javasc…
コメントを投稿するにはログインしてください。