TOP  >  design.CSS3

Tag : design.CSS3

2014年04月15日

オブジェクトにさまざまな動きを実現できるCSS3アニメーション「Create Special Effects with Magic CSS3 Animations」

デザインに多彩な表現を加えることが可能となるCSS3。もはや欠かすことのできない存在として確立していますが、今回紹介するのはオブジェクトにさまざまな動きを実現できるCSS3アニメーション「Create Special Effects with Magic CSS3 Animations」です。

cssanimation

CSS3を利用し1つのオブジェクトに与えられる、いろいろな動きのバリエーションがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2016年02月18日

オンラインショップのデザインに クレジットカードアイコンセットまとめ「20 Free Payment Method & Credit Card Icon Sets」

オンラインショップの決済でカード使用をする時、ページに使用可能なカードがアイコンとして表示されていることが多いと思います。今回はそんなカードアイコンをセットでダウンロードできるまとめ「20 Free Payment Method & Credit Card Icon Sets」を紹介したいと思います。

card0218_4
Pure CSS Responsive Credit Cards Icons

世界的に使われている主要なアイコンから、ちょっとめずらしいものまで、いろいろな種類のカードアイコンがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2009年02月02日

配色、色選びに役立つランダムカラージェネレーター「Got Color?」

デザイン上での配色と言うのはとても難しい物でセンスが問われる部分でもあります。デザイナーの中でも、配色や色の組み合わせがどうも苦手だという方もいるかと思います。今日紹介する「Got Color?」は配色や色に対してインスピレーションを得る為のカラージェネレーターです。

アクセスするとカラーブロックが表示され、アクセスするたびに出力される色が異なります。カラーブロックの中央にはコードが表示され簡単に利用できるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:11  |  
Category: Design , WebDesign   
2010年02月12日

ハイクオリティーなフリーグランジフォント「30 High Quality Grunge Fonts for Web Designers」

雰囲気と質感を高めてくれるグランジ表現。テクスチャなども人気ですが、今回紹介するのはそんなグランジ系の素材と併せて使えるフリーグランジフォントを集めたエントリー「30 High Quality Grunge Fonts for Web Designers」です。

4990810
4990810

上記のようなかすれたり、手書きで壁に書いたようなフォントが多々集められています。今日はその中から特に気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:27  |  
Category: Design , Font , plugin   
tag: Design Font
2013年10月31日

jQueryを利用した20の開閉式メニュープラグイン「20 jQuery Side Sliding Panel Plugins (show-hide) For Your Website」

数年前に比べて現在のWeb業界は、便利な機能や面白い仕組みが増え、Webサイトの表現の幅も広がってきました。今回紹介するのはそんな便利な機能を手軽に実現できる、jQueryを利用した20の開閉式メニュープラグイン「20 jQuery Side Sliding Panel Plugins (show-hide) For Your Website」です。

20jssppfyw_0
Simple YouTube Menu Effect

単なる開閉に留まらず、さまざまな使い方が想定された素敵なメニューが揃っています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: plugin   
2012年09月09日

WEBデザイナーのためのフリーリソース集「Free Resources for Web Designers」

WEBに開発の時間短縮には欠かせない素材やサンプルプログラム。生まれ変わりが激しいWEB制作の現場にあたっては非常に重宝するものです。今日紹介するのはWEBデザイナーのためのフリーリソース集「Free Resources for Web Designers」です。


Paper Fold Effect for iOS

iOSのエフェクトから、PSDのボタン、jQueryまであらゆるジャンルのリソースがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:20  |  
Category: WebDesign   
2012年08月07日

お腹が空きそう!デリシャスな雰囲気のアイコンまとめ「18 Deliciously Designed iOS Icons」

Design Developでこれまでにたくさん紹介したアイコンは、どれもインスピレーションを高めてくれるものばかり。そんな中から今回紹介するのが、お腹が空いてしまいそうなデリシャスな雰囲気を感じられるアイコンをまとめた「18 Deliciously Designed iOS Icons」です。


Dribbble – Pizza App iOS Icon by Ryan Ford

ドリンクからフードまで、さまざまな飲食物をモチーフにしたアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:10  |  
Category: Design   
2014年11月21日

デザインの使用イメージをしやすくする モックアップテンプレート「25 Free & Beautiful Photography Mockup Templates For Designers」

webサイトやスマートフォンサイトなどのデザインをクライアントなどに提案する際、デザインだけ提出するのではなく、実際の使用イメージに当てはめることでイメージがしやすくなるもの。今回はそんな時に便利なモックアップテンプレート「25 Free & Beautiful Photography Mockup Templates For Designers」を紹介したいと思います。

moc1121_1
MacBook Air PSD MockUp | GraphicBurger

非常にハイクオリティな、さまざまな種類のモックアップがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:59  |  
Category: Design   
2015年04月26日

スタイリッシュなテイストでデザインをスマートに イタリックフォントまとめ「30 Stylish Italic Fonts You Must Have」

デザインにスタイリッシュさを演出したい時、使用するフォントもあまり個性を主張しすぎないスマートなデザインのものを使用したいもの。そんな時に是非参考にしたい、イタリックフォントまとめ「30 Stylish Italic Fonts You Must Have」を今回は紹介したいと思います。

italic0423_1
Gist Font · 1001 Fonts

斜めに傾いた形状が特徴のイタリックタイプのフォントが揃っており、フォント素材の参考として活用することができそうです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2011年12月10日

2011年にリリースされた、使えるjQueryプラグイン50「The 50 Most Useful jQuery Plugins from 2011」

WEB制作の現場で利用されているjQuery。非常に軽量かつ、高機能なjavascriptライブラリで、世界中で様々なプラグインがリリースされていますが、今日紹介するのは2011年にリリースされた、使えるjQueryプラグインをまとめたエントリー「The 50 Most Useful jQuery Plugins from 2011」です。


Response Javascript

全部で50ものプラグインがまとめられていますが、今日はその中から特に気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:38  |  
Category: WebDesign   
2015年12月20日

ワイヤーフレーム制作・スケッチの参考に便利な「23 Beautiful Wireframe Sketches for Web Designers」

サイトを設計する際に必要なワイヤーフレームの制作。これを行っておくことで、web制作のクオリティやスピードを高めることができるため、できるだけ精度の高いものを作っておきたいもの。今回そんなワイヤーフレーム制作・スケッチの参考に便利な「23 Beautiful Wireframe Sketches for Web Designers」を紹介したいと思います。

wire1220_1
Movies app wireframe on Behance

どのワイヤーフレームも、そのままwebレイアウトのベースとして使えそうなほど、ハイクオリティなものばかりが揃っています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る