TOP  >  フォーム

Tag : フォーム

2011年09月04日

wordpressで利用できるフリーフォームプラグイン集「20 Free Contact Form Plugins for WordPress」

プログラマーにはシンプルなフォームプログラム。ただ、デザイナーにとっては自ら組み上げるというのは少しハードルがあると思います。今日紹介するのはwordpressでフォームを簡単に実装できるフリーフォームプラグインを集めたエントリー「20 Free Contact Form Plugins for WordPress」です。


Contact Coldform

シンプルなプラグインから、非常に高機能なプラグインまで様々なプラグインが紹介されています。今日はその中から幾つか気になったプラグインをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:28  |  
Category: plugin , WebDesign , WordPress   
このエントリーをはてなブックマークに追加
2011年04月17日

jQueryベースのWebフォームライブラリ「jFormer」

WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。

「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、入力データのレジュームなど、細かな機能も標準で備わっており、フォームの開発の時間を短縮してくれます。

詳しくは以下

基本的にフォームの部分はphpで作られており、デザインをCSSで、動きなどはjavascriptを利用しています。

多彩なデモは「Demos – jFormer」からご覧いただけます。またベーシックなコンタクトフォームのつくり方は「Installation and Documentation – jFormer」からご覧いただくけます。フォームに動きをつけたいという方には役に立つフレームワークだと思います。

jQuery Form Framework – jFormer

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

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

2014年12月07日

サイトマップやレイアウト構築に便利なUIキット「Website Flowcharts」

webサイトの制作をスタートする前には、レイアウトの構築やサイトマップの作成が必須。それをすることで、サイトの全体像を把握しながら計画的にデザインをすることができます。今回はそんな企画時に是非利用したい便利なUIキット「Website Flowcharts」を紹介したいと思います。

flowchart1

いろいろなレイアウトのフォーマットUIイメージが72種揃っており、組み合わせをすることでサイトイメージをふくらませることができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2015年04月15日

24種の最新レスポンスwordpressテーマ集「24 Free Responsive WordPress Themes for April 2015」

非常に多くのwebサイトに利用されているwordpress。フリーで配布されているテーマにも豊富な種類が存在しています。そんな中今回紹介するのは、24種の最新レスポンスwordpressテーマ集「24 Free Responsive WordPress Themes for April 2015」です。

wordpress0415_1
Flato | ThemeMeme

PC版だけでなく、スマートフォンやタブレットにも対応させるのが当たり前の現代に最適なテーマが揃っています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WordPress   
2008年11月01日

WEB制作に役立つ汎用性の高いJavaScriptライブラリ 「MJL(MITSUE-LINKS JavaScript Library)」

WEBを制作によく使う機能を、いちから全部つくらずとも、簡単に実装できてしまうそんな便利なJavaScriptライブラリが今回紹介する 「MJL(MITSUE-LINKS JavaScript Library)」です。

こちらはWEB制作会社がオープンソースとして公開されている物で、WEB制作の現場からのものなので非常に使い勝手が良く、汎用性・実用性に富んでいます。どんな機能をもっているのかを紹介していきたいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:36  |  
Category: WebDesign   
2012年10月30日

フォームをカスタマイズできる jQueryプラグインまとめ「13 Effective Free jQuery Plugins that Enhance Your Forms」

インターネット上で誰とでも手軽に交流できるようになっており、WEBサイトはユーザーとのつながりを広げる大きな手段の一つとなっています。今回はそんなWEBサイトで、もっとも直接的な繋がりとなるフォームをカスタマイズできる jQueryプラグインをまとめた「13 Effective Free jQuery Plugins that Enhance Your Forms」を紹介したいと思います。


Select multiple form fields – finding a better solution for multiple selection

シンプルなフォームからさまざまな機能を持ったフォームまで、多数のフォームプラグインが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:48  |  
Category: WebService   
2015年12月06日

コーヒーのシミが紙に味わいを演出したペーパーテクスチャセット「10 Coffee Paper Textures」

背景素材として活躍してくれるテクスチャ。持っていると非常に重宝し便利な素材です。そんな中今回は、テクスチャのコレクションなどにぜひ加えておきたいテクスチャセット「10 Coffee Paper Textures」を紹介したいと思います。

coffeepaper0

コーヒーのシミが紙に味わいを演出したペーパーテクスチャのセットとなっています。

(続きを読む…)

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

【商用可】クリエイティブと学びを表現したアイコンセット「Creativity & Learning Icon Set 」

WEBサイト制作において重要なアイコン。あまり面積を取ること無く、端的に直感的にわかりやすく表現できるアイコンはスマートフォンが中心となったWEB制作現場ではますます重要な存在となっている気がします。それだけにぴったり表現されたアイコンというのはクリエイティブや最終的な使い勝手に大きな影響を与えます。今日紹介するのは、少し変わったデザインと学びを表現したアイコンセット「Creativity & Learning Icon Set 」です。

FreebieCreativityLearning_800x600

このCreativity & Learning Icon Setは鉛筆だったり虫眼鏡、顕微鏡、三角フラスコ、顕微鏡で見た世界など全部で30のアイコンがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:25  |  
Category: Design , vector   
2008年11月30日

29のハイクオリティのテクスチャ「29 Great Free Textures」

デザインをする際とても便利なテクスチャ。Designdevelopでも様々な素材を紹介してきましたが、今回紹介するのはハイクオリティなテクスチャを29個集めたエントリー「29 Great Free Textures」です。

テクスチャが多々紹介されていますが、今回はその中から特に気になったテクスチャをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:39  |  
Category: Design , Photoshop   
2013年05月24日

ポイント使いに最適なリボン型psd素材「17+ Elegant Ribbons (Psd)」

web上に多数配布・公開されているpsdデータには非常にさまざまな種類があり、デザインに。いろんなバリエーションを出すことができるため、豊富に所持してしておくと便利なもの。今回はそんなコレクションに是非加えたい、ポイント使いに最適なリボン型psd素材「17+ Elegant Ribbons (Psd)」を紹介したいと思います。

立体的かつリアルな質感が表現された、クオリティの高いリボンのデザインが再現されたpsd素材です。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:10  |  
Category: Design , Photoshop   
2011年11月30日

デザイン性の高いイベント告知サイトまとめ「32 Nice Event Websites」

企業やショップなどを紹介する常設のサイトと、スペシャルコンテンツ・イベントなど短期間のみ利用するサイトと、webサイトにはまったく主旨の異なる2タイプのジャンルが存在しています。そんな中から今回紹介するのは、イベント告知用に設置された趣向性の強いデザインをまとめた「32 Nice Event Websites」です。


Full Frontal 2011- JavaScript Conference

イベント内容を単刀直入に伝えるデザインから、イベントの雰囲気をイメージ的に伝えるデザインまで、さまざまなテイストのwebサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2011年09月24日

PC、タブレット、スマートフォンで使えるUIフレームワーク「Kendo UI 」

多くの、端末がリリースされていて、端末間の表示を合わせるのはフレームワークを使わないと色々と面倒になってきました。今日紹介するのはPC、タブレット、スマートフォンで使えるHTML5ベースのUIフレームワーク「Kendo UI 」です。

基本的にはjsとcssで作られたフレームワークとなっていてjsとcssを読み込み、ルールに沿って、記述していく形になります。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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