Home
-
画像を高解像度デバイスに最適なサイズで表示する Retina jsの使い方従来のデスクトップモニターでは画像の表示に違和感は無いが、スマートフォンやタブレット等の高解像度ディスプレイではテキストが綺麗（滑らか）に表示されているのに対して画像が少しぼけたよ …
-
JavaScriptで配列をランダムに並び替える方法JavaScriptで配列をランダムに並べ替える方法を探していたところ Fisher–Yatesというアルゴリズムを用いた方法をみつけたので記しておきます。 JavaScriptで …
-
srcset属性を使って画像をレスポンシブデザインに対応させるウェブサイトをレスポンシブデザインに対応させるとなれば画像をウィンドウサイズやデバイスの種類に合わせて最適化する必要があります。srcset属性を利用すると CSSのメディアクエリ …
-
超便利な CSS box-sizing要素に widthや heightをピクセル単位で指定してボックスを作る場合 paddingの値や borderの太さはボックスの widthや heightには含まれず加算されて …
-
JavaScriptで配列をソートする方法JavaScriptで配列をソートする場合、sortメソッドを使用するとアルファベットの昇順で並び替えが行われます。数値の大きさを比較してソートする場合は以下のように並び順を指定す …
-
文字や背景の色を変化させる jQueryプラグイン jQuery ColorjQueryの animateメソッドを使用すると様々なアニメーションを演出できますが、要素の背景色やテキストの色などを変更するための CSSプロパティは使用できません。jQuer …
-
グラデーションが作れるジェネレーター Ultimate CSS Gradient GeneratorCSSでグラデーションを利用する場合 linear-gradient( )を利用しますが過去にブラウザごとに記述が異なるなど手間のかかる印象がありました。それから各ブラウザ間で実装 …
-
jQueryで複数の要素に id属性や class属性を与えるHTML内のたくさんの要素に連番で class属性や id属性を直接追加するのは骨の折れる作業ですが jQueryを使って簡単に追加する事ができます。 jQueryで複数の要素に …
