MIGI PLANNING http://m-pl.jp Just another WordPress weblog Fri, 23 Jul 2010 10:05:53 +0000 http://wordpress.org/?v=2.9.1 ja hourly 1 グリッドをベースにしたWordPressテーマ集「30 Grid-Based WordPress Themes」 http://m-pl.jp/2010/07/23/%e3%82%b0%e3%83%aa%e3%83%83%e3%83%89%e3%82%92%e3%83%99%e3%83%bc%e3%82%b9%e3%81%ab%e3%81%97%e3%81%9fwordpress%e3%83%86%e3%83%bc%e3%83%9e%e9%9b%86%e3%80%8c30-grid-based-wordpress-themes%e3%80%8d/ http://m-pl.jp/2010/07/23/%e3%82%b0%e3%83%aa%e3%83%83%e3%83%89%e3%82%92%e3%83%99%e3%83%bc%e3%82%b9%e3%81%ab%e3%81%97%e3%81%9fwordpress%e3%83%86%e3%83%bc%e3%83%9e%e9%9b%86%e3%80%8c30-grid-based-wordpress-themes%e3%80%8d/#comments Fri, 23 Jul 2010 10:05:53 +0000 migi http://m-pl.jp/?p=448 http://design-develop.net/wordpress/グリッドをベースにしたwordpressテーマ集「30-grid-based-wordpress-themes」.html

国内でも、便利なフレームワークとして一時期から、一気に広まり、様々なWEBサイトで活用されているグリッドレイアウト。今回紹介するのはグリッドをベースにしたWordPressテーマを集めたエントリー。「30 Grid-Based WordPress Themes」です。


Grid-A-Licious

スタンダードなものから、組み換えが可能なマルチカラムのものまで、様々なテーマが公開されています。今回はその中から幾つか気になったテーマを紹介したいと思います。

詳しくは以下

■GRID WordPress Theme
組み換え可能なマルチカラムなテーマ。軽量ながらも細かなところに配慮されたテーマ。国内産です。

960 Grid System Base Theme
定番中の定番のフレームワーク960 Grid Systemをベースにしたwordpressテーマ。普段960 Grid Systemを使っている人は非常にカスタマイズし易いテーマだと思います。

FolioGrid
ポートフォリオ向けにつくられたグリッドレイアウトなテーマ。カテゴリなどにもアクセスしやすく、洗練された印象を受けるテーマです。

上記の他にも全部で30のテーマがまとめられています。グリッドレイアウトを試してみたいという方は是非どうぞ。基本的にフリーでダウンロード、利用ができますが、著作権表示などについてなど細かい利用規約はダウンロード元でご確認ください。

30 Grid-Based WordPress Themes :Speckyboy Design Magazine

]]> http://m-pl.jp/2010/07/23/%e3%82%b0%e3%83%aa%e3%83%83%e3%83%89%e3%82%92%e3%83%99%e3%83%bc%e3%82%b9%e3%81%ab%e3%81%97%e3%81%9fwordpress%e3%83%86%e3%83%bc%e3%83%9e%e9%9b%86%e3%80%8c30-grid-based-wordpress-themes%e3%80%8d/feed/ 0 WEBからグラフィックまで最新フリーフォント65「65 Beautiful Free Fonts for Web and Graphic Designers」 http://m-pl.jp/2010/07/23/web%e3%81%8b%e3%82%89%e3%82%b0%e3%83%a9%e3%83%95%e3%82%a3%e3%83%83%e3%82%af%e3%81%be%e3%81%a7%e6%9c%80%e6%96%b0%e3%83%95%e3%83%aa%e3%83%bc%e3%83%95%e3%82%a9%e3%83%b3%e3%83%8865%e3%80%8c65-beautiful-fr/ http://m-pl.jp/2010/07/23/web%e3%81%8b%e3%82%89%e3%82%b0%e3%83%a9%e3%83%95%e3%82%a3%e3%83%83%e3%82%af%e3%81%be%e3%81%a7%e6%9c%80%e6%96%b0%e3%83%95%e3%83%aa%e3%83%bc%e3%83%95%e3%82%a9%e3%83%b3%e3%83%8865%e3%80%8c65-beautiful-fr/#comments Fri, 23 Jul 2010 10:04:11 +0000 migi http://m-pl.jp/?p=445 http://design-develop.net/design/65-beautiful-free-fonts-for-web-and-graphic-designers.html

