【JavaScript】FileAPIからCSVを読み込んでみる
CSVファイルとかよく扱ったりすることもありますよね。今回はHTML5から追加されたFilleAPIというのがあって、もともとサーバーにあるファイルを読みにいくのではなく、フォームのアップロードみたいなボタンでCSVファ…
html5html5html5
html5
html5srcset属性でPCとスマホで画像を切り替えてみよう
前回、pictureタグを使って画像を切り替える「PCとスマホの画像切り替えがpictureタグで幸せになれる」という記事を書きましたが、また今度は別の記事です。使うのはsrcset属性でpictureタグでも使用しまし…
html5PCとスマホの画像切り替えがpictureタグで幸せになれる
最近ではレスポンシブデザインが当たり前になっています。そこで問題になってくるのがPC用とスマホ用の画像の切り替え問題。これまでは、メディアクエリで切り替えてたりしましたが、html5の現在、これに対応できるpicture…
css【jQuery】スマートフォンやPC用に画像を切り替える方法
まぁスマートフォンとPC用だと画像の切り替えに迷う。 基本的に画像をスマートフォンに対応させるには下記のようなCSSが多い気がする。 とりあえず現状では、下記の用にcssを指定するのはデフォルトのよう。 img{ wid…
html5html5でドラッグ＆ドロップでローカルからテキストファイルをアップロード
先日、ファイルの読み込みをやりましたが、今度はローカルからファイルを読み込む方法をメモ。 前回と同じ、ドラッグ＆ドロップのデフォルト動作のキャンセルやdragoverのイベントの動作のキャンセルに関しての説明は省く。 /…
html5html5でドラッグ＆ドロップの処理
ドラッグ＆ドロップって昔から使われてたらしいけど、とりあえず知っておこうと思ってメモ。 イベントの種類とデフォルトの動作をキャンセル ドラッグ＆ドロップを実現しようにもブラウザにはドロップされたものを表示するというデフォ…
css【html5】videoタグで背景に動画を再生させる方法とは！？
動画を背景で再生させるとサイトがダイナミックになりますよね♪ 例えば下記のようなサイトを見ていただければ分かりますがウィンドウいっぱに動画が再生されていて、街の風景だったり職場の風景だったりが再生されていますが、躍動感あ…
html5html5の独自データ属性を設定してjQueryで取得してみる
さて、最近はhtml5もすっかり浸透してきましたがhtml5では新しく独自のデータ属性を設定できるようになりました。まぁカスタムデータ属性とも呼ばれているようです。 これに伴って自分でこういったデータを設定したいなぁと思…
html5IE6・7・8でもHTML5のvideoを利用できる方法とは！？
さて、html5のvideoタグを利用して動画を再生させるのは簡単なんですが、ただね、いないとは思うんですが、IE6とかIE6とかIE6とか（笑）IE7・8あたりを利用してるユーザーにはvideoタグを利用した動画再生が…
html5html5のvideoで動画を再生してみた！！
動画を撮れるアプリでも・・て思った矢先に思いついたのがhtml5で追加されたvideoタグ。言われてみたら使用したこともない気がするので調べてみた。 そんでもって、javascript側から制御できればと思っていたので、…
