jqueryについてのメモ
javascriptmatchMediaでメディアクエリのブレイクポイントで条件分岐してみよう！
メディアクエリと言えばCSSでよく使います。今回はヘッダーを固定させたので、コンテンツが隠れてしまうのを防ぐ為にヘッダーの高さ分の余白をブレイクポイント事に取得する必要がありました。 よくwindow の&nb…
javascriptjquery
javascriptjavascript【JavaScript】脱JQuery！？メソッドを比べてみた！要素取得編
前回、jQueryでのクラス操作をJavascriptで書いてみましたが、割とjQueryってDOMの操作が簡単だったりすると思うんですよね。なので今回はDOM要素をどの取得するかにフォーカスしてみます。 Javasc…
javascriptパララックスで背景を動かしてみよう
前回、「パララックス効果をCSSのみで実装してみよう（固定）」いうのをやってみました。今回はその背景画像がスクロールするとゆっくり上に移動するものを作ってみようかと思います。 ライブラリを使ってもいいのですが作り方を知る…
cssスクロールで要素を横からフェードインさせてみよう
先日、CSSでTransitionを利用したアニメーションの記事を書きましたが、それを利用して、よく他社のサイトで見るスクロールしたら文字などが下や横からフェードインしてくるコンテンツありますよね？せっかくなので、作って…
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で自動的にスライドさせて画像が切り替わり、ボタンをクリックすると次の画像・前の画像にスライドするイメージスライダーを自作してたんですが、ちょっと変な挙動が発生しました。 その挙動というのが、ボタンがフェ…