デザインの媒体問わずに、デザインの中でも重要な要素の一つ、フォント。使うフォント一つで、デザインの全体のイメージにも強く影響を与えます。今日紹介するのはWEBからグラフィックまで様々なシーンで利用出来る最新フリーフォントをまとめた「65 Beautiful Free Fonts for Web and Graphic Designers」。


Orbitron

固めの書体から、柔らかいものまで様々な書体が紹介されています。全部で65個のフォントがまとめられておいますが、今日はその中からDesigndevelopで紹介したことが無いものもピックアップして紹介したいと思います。

詳しくは以下

■Zag font (free download 2 styles only)
シンプルでキレイな書体ですが、ちょっとした遊びも盛り込まれています。ロゴタイプまで様々な用途に利用できそうです。

■League Gothic
正統派のゴシック体。幅が短めなので、長いスペルの英文を見出しとして使うときに便利。

■VAL
ものすごく丸いフォント。丸みの帯びたイメージを使いたときに。使うシーンは選びそうですがはまったら良い表現ができそうです。

上記のほかにも様々なフォントが紹介されています。どれもフリーでダウンロードできますが、それぞれのフォントによってライセンスが異なりますので、商用利用される方はダウンロード前に再度ライセンスをご確認お願いいたします。

65 Beautiful Free Fonts for Web and Graphic Designers | Artatm

]]> http://m-pl.jp/2010/07/23/web%e3%81%8b%e3%82%89%e3%82%b0%e3%83%a9%e3%83%95%e3%82%a3%e3%83%83%e3%82%af%e3%81%be%e3%81%a7%e6%9c%80%e6%96%b0%e3%83%95%e3%83%aa%e3%83%bc%e3%83%95%e3%82%a9%e3%83%b3%e3%83%8865%e3%80%8c65-beautiful-fr/feed/ 0 最近リリースされた使えるjQueryプラグイン集「29 Best And Useful jQuery Plugins Of June 2010」 http://m-pl.jp/2010/07/23/%e6%9c%80%e8%bf%91%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%95%e3%82%8c%e3%81%9f%e4%bd%bf%e3%81%88%e3%82%8bjquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e9%9b%86%e3%80%8c29-best-and-useful-jque/ http://m-pl.jp/2010/07/23/%e6%9c%80%e8%bf%91%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%95%e3%82%8c%e3%81%9f%e4%bd%bf%e3%81%88%e3%82%8bjquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e9%9b%86%e3%80%8c29-best-and-useful-jque/#comments Fri, 23 Jul 2010 10:03:09 +0000 migi http://m-pl.jp/?p=443 http://design-develop.net/web-design/29-best-and-useful-jquery-plugins.html

非常に優秀なjavascriptライブラリjQuery、様々な表現を可能にしてくれる今やWEB制作では欠かせないライブラリの一つです。ライブラリ本体も便利なのですが、その魅力は数多くリリースされている様々なプラグインにも支えられています。今日紹介するのはjQueryの機能を生かした最近リリースされた使えるプラグインを集めたエントリー「29 Best And Useful jQuery Plugins Of June 2010」を紹介したいと思います。


dualSlider

カレンダー、マウスオーバー、メニュー、スライダーなどなど、様々な種類のプラグインがまとめられていました。今日はその中から幾つか気になったプラグインを紹介したいと思います。

詳しくは以下

■jQuery DivGrow Plugin
簡単にDivの内容が格納できるプラグイン。クリックするとアニメーションによって表示されます。

■Popeye ? an inline lightbox alternative
よくあるブラックアウトではなくて、その場でサムネイルが拡大され、スライドショーを展開できる新しいタイプのライトボックス系プラグイン。

popeye-e1279262343611
View Demo

■Shadow Animation
CSSのシャドウを利用してロールオーバーをjQueryで表現。CLick meの浮いているボタンはかなりスムーズに表現されています。

shadow-animation-e1279270720225
View Demo

上記の他にも様々なプラグインが公開されています。普段からWEB制作をされている方であれば、ドキュメントを見ながら、組み込みができるかと思います。表現の幅を広げてくれるjQueryプラグイン。便利に使いたいですね。

