「何に使うの？」と聞かれたら、正直何に使うかはまだ思いついていないんですが、いつか何かに使えそうなSassのライブラリ「SassyFlags」を紹介します。
世界29カ国の国旗を簡単に使えるライブラリとなっています。
[ via SassyFlags – Simple Sass Library for flags ]
公開されている「sassy-flags.scss」をコンパイルしてサイトに組み込むことで、以下のような簡単な記述でサイトに国旗を表示することができます。
|
1 |
<span class="flag gb"></span> |
対象となる国旗は以下のとおり。
- AT オーストリア
- BE ベルギー
- BZ ブラジル
- CH スイス
- CZ チェコ
- CL チリ
- DE ドイツ
- DK デンマーク
- ES スペイン
- FI フィンランド
- FR フランス
- GB イギリス
- HU ハンガリー
- IS アイスランド
- IT イタリア
- LT リトアニア
- LU ルクセンブルク
- LV ラトビア
- MT マルタ
- NO ノルウェー
- PL ポーランド
- RU ロシア
- SW スウェーデン
- SV エルサルバドル
- PE ペルー
- PR プエルトリコ
- US アメリカ合衆国
※日本国旗がないので、少し使いづらいところがありますが…。
.scssのファイルの中身を見てみると、各国の国旗はAWSサーバーに置かれたSVG形式の画像ファイルを表示しているようです。
つまり、もしもファイルの公開が止まるようなことがあれば、表示されなくなってしまうリスクがあるということです。
その１点だけご注意したうえで、ぜひ利用してみてください！
Commentsこの記事についたコメント