window.matchMediaでJavaScriptもCSSと同じ基準でレスポンシブ管理
JavaScriptの matchMediaをこのように使うと CSSのレスポンシブ対応のmedia設定と平仄 […]
「技術情報」の記事一覧
かな順で並べ替えするJavaScript
配列のデータをカナの昇順に並べ替えます。 jsonからHTMLに一覧を出力して、カナ順、価格順でならべかえるサ […]
HTMLコードだけで1pxの透過GIF
読み込み中のダミーなどに、幅1px、高さ1pxの透過GIFをHTMLコードだけで設置する記述です。 data: […]
CSSのclip-pathでコンテンツを丸く切り抜く
マテリアルデザインの、ボタンが円形に広がりコンテンツ表示領域となるエフェクトを作りたくて 画像ではなくテキスト […]
JavaScriptの浮動小数点と小数点以下N桁での四捨五入
JavaScriptは浮動小数点数を使用しているため たまに、計算結果として小数点以下に凄い00000000の […]
JavaScriptでAndroid4.4対応のUI実装のとき思い出す非対応機能
2018年前半、まだクライアントワークで対応することがあるAndroid4.4でサポートされていないJavaS […]
querySelectorAllで取得したNodeリストを配列化
querySelectorAllで取得したDOMはNodeListという形式で配列ではないため filterを […]
ピンチイン（ピンチアウト）の倍率を取得するJavaScript
pinch-in / pinch-out で、拡大縮小の割合を計算するスクリプトです。 写真を拡大縮小して見る […]
CSSのグラデーションでストライプをつくる
CSSのrepeat-gradientを使って、画像を使わずストライプをつくります。
レスポンシブデザイン実装のブレークポイント
レスポンシブデザインのCSSmediaqueryの設定サンプルです。 サンプルを別窓表示するリンク