29 Best And Useful jQuery Plugins Of June 2010

]]> http://m-pl.jp/2010/07/23/%e6%9c%80%e8%bf%91%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%e3%81%95%e3%82%8c%e3%81%9f%e4%bd%bf%e3%81%88%e3%82%8bjquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e9%9b%86%e3%80%8c29-best-and-useful-jque/feed/ 0 jQueryで実現するクリエイティブなイメージギャラリー集「20+ jQuery Image Gallery for your next project」 http://m-pl.jp/2010/07/15/jquery%e3%81%a7%e5%ae%9f%e7%8f%be%e3%81%99%e3%82%8b%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%aa%e3%82%a4%e3%83%a1%e3%83%bc%e3%82%b8%e3%82%ae%e3%83%a3%e3%83%a9%e3%83%aa/ http://m-pl.jp/2010/07/15/jquery%e3%81%a7%e5%ae%9f%e7%8f%be%e3%81%99%e3%82%8b%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%aa%e3%82%a4%e3%83%a1%e3%83%bc%e3%82%b8%e3%82%ae%e3%83%a3%e3%83%a9%e3%83%aa/#comments Thu, 15 Jul 2010 07:51:21 +0000 migi http://m-pl.jp/?p=441 http://design-develop.net/web-design/jquery-image-gallery.html

軽量で非常に高機能なjavascriptライブラリ「jQuery」。様々なプロジェクトで利用されていますが、今回紹介するのはjQueryをつかったイメージギャラリーを集めたエントリー「20+ jQuery Image Gallery for your next project」です。


AviaSlider ? a unique jQuery Image slideshow plugin

画像と画像の間のエフェクトに凝ったものから、フューチャーリストのようにサムネイルと連動しているものまで様々なイメージギャラリーが紹介されています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

■Create an Image Rotator with Description (CSS/jQuery) ? Web Design Blog ? DesignM.ag
詳細情報が含まれたサムネイルと連動したイメージギャラリー。ニュースの新着などにも利用できそうです。

Image-Rotator-w-Teaser-CSS-jQuery-Tutorial_1276786642746

■jqFancyTransitions: jQuery Image Rotator Plugin
javascriptのイメージギャラリーの中では豊富なトランジションが魅力的な画像ギャラリー。

jqFancyTransitions-jQuery-Image-Rotator-Plugin_1276786254721

■jQuery Smooth Div Scroll by Thomas Kahn
次々とスクロールするイメージギャラリー。パノラマ写真やひと繋ぎの絵を見せるときにも使えそうです。

smoothdivscroll

上記の他にも様々なスライダーが用意されています。イメージギャラリーと一口にいっても様々なタイプのものがありますので、コンテンツやデザインによって使い分けれればより良いWEBページになるのではないでしょうか？

20+ jQuery Image Gallery for your next project

]]> http://m-pl.jp/2010/07/15/jquery%e3%81%a7%e5%ae%9f%e7%8f%be%e3%81%99%e3%82%8b%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%83%86%e3%82%a3%e3%83%96%e3%81%aa%e3%82%a4%e3%83%a1%e3%83%bc%e3%82%b8%e3%82%ae%e3%83%a3%e3%83%a9%e3%83%aa/feed/ 0 商用利用で使えるフリーアイコンセット「99 Icon Sets To Use In Commercial Design Projects」 http://m-pl.jp/2010/07/09/%e5%95%86%e7%94%a8%e5%88%a9%e7%94%a8%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8b%e3%83%95%e3%83%aa%e3%83%bc%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%bb%e3%83%83%e3%83%88%e3%80%8c99-icon-sets-to-use-in-commer/ http://m-pl.jp/2010/07/09/%e5%95%86%e7%94%a8%e5%88%a9%e7%94%a8%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8b%e3%83%95%e3%83%aa%e3%83%bc%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%bb%e3%83%83%e3%83%88%e3%80%8c99-icon-sets-to-use-in-commer/#comments Fri, 09 Jul 2010 11:15:25 +0000 migi http://m-pl.jp/?p=439 http://design-develop.net/web-design/99-icon-sets-to-use-in-commercial-design-projects.html

アイコン素材は簡単に伝えたい内容を伝えられる非常に便利なデザイン素材です。今日紹介するのは商用利用で使えるフリーアイコンセットのみを集めたエントリー「99 Icon Sets To Use In Commercial Design Projects」です。

twittericons
50 Free and Exclusive Twitter Icons

ソーシャルメディアのアイコンからピクトまで様々なアイコンセットがまとめられています。今日は今までDesigndevelopで紹介したことが無いアイコンセットを中心にそのなかからいくつか紹介したいと思います。

