タグ

ブックマーク / allabout.co.jp (3)

  • 2/2 jQuery Droppablesでドロップ処理も超簡単 [Javascript] All About

    サンプル ドロップの簡単なサンプルを試してみます。いくつかのドラッグアイテムをドロップエリアにドロップすると、アイテムに書かれた価格がリストアップされて合計金額も表示されるというものです。 Droppablesも、引数のオプションでいろいろ設定できますので、最新のものはOptionsや UI/Droppablesあるいは、 デモ などでご参照ください。 ソースは次のとおり <style type="text/css"> .sel-items{ float : left } #sum { font-weight : 900 } #droptitle{ padding: 10px } .drag { width : 120px ; height : 50px ; padding : 10px ; font : 12px monospace; background-color : #B9FF04

    2/2 jQuery Droppablesでドロップ処理も超簡単 [Javascript] All About
  • ウェブサイトの企画力3:ペルソナの設定 - [ホームページ集客の方法]All About

    前回の「ウェブサイトの企画力2:アイデアを提供する」で書いたように、普段足下に転がっているようなものでも、加工次第でユーザーにとって充分有益な企画コンテンツになり得ます。きちんと切り口を決めて、その時期にあったコンテンツを提供すれば、よりユーザーの興味を引くサイトになってくるはずです。 しかし、その前に重要なのが「誰を対象にするか」です。 多くの場合、ウェブサイトの対象となるユーザー層を想定していると思いますが、それはどんな分類をしているでしょうか? 「うちの対象はF1層」 「うちは20代〜30代前半の男性がメイン」 このような分類が多いと思います。 しかし、それだけでは不十分な場合もあります。 より詳細なユーザー設定 当然のことですが、F1層の中にもさまざまな人がいます。趣味や好みもまちまちです。サイトの方向性を決める時に、単に「F1」と設定するだけだと、かなり一般的な、当たり障りのない

  • 2/2 jQuery Draggablesで簡単ドラッグドロップ [Javascript] All About

    サンプル いくつかのパターンを試してみます。ドラッグオプションの指定は、前ページでみたように、 cursorやaxisなど引数オブジェクトのプロパティで指定します。 他にも、いくつかのプロパティがありますので、最新のものはOptionsや UI/Draggablesあるいは、 デモ などでご参照ください。(このページの実際のコードには、AllaboutサイトのCSSへの微調整が含まれていますので、CSS変更時には多少ずれる可能性があります。)

    2/2 jQuery Draggablesで簡単ドラッグドロップ [Javascript] All About
    zetfs
    zetfs 2008/10/24
  • 1