【JavaScript】FileAPIからCSVを読み込んでみる
CSVファイルとかよく扱ったりすることもありますよね。今回はHTML5から追加されたFilleAPIというのがあって、もともとサーバーにあるファイルを読みにいくのではなく、フォームのアップロードみたいなボタンでCSVファ…
主食は、html/css/php/javascript(jQuery) デザートはactionscript!WEBに関することをメモってくサイト
CSVファイルとかよく扱ったりすることもありますよね。今回はHTML5から追加されたFilleAPIというのがあって、もともとサーバーにあるファイルを読みにいくのではなく、フォームのアップロードみたいなボタンでCSVファ…
さて、javascriptもES6になり、クラスの設計もできるようになったんですが、いろんなクラスを使う時に他の言語でもimport文も使っていましたがjavascriptではどう使うのか忘備録としてメモ。 1つのモジュ…
前回、「パララックス効果をCSSのみで実装してみよう(固定)」いうのをやってみました。今回はその背景画像がスクロールするとゆっくり上に移動するものを作ってみようかと思います。 ライブラリを使ってもいいのですが作り方を知る…
先日、CSSでTransitionを利用したアニメーションの記事を書きましたが、それを利用して、よく他社のサイトで見るスクロールしたら文字などが下や横からフェードインしてくるコンテンツありますよね?せっかくなので、作って…
スマホサイトのリニューアルでスクロールしたらヘッダーが上部に固定させるようにしたいとの事で久々にjQueryを触ったのでせっかくなのでメモします。サンプルを作りましたのでスクロールしてみてください。 サンプルを見ると背景…
久しぶりにjQueryを業務で弄っています。で、リストの一覧をアルファベット順に要素の並び替るプログラムをjQueryとJavaScriptでやってみました。 どのように要素を並び替えるか 今回は、リストの並び替えなので…
よく画像を読み込む時にローディングの時にプログレスバーを設置する事もあると思います。画像を読み込むイベントはloadイベントがありますが、なぜかIE8とIE9でloadイベントが動作しないで途中で止まる自体に陥りました。…
最近は、jQueryを触る機会もだいぶ減ってきました(笑)そんな中久々にjQueryでスクロールするとスライドして現れるヘッダーのアニメーションを作ることになったのでメモします。サンプルは下記に作成しました。 上記のサン…
まぁスマートフォンとPC用だと画像の切り替えに迷う。 基本的に画像をスマートフォンに対応させるには下記のようなCSSが多い気がする。 とりあえず現状では、下記の用にcssを指定するのはデフォルトのよう。 img{ wid…
丁度、jQueryで自動的にスライドさせて画像が切り替わり、ボタンをクリックすると次の画像・前の画像にスライドするイメージスライダーを自作してたんですが、ちょっと変な挙動が発生しました。 その挙動というのが、ボタンがフェ…