詳しくは以下

■120 free new icons!
ちょっとコミカルなアイコンセット。シンプルながらも味があります。

120newicons

■Office Supplies
オフィスの文房具をアイコン化したアイコンセット。

officesupplies

■Boolean 1.1
シンプルながらも細かなところまで作りこまれたアイコンセット。

microicons

上記の他にも様々なアイコンセットが公開されています。これだけ種類があれば使いたかったものが、見つかると思います。

アイコンのライセンスはクリエイティブ・コモンズのものもあり、商用利用可ですが、原著者を明記しなければいけない場合もありますので、最終的に利用する前に、アイコンの配布元でライセンスをご確認ください。

99 Icon Sets To Use In Commercial Design Projects

]]> http://m-pl.jp/2010/07/09/%e5%95%86%e7%94%a8%e5%88%a9%e7%94%a8%e3%81%a7%e4%bd%bf%e3%81%88%e3%82%8b%e3%83%95%e3%83%aa%e3%83%bc%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%bb%e3%83%83%e3%83%88%e3%80%8c99-icon-sets-to-use-in-commer/feed/ 0 WEBデザイナーのためのフレームワーク30「30 Useful Frameworks for Designers」 http://m-pl.jp/2010/07/09/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af30%e3%80%8c30-useful-frameworks-for-designers/ http://m-pl.jp/2010/07/09/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af30%e3%80%8c30-useful-frameworks-for-designers/#comments Fri, 09 Jul 2010 11:14:24 +0000 migi http://m-pl.jp/?p=437 http://design-develop.net/web-design/30-useful-frameworks-for-designers.html

一から全てデザイン、制作することは精度も上がりますし、クリエイターとしては当たり前のことなのかもしれませんが、案件ベースで見て、予算や時間的な問題で、デザイン、設計などを全てオリジナルでこなそうと思うと無理がある案件もあるかと思います。そんな時に役立つのが今回紹介するWEBデザイナーのためのフレームワーク30「30 Useful Frameworks for Designers」です。

simpl
Simpl

よく見るグリッドシステムから、シンプルなCSSのデザイン処理を集めたもの、wordpressのテンプレートを作るためのものなどなど、制作の負荷を軽減してくれる、様々なフレームワークがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

■SenCSs ? the sensible standards CSS baseline
H1〜H6などの見出しから、リスト、テーブルなど、WEBで利用する様々なCSSをセットにしたCSSフレームワーク。

sencss

■Free WordPress Theme Frameworks
その名前のとおり、シンプルなワードプレステンプレートのベース。

whiteboard

■Free WordPress Theme Frameworks
こちらはある程度、整備されたシンプルなワードプレステーマ制作用のベーステーマ。

hybrid

上記の他にも様々なWEBデザイナーに役立つフレームワークが用意されています。上手く利用すれば、コーディングや制作の手間がかなり圧縮されると思います。WEBデザイナーの方でフレームワークってなに？という方は一度導入を検討してみても良いかもしれません。

30 Useful Frameworks for Designers | Webdesigner Depot

]]> http://m-pl.jp/2010/07/09/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%ae%e3%81%9f%e3%82%81%e3%81%ae%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af30%e3%80%8c30-useful-frameworks-for-designers/feed/ 0 新しめのクオリティの高いフリーフォント集「20 New High-Quality Fonts for Your Designs」 http://m-pl.jp/2010/07/09/%e6%96%b0%e3%81%97%e3%82%81%e3%81%ae%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%81%ae%e9%ab%98%e3%81%84%e3%83%95%e3%83%aa%e3%83%bc%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e9%9b%86%e3%80%8c20-new-high/ http://m-pl.jp/2010/07/09/%e6%96%b0%e3%81%97%e3%82%81%e3%81%ae%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%81%ae%e9%ab%98%e3%81%84%e3%83%95%e3%83%aa%e3%83%bc%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e9%9b%86%e3%80%8c20-new-high/#comments Fri, 09 Jul 2010 11:12:45 +0000 migi http://m-pl.jp/?p=435 http://design-develop.net/design/20-new-high-quality-fonts-for-your-designs.html

デザインの印象を決定づける大きな要素の一つフォント。様々なフォントが公開されていますが、今回紹介するのは、最近発表された、クオリティの高いフリーフォント集「20 New High-Quality Fonts for Your Designs」です。

