TOP  >  plugin  >  サイトの表現力を高められるjQueryプラグインまとめ「Fresh and Useful jQuery Plugins and Tutorials」 ユーザーが滞在しやすいwebサイトの構築には、デザイン性の高さはもちろん、利用しやすいインターフェース設計が重要。そこで今回紹介するのが、サイトの表現力を高められるjQueryプラグインまとめ「Fresh and Useful jQuery Plugins and Tutorials」です。 （JQuery Plugin For Rotating Image） webサイトに動的な表現を加えられるさまざまなプラグインが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Password strength verification with jQ

WEBではインターフェース的にもデザイン的にも欠かすことができない、マウスオーバーした時のホバー処理。ちょっとしたギミックですが、全体のクオリティに影響する部分だと思います。今日紹介するのはわずか2.5KBと非常に軽量ながら、様々なホバー表現を可能にしてくれるjQueryプラグイン「Hoverizr」。 このプラグインではcanvasを利用して、白黒からカラーだったり、ぼかしからぼかしを取ったりと通常のホバー表現とは一味違った表現を簡単に可能にしてくれます。 詳しくは以下 実装方法は非常に簡単で、jQuery本体とHoverizrを読み込ませ、マウスオーバーさせたい部分のイメージのクラスもしくはIDを指定するだけです。様々なオプションが用意されており、使い方によっては面白い表現が可能になるかと思います。 jsのダウンロード、詳しい実装方法、サンプルなどは「Hoverizr – A resp

TOP  >  plugin , WebDesign , WordPress  >  wordpressで利用できるフリーフォームプラグイン集「20 Free Contact Form Plugins for WordPress」 プログラマーにはシンプルなフォームプログラム。ただ、デザイナーにとっては自ら組み上げるというのは少しハードルがあると思います。今日紹介するのはwordpressでフォームを簡単に実装できるフリーフォームプラグインを集めたエントリー「20 Free Contact Form Plugins for WordPress」です。 Contact Coldform シンプルなプラグインから、非常に高機能なプラグインまで様々なプラグインが紹介されています。今日はその中から幾つか気になったプラグインをピックアップして紹介したいと思います。 詳しくは以下 Contact Fo

ロゴも策定されWEB業界では徐々に浸透しつつあるHTML5ですが、今までのHTMLでは表現できない、ものが多々、可能になっていて、クリエイティブの面、機能面でも期待されていますが、今日紹介するのはHTML5の機能を使った事例を集めたエントリー「12 Fun & Clever Examples of HTML5」です。 Darkroom アニメーションを用いたものから、3D表現、ゲームなどなど、いままでFLASHなどでしか再現できなかったものがHTML5で描かれています。今日は其のナッからいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Z-Type HTML5のCanvas, Audio, Javascriptを利用して制作されたタイピングゲーム。HTMLでここまでのことができるのは驚きです。 ■Klowdz 雲を呼び出して、その上に様々な表現で書きこんでいく

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

制作に非常に便利なテクスチャ。デザインの質感を高めてくれたり、何か物足りないときに非常に便利に使える素材の一つです。今日紹介するのはハイクオリティなテクスチャを集めて配布する「startxtures」を紹介したいと思います。 サイトは非常にシンプルな作りで、なおかつ、最新のテクスチャ、人気のテクスチャ、タグ検索、細かなカテゴリ分など機能的な部分は整えられています。配布テクスチャもかなり高解像度で、WEBに限らず、様々な制作で利用できそうです。 詳しくは以下 配布されているテクスチャは基本的にフリーで公開されており、個人的なプロジェクト、または商業利用にも可能ということです。完全なロイヤリティーフリーではなく、販売などは禁止されていますので、細かな利用規約は「Terms of use」をごらんください。 現在収録されている数はおよそ、2000あまり。毎月更新されるとのことで今後にも期待できる

TOP  >  WebDesign  >  商用利用で使えるフリーアイコンセット「99 Icon Sets To Use In Commercial Design Projects」 アイコン素材は簡単に伝えたい内容を伝えられる非常に便利なデザイン素材です。今日紹介するのは商用利用で使えるフリーアイコンセットのみを集めたエントリー「99 Icon Sets To Use In Commercial Design Projects」です。 50 Free and Exclusive Twitter Icons ソーシャルメディアのアイコンからピクトまで様々なアイコンセットがまとめられています。今日は今までDesigndevelopで紹介したことが無いアイコンセットを中心にそのなかからいくつか紹介したいと思います。 詳しくは以下 ■120 free new icons! ちょっとコミカルなアイ

