TOP  >  zoom

Tag : zoom

2013年07月13日

イメージを拡大表示してくれるプラグイン集「25+ jQuery Image Zoom Effect Plugins」

WEBに掲載している写真をより大きく見せたいということは、商品などを扱うWEBでは特に多いことだと思います。今日紹介するのはイメージを拡大表示してくれるプラグインを集めたエントリー「25+ jQuery Image Zoom Effect Plugins」です。

featured-image-zoomer_thumb
Featured Image Zoomer

全部で25ものjQueryで簡単に実装できるズーム系のプラグインが掲載されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2016年03月21日

CSSのみで実現する軽量なツールチップ「Ballon.css」

WEB上で、ボタンや画像などの補足説明に用いられるツールチップ、そこまで多くは見かけませんが、ユーザーナビゲーションとしては直感的で有効な手法で、制作するにあたって導入を検討するWEBデザイナーの方は多いのではないでしょうか?今日紹介するのはCSSのみで実現する軽量なツールチップ「Ballon.css」です。

balloncss2

CSSのみで制作されていますが、なめらかなアニメーションを実現しています。ICONフォントや絵文字にも対応しています。

詳しくは以下

(さらに…)

続きを読む
posted 07:04  |  
Category: WebDesign   
2014年05月15日

デザイン制作に便利に利用できるフリーpsdファイルをたくさんまとめた「Free PSD Files : 30 New PSD Graphics for Designers」

webサイトなどを制作する時、グラフィックからフォント、アイコンに至るまで、さまざまな要素を組み合わせることで全体のデザインが出来上がります。今回はそんな時に参考にしたい、フリーpsdファイルをたくさんまとめた「Free PSD Files : 30 New PSD Graphics for Designers」を紹介したいと思います。

140516psd_1
Free PSD Responsive Template on Behance

多彩なフリーpsdファイルが紹介されており、非常に便利に活用することができそう。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

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

もう色には迷わない!配色補助ツールのまとめ「Online Color Tools For Web Developers」

デザインする上で重要な要素の一つ色。色彩感覚については各々個人で異なると思いますが、色が与える印象と言うのはとても大きく、同じレイアウト、同じコンテンツだとしても配色次第で気持ちよくも気持ち悪くもなります。今日紹介する「Online Color Tools For Web Developers」は色を決めていく上で役に立つオンラインツールを集めたエントリーです。

color
4096 Color Wheel

様々な「色」にまつわるオンラインツールが集められていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:10  |  
Category: WebService   
2010年05月20日

2010年にリリースされたフリーXHTMLテンプレート「61 High Quality And Free xHTML Templates Part 2: Year 2010」

現在WEBの主流とも言えるXHTML。スタンダードですが柔軟性も高く、様々なデザインが制作出来ます。今日紹介するのは2010年にリリースされた比較的新しいフリーXHTMLテンプレートを集めたエントリー「61 High Quality And Free xHTML Templates Part 2: Year 2010」です。

freetemxhtml_01
Particle

様々なデザイン感のエントリーが集められていますが、今日はその中から幾つか気になったテンプレートをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:35  |  
Category: WebDesign   
2008年04月24日

詳細な設定ができる鏡面画像ジェネレーター「Wet Floor Maker」

WEB2.0的なデザインとして普及した鏡面画像処理。photoshopを初めとした画像編集ソフトを使わなくても、あらゆるところで簡単に実現できるサービスが存在しますが、今日紹介する「Wet Floor Maker」はそんなサービスの中でもかなり細かい所まで設定できる鏡面画像ジェネレーターです。

320×240と生成できる画像サイズが制限されている物の、カメラの高さやアングル、鏡面の透明度など細かい指定が可能です。

詳しくは以下

(さらに…)

続きを読む
posted 11:46  |  
Category: WebService   
2009年03月22日

CSSで実現する様々テクニック集「35+ very Useful And Powerful CSS techniques」

WEBをデザインしていく上で欠かせないCSS。厄介な部分もありますが、アイデアとテクニックしだいで様々な表現を可能にしてくれます。今日紹介するのはそんなCSSのテクニックをあつめた「35+ very Useful And Powerful CSS techniques」です。

cssdesigndevelop_01
10. CSS Curves

様々なTipsが公開されていますが、今日はその中からいくつか気になったテクニックをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:19  |  
Category: WebDesign   
tag: webdesign
2008年06月11日

長文に便利!滑らかに左右にスクロールできるjavascript「bookreader.js」

特殊な場面で効力を発揮しそうなのが今回紹介する滑らかなに横にスクロールできるjavascriptが今回紹介する「bookreader.js」です。

基本的にはWEBはほとんどが縦スクロールの構成になっていて、長文を読むにはあまり適しているとは言えないので、長い文章を見せるときなんかは有効なスクリプトだと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:42  |  
Category: WebDesign   
2013年03月14日

さまざまな質感の板が表現できるテクスチャまとめ「19 Useful And Realistic Wood Textures」

自然に生えている木、加工された木など、多彩な表情を楽しめる木の中から今回は、さまざまな質感の板が表現できるテクスチャをまとめた「19 Useful And Realistic Wood Textures」が公開されていましたので、紹介したいと思います。


Peeling Red Paint on Old Barn | Royalty Free Texture

年輪の模様が美しいテクスチャから、古びた雰囲気のテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:46  |  
Category: Design   
tag: 
2011年07月08日

抽象表現に強いPhotoshopブラシ集「New Collection of Cool Abstract Photoshop Brushes」

画像等にちょっとしたデコレーションをしたり、特定のイメージが付かない背景画像を作成する時に利用したい抽象的なイメージ。抽象的なだけに決まった表現がなく、1からデザインするには時間がかかります。そこで今回紹介するのが、さまざまな抽象表現ができるPhotoshopブラシを集めた「New Collection of Cool Abstract Photoshop Brushes」です。


75 Abstract Brushes II by =rocked-out on deviantART

やわらかなラインを表現できるブラシから、光の動きを表現するブラシまで、さまざまなブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:06  |  
Category: Design , Photoshop   
2011年02月22日

デザイン性の高いフォームデザインのあるwebサイト集「25 Excellent Examples of Forms in Web Design」

ユーザーが運営側に問い合わせを行いたい時に利用するコンタクトフォーム。基本シンプルなタイプを見かけることがほとんどですが、デザインにこだわりを見せるwebサイトはフォームも一味違ったクリエイティブ要素の高いものとなっているようです。そこで今回は、デザイン性の高いフォームデザインのあるwebサイト集「25 Excellent Examples of Forms in Web Design」を紹介いたします。


Contact Vincent Mazza, Morris County’s top Web Site Design and Graphic Designer

デザインのテイストに合わせて、通常のコンタクトフォームとは一線を置いたユニークかつ、デザイン性の高いフォームを持ったwebサイトがまとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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