more_fresh_fonts_4
Dekar

洗練されたものから、ガッチリした印象のフォントまで、様々なイメージのフォントがまとめられています。今日はその中から今までDesigndevelopで紹介したことが無いフォントを中心にいくつか気になったものを紹介したいと思います。

詳しくは以下

■20 New High-Quality Fonts for Your Designs
立体感を少し感じる、フォント。シンプル目ですが特徴のあるフォントです。

more_fresh_fonts_1

■Code
無駄を省いたシンプルをきわめたような細身の書体。

more_fresh_fonts_15

■Fracmetrica Black
一枚の紙を折って作られたような、個性的なフォント。癖が有りますが、使いどころによってはよさそうです。

more_fresh_fonts_19
上記の他にも様々なフォントが紹介されています。どのフォントも基本的にフリーでダウンロード可能ですが、ライセンスは各々のフォントで異なりますので、商用利用をお考えの方はダウンロードする前にライセンスを配布元でご確認ください。

20 New High-Quality Fonts for Your Designs | Freebies

]]> http://m-pl.jp/2010/07/09/%e6%96%b0%e3%81%97%e3%82%81%e3%81%ae%e3%82%af%e3%82%aa%e3%83%aa%e3%83%86%e3%82%a3%e3%81%ae%e9%ab%98%e3%81%84%e3%83%95%e3%83%aa%e3%83%bc%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e9%9b%86%e3%80%8c20-new-high/feed/ 0 プレゼンに役立つフリーパワーポイントテンプレート集「345 Free PowerPoint templates, themes and backgrounds」 http://m-pl.jp/2010/07/09/%e3%83%97%e3%83%ac%e3%82%bc%e3%83%b3%e3%81%ab%e5%bd%b9%e7%ab%8b%e3%81%a4%e3%83%95%e3%83%aa%e3%83%bc%e3%83%91%e3%83%af%e3%83%bc%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac/ http://m-pl.jp/2010/07/09/%e3%83%97%e3%83%ac%e3%82%bc%e3%83%b3%e3%81%ab%e5%bd%b9%e7%ab%8b%e3%81%a4%e3%83%95%e3%83%aa%e3%83%bc%e3%83%91%e3%83%af%e3%83%bc%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac/#comments Fri, 09 Jul 2010 11:11:47 +0000 migi http://m-pl.jp/?p=433 http://design-develop.net/design/345-free-powerpoint-templates.html

プレゼンや、企画書など、クリエイター以外にも幅広くビジネスシーンで利用されるプレゼンテーションツール、パワーポイント。今日紹介するのはパワーポイントでの資料作成に便利な、フリーパワーポイントテンプレート集「345 Free PowerPoint templates, themes and backgrounds」です。

テーマは様々で、ビジネステンプレートから、医療業界で使えそうなもの、写真を大胆に使ったものなど様々なテンプレートが収録されており、全部で345個公開されています

詳しくは以下


ウェディングをテーマにしたテンプレート。その他にも様々なテンプレートが公開されています。

海外のサイトなので、国内っぽいデザインのものはありませんが、シンプルなものも多いので。プレゼンテーションや企画書の内容にもよりますが、上手く利用出来るものもあるかと思います。

普段はパワーポイントに慣れていないクリエイターの型などには良い素材だと思います。ダウンロードは各カテゴリー以下のサムネイルの下部のテキストリンクからどうぞ。

345 Free PowerPoint templates, themes and backgrounds

]]> http://m-pl.jp/2010/07/09/%e3%83%97%e3%83%ac%e3%82%bc%e3%83%b3%e3%81%ab%e5%bd%b9%e7%ab%8b%e3%81%a4%e3%83%95%e3%83%aa%e3%83%bc%e3%83%91%e3%83%af%e3%83%bc%e3%83%9d%e3%82%a4%e3%83%b3%e3%83%88%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac/feed/ 0 個性的な名刺デザインを集めた「35 cool and unique business card designs」 http://m-pl.jp/2010/06/27/%e5%80%8b%e6%80%a7%e7%9a%84%e3%81%aa%e5%90%8d%e5%88%ba%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8c35-cool-and-unique-business-card-designs%e3%80%8d/ http://m-pl.jp/2010/06/27/%e5%80%8b%e6%80%a7%e7%9a%84%e3%81%aa%e5%90%8d%e5%88%ba%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8c35-cool-and-unique-business-card-designs%e3%80%8d/#comments Sat, 26 Jun 2010 23:20:33 +0000 migi http://m-pl.jp/?p=431 http://design-develop.net/design/35coolanduniquebusiness.html

