フリーで使えるローディング画像/LOADING GIF/CSSのみでローディングアニメーション【みんなの知識 ちょっと便利帳】
お好みのローディング画像・ Loading gif ・ローディングアニメーションを、自由にお使いください。 ローディング画像・・ローディングアニメーションのご利用は無料・フリーです。私用・商用に関わらず自由にお使いください。 画像及び、ローディングアニメーションコードのライセンスは、CC0 (クレジット表示不要、改変可、商用可) です。 制限は一切ありませんが、ご利用の際は必ずご自身のパソコンに保存してください。 Web上には、フリーで使える Loading gif 作成ソフトもありますが、出来上がったローディング画像をこのサイトからご利用になると便利です。 「SVG」は、Retinaディスプレイでもきれいに表示されるなどの利点があります。 「Webフォント」は、画像を用意しなくても表示させることができます。 「CSSのみ」は、画像を用意しなくてもCSS コードのみでローディングアニメーシ
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
Royalty Free Icons & Clipart Stock Images ~ Icons Etc.
Providing over 100,000 high resolution icons, all free for personal and commercial use.
[CSS]あらゆる背景上で美しく機能する半透明なエレメントを実装するスタイルシート
まるでガラスで作られた棚のように、美しい半透明な3Dのエレメントを実装するCSS3のテクニックを紹介します。 デモページ：Firefoxのキャプチャ 実装 HTML HTMLはシンプルで、各アイコンはa要素、ガラス棚はdiv要素で実装されています。 <div id="shelf"> <!-- Add icons here --> <a class="icon" href="#"></a> <a class="icon2" href="#"></a> <a class="icon3" href="#"></a> <!-- Surfaces of the shelf --> <div class="front"></div> <div class="back"></div> <div class="top"></div> <div class="bottom"></div> </div> CS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
