今年(2015年)で見かけて気になったものやダウンロードしたデザインUIキットのまとめです。 そのままデザイン素材として使用するだけでなく、パーツやカラーの組み合わせ方を参考にしたり、どのようなレイヤースタイルで作られているかなど制作時のヒントに繋がる場合もあると思います。 紹介しているUIキットを使用する際は、ライセンス等は各自で再度確認してください。
![今年気になったハイクオリティなデザインUIキット − 2015 - NxWorld](https://cdn-ak-scissors.b.st-hatena.com/image/square/19bbca009d23d8d55d6ac794c07b333aa270f6cb/height=288;version=1;width=512/https%3A%2F%2Fwww.nxworld.net%2Fthumbnail%2Fhigh-quality-ui-kits-2015.png)
実際の動きは以下デモで確認できます。 CSSで実装する CSSで実装したい場合はopacityを使った透過処理をanimation, @keyframesを使ったアニメーションと組み合わせる形で実装できます。 a:hover { opacity: 1; -webkit-animation-duration: 1s; -webkit-animation-name: flash; animation-duration: 1s; animation-name: flash; } @-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } 上記を記述することで、a要素にホバーした時に一瞬だけ点滅す
前回に引き続きフラットデザインを採用したUIキットなどの素材まとめです。 今回も一式揃ったものからちょっとしたパーツまであります。 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。
自分用で国内だけでなく海外のサイトも含めて片っ端から一覧化したものが欲しかったので、普段からよく利用させてもらっていたり覚えておきたいと思う国内外のフリー写真素材サイトをまとめました。 結局普段よく利用させてもらうサイトは大体決まっていたりするんですが、こういったフリー素材は便利なだけあってかぶってしまう可能性もかなりあるので、少しでも選択肢を広げられるように自分が知っているものを一覧化しました。 サイトによってはクレジット表記が必要だったり報告が必要などといったところもありますが、ほとんどのサイトが利用規約を守ればフリーでダウンロードできて、商用利用も可能なものになります。 また、中には会員登録が必要で有料素材を配布しているイメージが強いサイトも幾つかありますが、それらも無料で会員登録することでフリーイメージをダウンロードできるようなサイトとなっています。 フリーで使用可能とはなっていて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く