ビジネスの際に欠かすことの出来ないアイテム”名刺”、シンプルなものから、インパクトを重視した変わったデザインのものまでさまざまな名刺が使わ れていますが、今回紹介するのは、個性的な名刺デザインを集めた「35 cool and unique business card designs」です。


Bottle Opener Business Card | Business Cards Observer

名刺の形はしているけども、かなりデザインに個性が見られるもの、また一見名刺とは思えないようなデザインまでさまざまな種類が紹介されています。

詳しくは以下

■Brigada Creativa ? Business Cards ? Creattica
手で鉛筆を握っているかのような仕様になっています。本物の鉛筆でしょうか？鉛筆を使って描いたかのような手書き風の文字も印象的です。

■Pirate Treasure Map Cards ? Business Cards ? Creattica
まるで冒険の地図を思わる、ワクワクするような名刺です。目的地には本当に宝物が眠っているのかもしれません・・。

■Business card on Flickr ? Photo Sharing!
スタンプを押して仕上げる名刺。一枚一枚、押し方や位置、色などで印象が違ってきます。

小さなキャンバスであるにもかかわらず、本当に豊富なデザインパターンが次々と生まれる名刺。見ているだけでも面白いですね。この他にもたくさんの 名刺が紹介されていますので、従来の名刺とは違うものが作りたい、という方は参考にしてみてはいかがでしょうか。

35 cool and unique business card design

]]> http://m-pl.jp/2010/06/27/%e5%80%8b%e6%80%a7%e7%9a%84%e3%81%aa%e5%90%8d%e5%88%ba%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8c35-cool-and-unique-business-card-designs%e3%80%8d/feed/ 0 素晴らしいjQueryのスライダーを集めた「25 Excellent jQuery Sliders Tutorials and Plugins」 http://m-pl.jp/2010/06/27/%e7%b4%a0%e6%99%b4%e3%82%89%e3%81%97%e3%81%84jquery%e3%81%ae%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8c25-excellent-jquery-sliders-tutorials-and-plugins/ http://m-pl.jp/2010/06/27/%e7%b4%a0%e6%99%b4%e3%82%89%e3%81%97%e3%81%84jquery%e3%81%ae%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8c25-excellent-jquery-sliders-tutorials-and-plugins/#comments Sat, 26 Jun 2010 23:18:55 +0000 migi http://m-pl.jp/?p=429 http://design-develop.net/web-design/excellent-jquery-sliders.html

非常に高機能でWEB制作には幅広く利用されている、jQueryプラグインですが、その中でも定番とも言えるのがスライダー。限られた領域で jQueryのプラグインの中でも多く利用されているスライダープラグイン。今日紹介するのはクオリティの高い、素晴らしいjQueryのスライダーを集 めたエントリー「25 Excellent jQuery Sliders Tutorials and Plugins」です。

jqs-25
A Beautiful Apple-Style Slideshow Gallery with CSS & jQuery

定番の右から左へ流れるもの、トランジションが効いているもの、キャプチャやサムネイルと連動しているものなどなど、様々なスライダーがまとめられ ています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

■Animate Panning Slideshow with jQuery
横スライドだけではなく、縦横と動きがつけられるスライダー。

jqs-5

■How to Create a Simple iTunes-Like Slider
サイドのサムネイルと連動したスライダー。ビジュアルや写真中心のスライダーを創るときにオススメ。

jqs-2

■Create Featured Content Slider Using jQuery UI
コンテンツと連動できるFeaturedスライダー。WEBマガジンなどには相性が良いスライダーです。

jqs-10

上記のほかにも様々なスライダーが公開されています。スライダーを使ったWEB制作を考えている方は是非原文もご覧ください。思い描いたスライダーに出会 えるかもしれません。

25 Excellent jQuery Sliders Tutorials and Plugins | Vandelay Design Blog

]]> http://m-pl.jp/2010/06/27/%e7%b4%a0%e6%99%b4%e3%82%89%e3%81%97%e3%81%84jquery%e3%81%ae%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%80%e3%83%bc%e3%82%92%e9%9b%86%e3%82%81%e3%81%9f%e3%80%8c25-excellent-jquery-sliders-tutorials-and-plugins/feed/ 0