TOP  >  hover action

Tag : hover action

2018年04月23日

WebGLによる 歪みの効果を与えるスタイリッシュなホバーエフェクト「WebGL Distortion Hover Effects | Codrops」

WEBデザインならではのエフェクトは、私たちの目を楽しませてくれたり、あっと驚かせてくれたりします。今回ご紹介する「WebGL Distortion Hover Effects | Codrops」は、WEBの中でもよく目にするホバーアクションのエフェクト集になります。

DistortionHoverEffect_top

歪みの効果を与え、滑らかに動くスタイリッシュなホバーアクションです。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加

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

2010年08月11日

CSS3を利用するときに役立つWEBツール6選「Six Useful CSS3 Tools」

徐々に利用され始めてきているCSSの新しい規格CSS3。現状のCSSでは、不可能だった表現がコードのみで可能にしてくれる次世代の規格ですが、今回紹介するのはCSS3を利用してコーディングしていく、または勉強するのに役に立つWEBツールを集めたエントリー「Six Useful CSS3 Tools」。


CSS3 Button Maker

数値を変えてデザインを確かめていけるものから、グラデーション表現の補助ツールなど様々なWEBツールがまとめられていました。以前Designdevelopで紹介したものもありますが、順に紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:08  |  
Category: WebDesign , WebService   
2018年01月24日

テンプレートからアクションまで デザインに使えるフリーのPSD素材まとめ「30 New Useful Free Photoshop PSD Files for Graphic Designers」

デザイン業務の時短やコスト削減など、いざという時に役立ってくれるのがテンプレートやアクションなどの素材。そんな使えるデザイン素材は、常に最新のものを手に入れておきたいものです。そんな中今回ご紹介するのは、そんな使える最新のPSD素材をまとめた「30 New Useful Free Photoshop PSD Files for Graphic Designers」です。

30-new-useful-free-photoshop1
30 New Useful Free Photoshop PSD Files for Graphic Designers | Freebies | Graphic Design Junction

紙からWEBまで広く使えるPSD形式のテンプレートやアクションが、30種類まとめられています。さらにその中から気になった素材を幾つかピックアップしましたのでご覧ください。

詳しくは以下

(さらに…)

続きを読む
2009年10月10日

photoshopのテクニック集「95+ Great Photoshop Tutorials to Learn Awesome Photo Manipulation Tricks」

グラフィックデザインやクリエイティブの現場にとって欠かす事ができない、画像編集ソフトphotoshop。かなり高機能でそのテクニックを突き詰めれば様々な表現がかのです。今日紹介するのはそんなphotoshopのテクニックを集めたエントリー「95+ Great Photoshop Tutorials to Learn Awesome Photo Manipulation Tricks」。

dragon-01
How to Design a Dramatic Winged Dragon with Photoshop

映画のワンシーンのようなビジュアルをphotoshopを使って作り上げるテクニックが公開されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:08  |  
Category: Design , Photoshop   
2009年05月21日

布のイメージを作り出すフリーphotoshopパターン「12 Free High Resolution Fabric Photoshop Patterns」

柔らかな印象だったり、アナログな感触だったり、デザインとは非常に親和性の高い布のテクスチャ。今日紹介するのはphotoshop上で布の質感を簡単に表現できるphotoshopパターン「12 Free High Resolution Fabric Photoshop Patterns」を紹介したいと思います。

ptexample00

パターンは全部で12種類収録されていて、どれもそれぞれ上記のサンプルファイルのように着色されています。いくつか実際に制作してみましたので、下記に貼り付けておきます。

詳しくは以下

(さらに…)

続きを読む
posted 07:12  |  
Category: Design , Photoshop   
2014年01月23日

16種のデザイン性の高いフォントまとめ「16 Free Fonts and Typefaces for January 2014」

使用する種類によってデザインのイメージが変わってしまう程、フォントはとても重要な役割を果たしてくれる存在。選定する際は慎重にデザインにぴったりなものを選びたいものです。そんな中今回紹介するのは、16種のデザイン性の高いフォントまとめ「16 Free Fonts and Typefaces for January 2014」です。

newfont140123_1
Marshall Font + Free Download on Behance

どれもデザインクオリティが高いので、選定の際にどれを選んでも制作物の質をアップさせることができそうです。

詳しくは以下

(さらに…)

続きを読む
posted 11:28  |  
Category: WebService   
2011年01月23日

美しいphotoshopパターン集50「50 ExtrBeautiful Photoshop Patterns for Elegant Designsemely 」

様々なシーンに利用出来るphotoshopパターン。デザインの完成度を飛躍的に向上させてくれる便利なものですが、今日紹介するのは、ハイクオリティなパターンを集めたエントリー「50 Extremely Beautiful Photoshop Patterns for Elegant Designs」です。


Exotic Polkadots Patterns

様々なデザイン感のパターンが全部で50集められています。今日はその中からいくつか気になったパターンを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:46  |  
Category: Design , Photoshop   
2007年12月18日

Firefox拡張機能でボスか来た!「hideBad」

WEBを仕事中に私用で使っている人に、そして自宅でちょっと家族には見せれないページを見ていたりする方には非常に役立つ拡張機能「hideBad」を紹介したいと思います。

これはfirefoxで表示しているタブをすべて一瞬にして閉じることができると言うfirefox拡張機能です。

詳しくは以下

タイトルにもある通り「ボスが来た」系ソフトです。「ボスが来た」ってなにと言う方は「ボスが来た – Wikipedia」をご覧ください。いつの時代も悩むことは同じですね。

使用方法は至って簡単で拡張機能インストール後、[Alt]+[X]キーを押すか、ツールバーに配置された専用の”閉じる”ボタンを押せば一瞬にして、firefoxで表示しているタブが閉じられます。

対応しているFirefoxは1.0系から2.0系までなのでまず大丈夫かと思います。「hideBad v2.0」が近日中にリリース予定で、それにyれば次回はタブを回復する機能や選んで閉じる機能も実装予定みたいです。使わないで良い状況でいることが何よりですが、どうしてもと言う場合はこちらで上手く凌いでください。

hideBad

続きを読む
posted 03:15  |  
Category: firefox , Tool   
tag: firefox Tool
2007年11月23日

サンプルPSD付き!高品質なphotoshopチュートリアル集「PSDTuts」

デザインの現場で様々なシーンで活躍してくれるphotoshop。本当に様々な事ができ表現の可能性は無限に思える程広がっています。今回紹介するphotoshopチュートリアル集「PSDTuts」です。

photoshopチュートリアル

現在は膨大なとは言えませんがそこそこ数がそろっていて、クオリティの高いデザイン、表現のチュートリアル集が揃っています。

詳しくは以下

(さらに…)

続きを読む
posted 10:55  |  
Category: Design , Photoshop   
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   
2009年11月03日

カートに入れるボタン集「80 Examples of Add to Cart Buttons for Design Inspiration」

サイトに設置するボタンの中でも最もユーザーに的確にそして分かりやすく制作しなければいけないボタンの一つカートに入れるボタン。今日紹介するのはそんなカートに入れるボタンを集めたエントリー「80 Examples of Add to Cart Buttons for Design Inspiration」です。

addcart01
Madsen Cycles

全部で80ものカートに入れるボタンが紹介されています。今日はその中からいくつかきになったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:47  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る