Google FontsがInternetExplorerのサポートを終了
2018年の8月半ばに、GoogleFontsのInternetExplorerサポートが終了しました。 IEの最新版である11でGoogleFontsへアクセスすると、サポート外である旨ガイドが表示されます。 Your …
ウェブの技術とか開発環境構築の覚書。
2018年の8月半ばに、GoogleFontsのInternetExplorerサポートが終了しました。 IEの最新版である11でGoogleFontsへアクセスすると、サポート外である旨ガイドが表示されます。 Your …
JavaScriptの matchMediaをこのように使うと CSSのレスポンシブ対応のmedia設定と平仄をあわせてレスポンシブの分岐を設定できます。 Interner Explorer 10 から対応しているので、 …
MacOS10.13 (High Sierra) から導入されているセキュリティ強化の仕組みSystem Integrity Protecton (SIP)を解除する方法です。 くれぐれも自己責任で… 参考: OS X …
なんとも初歩的な過ちですが、備忘として… このように、npm installでプロジェクトへインストールしているモジュールが動作しない場合は node_modulesディレクトリへのパスが通っていない可能性があります。
配列のデータをカナの昇順に並べ替えます。 jsonからHTMLに一覧を出力して、カナ順、価格順でならべかえるサンプルです。 match.charCodeAtで文字をUTF-16のコードへ変換し、文字コード順に並べ替えてい …
読み込み中のダミーなどに、幅1px、高さ1pxの透過GIFをHTMLコードだけで設置する記述です。 data:image/gifで、base64にエンコードしたGIFのバイナリコードを直接書いています。
マテリアルデザインの、ボタンが円形に広がりコンテンツ表示領域となるエフェクトを作りたくて 画像ではなくテキストやその他のタグも含んだ要素をマスキングするclip-pathの使い方を研究してみました。 サンプルは、マウスや …
JavaScriptは浮動小数点数を使用しているため たまに、計算結果として小数点以下に凄い00000000の桁がくっついてくることがあります。 -0.1 + -0.4 = -0.30000000000000004 参考 …
2018年前半、まだクライアントワークで対応することがあるAndroid4.4でサポートされていないJavaScriptやCSSの備忘録です。 端末やOSのシェア率を調べることができるスマタブinfoによると、 2018 …
querySelectorAllで取得したDOMはNodeListという形式で配列ではないため filterを使用してソートやユニーク判定をしようとすると 「これは配列ではないので実行できないよ」というエラーを返され実行 …