今日から現場で使えるjQueryのフォーム関連プラグイン15選
Webサイト制作で欠かせないのがフォーム。 これらは購入時や、お問い合わせ、ログインと言ったパーツで良く使われます。 今回はそんなフォームにスポットを当てて、なるべく使いやすく、導入しやすいものをご紹介いたします。 ただし、あくまでもjQueryプラグインのご紹介なので、よくわからないと言う方は華麗にスルーしてください。細かい導入方法までは説明しません。 機能性重視プラグイン In-Field Labels jQuery Plugin フォームの中に入っている文字がオンクリックでうっすらと消えていくプラグイン。 なかなかいい感じ。 Create a Progress Bar With Javascript | Nettuts+ demo シームレスにフォームの内容を変え、さらにどれくらい進んでいるかが％で確認できる。 overset - jVal - jQuery Form Field V
OSを選ばないウェブデザイナーのための使えるウェブアプリ15
OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。
情報から人へ興味が流れるのがネット、という神話がTwitterによって劇的に破壊されていく【マーケティング】
インターネットの構造から言って、情報を先に検索し、そのあとに人への興味が移るという概念を、Twitterがいとも簡単に打ち破ろうとしているのが目に見えてわかるようになってきた。 多くのブロガーやサイト運営者がいる。 これは芸能人や、既に知名度のある人を除いた話ですが、その多くは、まず第一に情報を先行し、公開する。 そして数ある検索エンジンや、リンク網によってあなたの情報が発見される。 ここからようやく、ユーザーはその情報を公開している人への興味がわくというのが、これまでのマーケティングを語る上で必然的な事であり、ごく当たり前の事だとされている。 しかし、ここ僅か4ヶ月足らずの間に爆発的速度でユーザーを拡大し続けるTwitterが、この基本的概念を根本的に破壊しているケースが目に付くようになってきました。 具体的にどのような現象か 通常、ネットの世界への入口とは、検索エンジンがもっともポピュ
これだけは押さえておきたいライフハック情報2010年2月まとめ
さて、4月になりました。 2年前には毎月実施いていたWeb製作者のための○○年○月度まとめ、的なシリーズを意識して書いていたのですが、入院やら仕事やらに押されて結局断念。 いつか始めないとなぁと思ってはいるのですがなかなか・・・。 というわけでもうどこから開始すれば良いのかわからなくなり、適当に2ヶ月前の情報を。 でも自分のブクマ見てたらWeb製作者向けとかではなく、単にライフハック記事が豊富に出てきたので、今回はそんな2月のライフハックエントリーをまとめてみました。 見逃したものがあればチェックしてみるといいですよ！ お役立ち情報 瞬時にブクマもReblogもできるChrome拡張機能「Taberareloo」がとってもイイ 「とってもいい」と言うもんじゃない。すごく良い。各種ソーシャルサービスを使っているchromeユーザーは絶対インストールしておくべき一品。 Firefoxを簡単に軽
光を表現するPhotoshopのブラシ416個*ホームページを作る人のネタ帳
Photoshop光のブラシ web制作を進める上で、光を直接使うのではなく、なにかの背景に潜らせたり、メニューなどの後ろにうっすらと構えているラインとしてよく使われるのが、光のラインシリーズだ。 こうしたブラシは非常に人気が高く、私も良くブクマしているのですが、いかんせん、画像が無いとなんとも情報として使えない。 そこで今回はリンクとイメージを直結してただの羅列エントリとして仕上る事にしました。 あとブラシの設定方法がわからないという人がいたら記事の下のほうを参考にしてみてください。 １(+11) ２(+7) ３(+10) ４(+12) ５(+3) ６(+8) ７(+12) ８(+4) ９(+7) １０(+20) １１(+4) １２(+24) １３(+22) １４(+8) １５(+8) １６(+9) １７(+18) １８(+6) １９(+6) ２０(+8) ２１(+6) ２２(+8) ２
webサイトの裏側の意識を変える事で売り上げをアップする方法
ネットショップ運営者が、あることをちょっとだけ始めてみただけでわずか5ヶ月で売り上げが3倍になりました。 はたして、webサイト運営がどのように変わったのでしょうか。 ネットショップを運営している新規クライアントから、サイトリニューアルの依頼がありました。初めてのご依頼だったので、まずはヒアリングから開始。今回のリニューアルは、サイトであまり物が売れず、□□（私が作ったサイト）のように売れるようにして欲しいとの事でした。 しかし話をよく聞くと、当初サイトを作ったときは、ただ作っただけで、特に運営方法についてはアドバイスが無かったとのこと。私はリニューアル前に1つだけある事をするようにお願いしました。その方法とは、実はサイトをいじる事ではありません。結果、売り上げが5ヶ月で3倍になりました。 実は最近、webサイトを制作する側も、データに依存しすぎて、大事な事を忘れているケースが多かったりす
web制作者のための2009年話題になったサービスいろいろ
ちょいと古めのうっとりくるサービスやエントリーを持ってきました。 なんて事はない。私がお勧めする2009年度に話題になったwebサービスや、ジェネレータを中心に、厳選してお届けいたします。 Twtiiter関連多し Twitterプロフィール検索 その名のとおりついったーのプロフィールを検索する検索エンジン。同じような趣味を持っている人を探すときなどに使われる。 ついったーの友人関係を可視化するwebサービス 友人関係というか会話関係があられもない姿で現れる恐ろしいサービス。 TweetLevel ついったーの影響力を測定するサービス。 影響力というか戦闘力。やってる事は単純なサービスなんだけど、こうやってしっかりデザイン組んで作り上げるところが本当に参考になった。どんなサービスであれ、愛情は見習わなければならない。 Twib - Twitter ホットエントリー Twitterでのホッテ
デザインや使いやすさよりも、はるかにSEOやSEMにお金が流れ易いジレンマ
実際に優れたレスポンスを持ったwebデザイナーがいたとしても、優れたSEO、SEM能力が高い人間に食われてしまうジレンマが、現在のweb業界なのかもしれない。 こんな事をいうwebデザイナーに会った。 大事なのはデザインではない。使いやすさもおまけだ。アクセス数の高いホームページで、リピーターを引き付けるサイト。そんなSEOやSEMを歌う連中にばっかりお金が流れていって、デザイナーはどんどん食われていくんだ。もうダメだ。webデザイナは。 つまり 露出回数を上げるスキルリピート力この二つがあれば、web制作費が多少高くても勝ち取れる、というのだ。 なかなか興味深い話だった。 webデザインとはなんなのか 制作を「依頼」する側にある欲求は実にシンプルだ。 「コストがかからず」「カッコ良く」「見やすく」「売り上げが上がり」「問い合わせがバンバンくる」 こんなサイトをご要望だろう。 制作に関して
webサイトのリピーターを増やすさりげない５つのコツ
多くのビジネスサイトのアクセス数を支えている大手検索サイト、Yahoo、Googleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。 Yahooサーチエンジンのアルゴリズムなんかによく泣かされた事があったけど、webサイトっていうのは結構リピーターを作りやすく施工しておく事で、あまりそういった影響をもろに受けずにすみます。 webサイトと、エンドユーザーとの道。 ユーザーパイプライン。 これを整備しておくと、サーチエンジンの気ままなアルゴリズムの変動がきても、涙目になる事もないのです。 パイプラインを作る意味 ビジネスサイトにおいて、いったい何が重要なポイントになるかというと、多くの場合、そのほとんどがリピート率と検索エンジンからの訪問者数となります。 リピート率が高いサイトは比較的物が売れやすく、また、検索エンジンからの訪問者数が多いと売るためのチャンスがほかのサイ
ホームページを作る人のネタ帳
今回この記事で伝えたいことは、これまで様々なプレゼンに関わってきた経験から、プレゼン資料を作る上での成功率を高めるルールというものが自分の中で完成しつつあるので、それらを共有できたらと思います。 これまで携わってきた仕事にある程度関連するので、マーケティング、Web制作、営業、講師、アフィリエイトなどの個人活動やECサイトの運営などに携わっている方がいたら、もしかしたら今後の売上や成果のヒントになるかもしれません。 特に20年ほど前、まだGoogleが産声をあげたような頃は、オンラインではなくオフラインの施策が多く、当時年間200本近く宣伝講習販売という形式のセミナーを行っていました。喉が枯れるまで喋り尽くした経験は、私に売れる感覚と売れない感覚をはっきりと教えてくれたのです。 私がそこで学んだことは、どんな商品であろうと、たった今知ったばかりの商品であったとしても、しっかりと必要性を理解
完全無料40のベクター画像コレクションパック
40素材パックを見逃すな！ 以下。 40 Absolutely Free Vector Pack Collections 一つ一つが濃厚でクオリティの高いベクター画像集ページにつながっている。 たとえばそれは 人の姿をしたシルエットであったり。 様々な要所で使えるオブジェであったり。 きらびやかな装飾であったり。 iPodであったり。 綺麗なタグであったり。 様々なものが収録されていますので、興味を沸くものや、今後使えそうなもの、また、探していたものが見つかるかもしれません。一度はすべて目を通しておくのも良いかもしれませんね。 それでは、また。
一度は作ってみたくなるクールでオシャレなフルFLASHサイト18選まとめ*ホームページを作る人のネタ帳
WEBデザイナーの方なら誰もが一度は作ってみたいとおもうであろうフルFLASHサイトを18個選び抜いてご紹介いたします。 各サイトの特徴が、あとで役に立つ日が来る（かも？） 最終的にFLASHサイトの最後の壁は使いにくさ、わかりにくさ。 この辺を画期的な方法でわかりやすくする基準みたいなのがあると便利なんですけどね。 neovision 久々にすごいユーモアがあり、ユーザビリティがあるFLASHを見た気がする。 ここは説明よりも是非とも見ておいて欲しい。 【私の注目】 ・上から下へ移動する一つの動画の流れの中から商品を掴む遊び心 ・どの幅にも『ある程度』対応している ・商品カゴに入れることへの抵抗の無さ loworks 各メニューの動きが面白い。 また、開いたあとの上下移動フレームもストレスがないのがいい。 【私の注目】 ・シンプルなデザイン ・メニューの見せ方が好き ・下部の各アイコンの
手軽に導入しやすい特徴的な14のドロップダウンメニューサンプル
なかなか素敵なまとめ記事がありました。 大規模なサイトに最適なリンク案内として、ドロップダウンメニューの導入が使われる事がありますが、今回のエントリーは、こうしたメニューの導入を簡単にしてくれるものとなるでしょう。 CSS、jQuery、MooTools、JavaScript WEBサイトのメニューはシンプルであるべきと考えます。大規模なWEBサイトでは、ドロップダウンメニューを設置することで、ユーザーが容易に移動できるようになる。時にそれらの設置が難しい時は以下を開いてみると良い。 14 Easy to Implement Drop Down Menu Solutions | Web Design Ledger 14ある中で今回触った感触としてお勧めが5つ。 現れ方がカッコいいドロップダウンメニュー ClarkLab ? Animated Drop Down Menu with jQue
webデザイナーのためのjQueryベストプラグイン＆チュートリアル10個
かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。 とりあえず定番的なものをどうぞ。 ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件 タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモ これかなり好き。 タグクラウドをさらに細分化させて表示させてます。 こういう発想は今までなかったので最初見たときちょっと感動しましたね。 ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります
ウェブデザイナーらしく周りの子がうらやむクールなデスクトップ画像を手に入れよう
うっとりくるような壁紙の嵐エントリがありました。 また、ついでなので過去に発掘してあった壁紙まとめエントリーもまとめました。 是非暇なときにでもどうぞ。 いろんな壁紙 以下エントリーには５０もの壁紙が紹介されていました。 50 Gorgeous Wallpapers to Spice Up Your Desktop - Noupe さらにその中でも、私個人がたまらんなぁと感じた３つをピックアップ。 ここからが本番というかおまけ 風景の中に女の子が一人だけいる画像下さい ぶる速-VIP イラスト中心全40個。 神々しい画像ください - がぞ～速報 なんかぐっとくる風景一覧。29作品＋おまけが1。 【66枚】神秘的な壁紙画像ください カナ速 どれもこれもかなりお勧めの壁紙だらけ。 壁紙に使える素敵な画像ください＞＜ - がぞ～速報 上のやつとじゃっかんかぶるものがありますが、結構インパクトのあ
Google日本語入力を実際にインストールして使ってみた
多分、キーワード収集率は世界No1であろうGoogle先生が、なんと今度は日本語をサポートしてくれるという。 取り敢えず入れてみる。 MS-IMEよさようなら。 これホント便利。とりあえず、変な変換が大幅に減少(MS-IME比較)。 ただ、いろいろプライバシー的にやばい時もある。 日本語入力をサポート ダウンロードはこちら。 Google 日本語入力 - ダウンロード さて、どんなサポートなのか試してみた。 例にすると「たとえば」と文字をうってタブキーを押せば Google検索窓で検索されている言葉なんかを練りこんで表示してくれるではありませんか。 まさか、「たとえば」といれて、「たとえばこんなダメブログ」が出て来るとは思いませんでしたが・・・。 Google先生はあなたの知らない日本語をサポートしてくれる。 すごいなぁと思ったのはサポート力だけではありません。 例えば「昨日」「今日」「明
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
web制作屋は、一体どのスキルを持っていれば即戦力なのか？17の作業に分解