世界29カ国の国旗を手軽に使えるSassのライブラリー「SassyFlags」

「何に使うの?」と聞かれたら、正直何に使うかはまだ思いついていないんですが、いつか何かに使えそうなSassのライブラリ「SassyFlags」を紹介します。
世界29カ国の国旗を簡単に使えるライブラリとなっています。

[ via SassyFlags – Simple Sass Library for flags ]

公開されている「sassy-flags.scss」をコンパイルしてサイトに組み込むことで、以下のような簡単な記述でサイトに国旗を表示することができます。

対象となる国旗は以下のとおり。
スクリーンショット 2015 04 07 7 09 43スクリーンショット 2015 04 07 7 10 06

  • 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形式の画像ファイルを表示しているようです。
つまり、もしもファイルの公開が止まるようなことがあれば、表示されなくなってしまうリスクがあるということです。
その1点だけご注意したうえで、ぜひ利用してみてください!

[ via SassyFlags – Simple Sass Library for flags ]

Commentsこの記事についたコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です