TOP  >  WebDesign  >  最近発表された使えるjQueryプラグイン20選「 20 Best And Useful jQuery Plugins of March 2010 」 軽量で高機能なjavascriptで知られるjQuery。数多くのプラグインがリリースされていて多くのプラグインが公開されていますが、最近公開されたもののなかから使えるプラグインを厳選したエントリー「 20 Best And Useful jQuery Plugins of March 2010 」を紹介したいと思います。 axImage – jQuery Image Scaler ジャンルは様々で、スライドショー的なものから、背景画像周りナビゲーション等々様々なアイデア溢れるプラグインがまとめられています。今日はその中から幾つか気になったプラグインを紹介したいと思います。 詳しくは以下 ■Pic

ハイクオリティなphotoshopグラデーションスタイル「25 High Quality Gradient Sets for Photoshop – 750+ Gradients」 デザインに置いて、立体感や深みを出すためにphotoshop上でグラデーション表現をつけるということは多くありますが、きれいなグラデーションを作ることは意外と手間だったりします。そんなときに便利なのが、photoshopグラデーションスタイル。様々なグラデーション表現がワンクリックで表現できるというものです。今日紹介するのはハイクオリティなphotoshopグラデーションスタイルを集めたエントリー「25 High Quality Gradient Sets for Photoshop – 750+ Gradients」です。 Modern 様々なテイストのグラデーションスタイルセットが集められていますが、今日は

TOP  >  WebService , WordPress  >  美しいフリーwordpressテーマ「50 Beautiful Free WordPress Themes」 世界中で利用されているCMS、wordpress。その魅力のひとつに豊富なテーマがありますが、今日紹介するのは美しいフリーwordpressテーマを集めた「50 Beautiful Free WordPress Themes」です。 ProMag 様々なタイプのハイクオリティのテーマが公開されています。今日はその中でもDesigndevelopで今まで紹介したことが無いテーマを中心にいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Colourise 黒ベースのシンプルなテーマ。カスタマイズのベースとしても良さそうなテーマです。 ■LimeSquash 緑をベースにした爽やかなwordpressテー

TOP  >  Design , Photoshop  >  商用利用可！グランジテクスチャ40枚セット「Massive Grunge Texture Pack: 40+ Textures」 デザインに質感を与えてくれるテクスチャ。様々なテクスチャがリリースされていて、そのなかでも確立されたジャンルがグランジテクスチャ、様々な風合いの味が魅力的です。今日紹介するのはグランジテクスチャを40枚セットにしたテクスチャセット「Massive Grunge Texture Pack: 40+ Textures」を紹介したいと思います。 Massive Grunge Texture Pack: 40+ Textures グランジといっても様々な表現がありますが、ペンキを塗り重ねたものから、コンクリートが経年劣化したもの、塗装がはがれたものなどなど、様々なグランジテクスチャがセットになっています。今日

TOP  >  WebService  >  最近リリースされたクオリティの高いwordpressのテーマ集「30 Brand New Quality WordPress Themes」 世界中で利用されているCMSの一つwordpress。高いカスタマイズ性の他に、豊富なテーマが魅力の一つですが、今日は最近リリースされたものの中からクオリティの高いwordpressのテーマだけを集めたエントリー「30 Brand New Quality WordPress Themes」を紹介したいと思います。 Cumulus ブログタイプからギャラリータイプ、コーポレートサイトタイプなど様々なタイプのテーマが集められていました。今日はその中から幾つか気になったものを紹介したいと思います。 詳しくは以下 ■Monokrome ヘッダー部分がギャラリーになっている珍しいつくりのwordpressテーマ。

インターフェイス設計にとても便利なアイコン。機能が絵で表示できるため、うまく使えば、直感的に操作できるインターフェイスを作ることができます。今日紹介するのは60個ものシンプルなアイコンがセットになったアイコンセット「iconSweets」を紹介したいと思います。 アイコンは汎用性の高いものが多く、インターフェイス向けです。iPhone & iPad アプリの開発にも使ってと公式にはおすすめされています。 詳しくは以下 ファイル形式はpsdで配布されていて、パスで描かれていますので、カスタマイズも容易にできます。さらにこちらはありがたい事に、個人、商用とわず、様々なプロジェクトに利用できるみたいで、カスタマイズもOKとの事です。Donateのボタンが設置されていましたので、本当に役に立ったと言う方は是非。 また、作者はどんな風に使われたか知りたいとのことで、EメールもしくはTwetterで知

TOP  >  WebDesign  >  使いやすいjQueryテクニック&プラグイン「40 Useful jQuery Techniques and Plugins」 高機能なjavascriptライブラリとして広く使われているjQuery。多くの方に使われているだけあって幅広いプラグインがリリースされていて、WEBをもっと便利に使いやすくしてくれます。今日紹介するのはjQueryを使った、テクニックとプラグインをあつめたエントリー「40 Useful jQuery Techniques and Plugins」です。 TipTip jQuery Plugin ナビゲーションに使えるプラグインからカレンダー、フォームなどといったものまで幅広いジャンルのプラグインが紹介されています。今日はその中から気になったものをいくつか公開したいと思います。 詳しくは以下 ■40 Useful jQu

