Shields.io·オープンソースプロジェクトにお勧めのバッジ表示 MOONGIFT
いいねやツイート、はてブボタンなどはユーザビリティはもちろんのこと、そのシェア数が表示されることで他の閲覧者に誇示できるサービスとなっています。少し前であればGoogleのページランクもその一つと言えました。 今回はその開発者版とも言えるShields.ioを紹介します。自分の開発しているプロジェクトがどれだけ品質的に優れているものか誇示できる、素晴らしいソフトウェアです。 トップページです。幾つかのバッチが表示されているのが分かるかと思います。 こちらが全種類。バージョン番号なども表示できます。 対応しているサービスは以下の通りです。 Code Climate（自動コードレビュー） Coveralls（テストカバレッジ履歴） Gemfury/RubyGems（ライブラリ） Gemnasium（gemの更新管理） Travis CI（オープンソースのためのCI） Scrutinizer C
SpinKit - 凄いテクニック。CSS3を使った各種スピナー MOONGIFT
CSS3だけで作れちゃうのが凄いですね！ 処理中にユーザがストレスを感じないように表示されるスピナー。最も簡単なのはアニメーションGIFを表示することかなと思いますが、背景色を微妙に違ったり、大きさを適切に考えないといけないなど画像だけに扱いがちょっと面倒に感じることがあります。 そこで使ってみたいのがSpinKitです。なんとCSS3のアニメーションを使ってスピナーを実現しています。 一例。四角いパネルが回転します。 円が次々に大きさを変えていくパターン。 棒の長さが変わっていくパターン。 スクリーンショットでは分かりづらいので動画を撮影しました。 例えば棒の長さが変わるウェーブの場合、次のようなスタイルシート設定になります。 .spinner { margin: 100px auto; width: 50px; height: 30px; text-align: center; fon
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
