【JavaScript】脱JQuery！？メソッドを比べてみた！要素取得編
前回、jQueryでのクラス操作をJavascriptで書いてみましたが、割とjQueryってDOMの操作が簡単だったりすると思うんですよね。なので今回はDOM要素をどの取得するかにフォーカスしてみます。 Javasc…
javascriptjavascriptjquery
javascript
javascriptパララックスで背景を動かしてみよう
前回、「パララックス効果をCSSのみで実装してみよう（固定）」いうのをやってみました。今回はその背景画像がスクロールするとゆっくり上に移動するものを作ってみようかと思います。 ライブラリを使ってもいいのですが作り方を知る…
javascript【jQuery】スクロールしてヘッダーやナビを上部に固定するには？
スマホサイトのリニューアルでスクロールしたらヘッダーが上部に固定させるようにしたいとの事で久々にjQueryを触ったのでせっかくなのでメモします。サンプルを作りましたのでスクロールしてみてください。 サンプルを見ると背景…
javascript【JavaScript】連想配列の要素をソートして並び替えてみる
久しぶりにjQueryを業務で弄っています。で、リストの一覧をアルファベット順に要素の並び替るプログラムをjQueryとJavaScriptでやってみました。 どのように要素を並び替えるか 今回は、リストの並び替えなので…
jquery【jQuery】画像のloadイベントがIE8で動作しない時の解決法
よく画像を読み込む時にローディングの時にプログレスバーを設置する事もあると思います。画像を読み込むイベントはloadイベントがありますが、なぜかIE8とIE9でloadイベントが動作しないで途中で止まる自体に陥りました。…
jquery【jQuery】スクロールするとスライドで表示するヘッダーのアニメーションを実装してみる
最近は、jQueryを触る機会もだいぶ減ってきました（笑）そんな中久々にjQueryでスクロールするとスライドして現れるヘッダーのアニメーションを作ることになったのでメモします。サンプルは下記に作成しました。 上記のサン…
css【jQuery】スマートフォンやPC用に画像を切り替える方法
まぁスマートフォンとPC用だと画像の切り替えに迷う。 基本的に画像をスマートフォンに対応させるには下記のようなCSSが多い気がする。 とりあえず現状では、下記の用にcssを指定するのはデフォルトのよう。 img{ wid…
jquery【jQuery】ブラウザのタブが非アクティブ時でもsetIntervalの挙動について！
丁度、jQueryで自動的にスライドさせて画像が切り替わり、ボタンをクリックすると次の画像・前の画像にスライドするイメージスライダーを自作してたんですが、ちょっと変な挙動が発生しました。 その挙動というのが、ボタンがフェ…
javascript【JavaScript】読み込み処理でプログレスバーをアニメーションさせてみた！！
先日、CSSによるローディングバーのぐるぐるしたアニメーションに記事を書きました。 【CSS3】CSSでローディングのアニメーションを作ってみた！！ ただ、せっかくならプログレスバーで画像がどのくらい読み込まれてるか分か…
javascript【JavaScript】複数の画像の読み込みが完了した時のイベントを感知するには？？
複数のイメージ画像を読みが完了した時のイベントを感知するにはどうしたらいいのだろう！？ということでメモしておく。 やりたいこと すべての画像を最初は非表示にしておき、すべての画像が読み込み完了した時点で「すべて読み込みま…