WordPressテーマ探しの決定版「50 Best Websites To Download High Quality Free WordPress Themes」 世界中で利用されているCMS、Wordpress。かなりの数のテーマがリリースされていて、無料でもかなりクオリティが高いテーマも配布されています。今日紹介するのはフリーのテーマを探すときに役立つサイトを集めたエントリー「 50 Best Websites To Download High Quality Free WordPress Themes」を紹介したいと思います。 wordpress.org 上記のwordpress.orgといった定番中の定番から、様々なテーマ配布サイトがまとめられています。今日はそのなかから気になったサイトをいくつかピックアップして紹介したいと思います。 詳しくは以下 ■woothemes.com

様々な機能や可能性を秘めたHTML5。各所で取り上げられ、様々なチュートリアルやデモが公開されてはじめて来ていますが、今回紹介するのはHTML5の可能性を伝えるデモを集めたエントリー「5 awesome HTML5 demos」です。 いままでHTMLでは出来なかった様々な機能が実現されています。今日はその一つ一つを簡単にご紹介したいと思います。 詳しくは以下 ■APIrocks HTML5 slideshow 位置情報を取得させたり、ドラッグでソースコードを表示させたり、様々なHTML５の機能をスライドショーにまとめたページ。色々な可能性を提示してくれます。 ■Jilion – SublimeVideo プラグインを必要としないHTML5で作る動画プレイヤー。一般的な動画プレイヤーにできることは備わっています。 ■Blowing up HTML5 video 動画を3Dオブジェクトにテク

TOP  >  WebDesign , WordPress  >  最近リリースされたハイクオリティなwordpressテーマ集「 55 Fresh & High Quality WordPress Themes 」 国内外で人気のCMS、Wordpress。幅広い種類のテーマが配布されていますが、今日はその中でも比較的新しく、なおかつクオリティが高く、無料で使えるwordpressのテーマを集めたエントリー「 55 Fresh & High Quality WordPress Themes 」を紹介したいと思います。 Stunning Press シンプルでスタイリッシュなものからアナログ表現と組み合わせた作りこんであるテーマから様々なテーマがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■AppCloud iphoneアプリをはじめと

WEB上ではデザインだけでなくユーザーインターフェイス的にも非常に役に立ってくれるアイコン。全体から見ると細かい部分ではありますが、重要な部分でもあります。今日紹介するのはクオリティの高い、クリア感のある３Dフリーアイコンセット「 Incredibly Detailed 3D Icon Set」を紹介したいと思います。 上記がセット内容の一覧です。一般的によく見かける種別のアイコンがセットになって配布されています。 詳しくは以下 パッケージの内容は128pxのpngデータとPSDファイルも合わせてセットになって配布されています。PSDデータはありがたい事にすべてレイヤー構造を保ったまま保存されていますので、こまかい部分までカスタマイズして利用することが可能です。 ライセンスは個人利用、商業利用問わずに無料で利用できるみたいです。商用利用可能でpsdのレイヤー付きで配布というの利用する側から

TOP  >  WebDesign  >  新しくリリースされたjQueryプラグインを集めた「10 New jQuery Plugins You Have to Know」 軽量で高機能なjavascriptライブラリjQueryその手軽さから、多くのWEBデザイナーに利用されており、世界中でそのライブラリを使い、様々なプラグインが開発されリリースされていますが、今回紹介するのは最近リリースされたjQueryプラグインを集めた「10 New jQuery Plugins You Have to Know」です。 Ajax Scroll スライダーから、ボタンエフェクトなどなど様々なプラグインが公開されていました。今日はそのなかから幾つか気になったものをピックアップしてご紹介したいと思います。 詳しくは以下 ■Animated Share Button 特定の要素を空間的に配置してグルグル

TOP  >  WebDesign  >  最新の使えるjQueryプラグイン集「25 Amazing and Fresh jQuery Plugins」 軽量で非常に高機能なjavascriptプラグイン。豊富な機能に加えて、デザイナーでも何とかわかる範囲の言語として最近さらに人気を集めていますが、今回紹介するのは最新の使えるjQueryプラグインを集めた「25 Amazing and Fresh jQuery Plugins」というエントリー。 Meerkat 最近リリーされた使えるjQueryプラグインが集められています。様々な機能のものがありますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Brosho Plugin – Example CSSをブラウザ上から編集できるjQueryプラグイン。使うシーンはかなり断定されてきますが、面白いですね。