TOP  >  Design  >  最新のデザイナーのためのフリー素材まとめ「Top 50 Free Resources for Designers from June 2014」 デザイナーにとってもはや必要不可欠といっても良い程便利な存在となっているフリー素材。非常にさまざまな種類がインターネット上でダウンロードできるようになっています。そんなフリー素材の比較的最新のものをまとめた「「Top 50 Free Resources for Designers from June 2014」」を今回は紹介します。 （Dribbble – Freebie! Starnight HTML5/CSS3 Website Template! by Peter Finlan） テンプレートやUI、テクスチャやフォントなど、種類豊富に揃っているので、いざという時非常に役立ってくれそうです。気になったもの

ワンポイントに使えるCSS3マウスオーバーアニメーション5種 ちょっとしたワンポイントに使えそうなCSS3オンリーのマウスオーバーアニメーションです。 IEは10以上で動きます。 投稿日2013年10月30日 更新日2013年10月30日 ベースHTML ベースのHTMLです。っていっても基本aタグだけです。 html <a href="#" class="btn01">BUTTON</a> 1.くるくるって回るアニメーション くるくるっと２回転するアニメです。 くるっと１回転の場合は「rotate」を360にすればOKです。 css .btn01 { color: #fff; text-decoration: none; background-color: #dda0dd; display: block; width: 150px; height: 150px; line-height:

CSS Shakeは、ブルブルと震えるアニメーションをつけることができるCSSライブラリです。 スタイルシートをロードして、要素にクラスを追加するだけで、簡単にアニメーションを実装することができます。 CSS Shakeでアニメーションをつける方法 CSS Shakeの実装手順は以下の通りです。 1. CSS Shakeからスタイルシートをダウンロードします。 ※Downloadボタンを右クリックして、[名前を付けてリンク先を保存]します。 2. ダウンロードしたcsshake.min.cssをサーバーにアップロードします。 3. HTMLのhead内に以下のコードを記述して、CSS Shakeをロードします。 <link type="text/css" href="csshake.css"> 4. ブルブルしたい要素にクラスを追加します。 <div class="shake"></div

自分用にひと通りの動きを一覧化したものが欲しくて作ったのでシェアします。 リンクやボタンのホバー時にエフェクトを付けるのと同じように、画像にもホバー時に何かエフェクトを付けたいというときに使えそうなエフェクトのサンプルです。 CSS3を多用しているので全ブラウザで実装できるわけではありませんが、いずれもCSSのみを使用して実装したもので、拡大縮小・スライド・白黒・ブラー・フラッシュなど全15種類です。 共通のHTML・CSS サンプルはいずれも下記のようなHTMLを使用しており、CSSについても共通スタイルとしてそれぞれに指定しています。 CSSでは幅や高さを指定している部分もあるので、参考にされる際はこれらを自身の環境に合わせて調整してください。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。