Webサイトは縦長なページが多く、その中で画像を多用していることも多いでしょう。そんな時、HTMLを読み込んだタイミングで画像も読み込んでしまうとネットワークの負荷が高くなります。それを防ぐ遅延読み込みもありますが、技術的に面倒と感じている人も多いかと思います。 そこで使ってみたいのがGandulです。簡単に遅延読み込みが実現します。 Gandulの使い方 Gandulはaタグで遅延読み込み対象の画像を指定します。クラスにgandulを指定するのもポイントです。
SVGの良いところはXMLでベクターベースなのでJavaScriptからカスタマイズしやすいということです。色などはもちろん、表示する向きなども変えられます。拡大、縮小しても綺麗なのも嬉しいポイントです。 そんなSVGアイコンとしてIkonateを紹介します。カスタマイズしやすいのが売りのSVGアイコン集です。 Ikonateの使い方 一覧です。直線的ですっきりとしたデザインです。 汎用的なデザインで多数用意されています。 大抵のパターンに対応できそうです。 ダークモードもあります。 こちらは角丸モード。ちょっとだけ線が丸くなっているのが分かるでしょうか。 Ikonateは線の色はもちろん、線の太さや角の取り扱いを自由に変更できます。サイトの雰囲気に合わせて変更できるでしょう。公式サイトでは回転しながら色が変わるデモもあります。ぜひご覧ください。 IkonateはSVG製のオープンソース・
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く