タグ

2010年5月24日のブックマーク (25件)

  • タブキー利用にも対応するフォームのちょっとした改善 (ユーザビリティ実践メモ)

    最近のユーザ行動観察調査(ユーザビリティテスト)では、ウェブサイトの利用、マウスやキーボードの使い方に慣れたユーザも増えてきていると感じます。そこで今回は、ユーザのタブキー利用への対応について考えてみたいと思います。 フォーム制作において、タブキーを使った時にフォーカスが移動する箇所の順番を、気にされていますでしょうか?タブキーを使って入力ボックスを移動した時に、適切な順番で、全ての入力ボックスへ移動できることが期待されます。 タブキーを使って移動するユーザにとっては、適切な順番でフォーカスが移動しない、タブキーで全ての入力ボックスへ移動できないケースが発生した場合、離脱の原因になりえます。 フォーカス移動の順番は、HTMLのtabindex属性で指定することができます。 <タグ名 tabindex=n> またフォーカス移動を指定する場合には、最後の送信ボタンにまで移動できるよう配慮しまし

  • ボックス間でアイテム移動できるselectボックス実装jQueryプラグイン「multiselect2side」:phpspot開発日誌

    ボックス間でアイテム移動できるselectボックス実装jQueryプラグイン「multiselect2side」 2010年05月24日- Senamion.com - multiselect2side (multiple select double side) plugin: documentation and demo page ボックス間でアイテム移動できるselectボックス実装jQueryプラグイン「multiselect2side」 デスクトップアプリケーションなんかでよくある、使うリスト&使わないリストを表示する際に便利なUIを実装出来ます。 select ボックス内のアイテムを複数選択して、移動することも出来ます。 ボックスの中身をソートすることも出来ます。 ボタン部分のUIが独特ですが、CSSでリデザインできるようなので安心です。 このUIで、例えば、利用者がWEBサイト

  • 入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」:phpspot開発日誌

    入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」 2010年05月24日- Autotabindex Example 入力最大値に達したら自動で次の要素に移動させられるjQueryプラグイン「Autotabindex」。 例えば、携帯番号を入力する場合など、一定の文字数以上になった場合に、TABキーを押すなどせずとも、次のフィールドにカーソルを合わせることができます。 TABキーを知らないライトユーザーな方々はマウスでいちいち移動していたりもしますが、このプラグインでユーザビリティを上げられそうです。 JavaScript で1から実装するとなると、少し面倒な上に、要素ごとにonkeydownを入れたりしてコードが汚くなったりしますが、jQueryプラグインなので1行で次のように初期化できます。 $(document).ready(fun

  • デザインのサイズ合わせのお供に·Pixus MOONGIFT

    PixusはAdobe AIR製のオープンソース・ソフトウェア。Photoshopを使ってWebサイトやアプリケーションのデザインを行っている時、きちんと適切なサイズに収まるかスケールを合わせたい時がある。キャンバスのサイズを合わせておく手もあるが、そうするとちまちましたデザインになってしまうだろう。 デザインの確認に さらに今はPC向けのみならず、iPhoneiPad、PSPなど筐体の種類も増えており表示画面サイズも個々に異なるようになっている。各筐体で適切に表示されるデザインを作成するために使ってみたいのがPixusだ。 PixusはAdobe AIR製のソフトウェアで、起動すると枠が表示される。サイズは1024×768、800×600などのPC向けの他、320×480のiPhone向け(水平表示板もある)、PSPサイズもある。さらにIE、Safari、ChromeiPhoneなど

    デザインのサイズ合わせのお供に·Pixus MOONGIFT
  • http://www.seo-blogs.biz/2010/05/24/1658/

  • 空の上にいる人の物語 手描きならではの暖かさに心が震える【iPhoneで無料ムービー】 : ITライフハック

    2010年05月24日10:00 空の上にいる人の物語 手描きならではの暖かさに心が震える【iPhoneで無料ムービー】 カテゴリモバイル ブロスタTVのクリエイター紹介の第2回は、心に染みるファンタジーな作品を制作されているアニメーション作家の上甲トモヨシさんです。 空の上に住む雲の人と雨の人が織りなす心の交流とペーソスにハートも温まります。もう一つの作品は、ビルという題材を柔らかい鉛筆のタッチで擬人化して、ぬくもりを感じさせる作品となっています。 都会や人の関係に疲れた人は、是非、この作品の温かさに浸ってみてください。 ■「雲の人 雨の人」 ・iPhoneはこちら ・PCはこちら 【作品解説】 空の上には雲の人と雨の人がいます。雲の人はモクモクと、雨の人はチャプチャプと、そんな二人の出会いの物語です。ちなみによく二人の顔の黒い穴を口と思う方が多いようですがあれは目として見て頂けると感情

    空の上にいる人の物語 手描きならではの暖かさに心が震える【iPhoneで無料ムービー】 : ITライフハック
  • ケータイの無料通話って使ってます? しゃべらない現代人の驚きの実態判明

    ケータイの無料通話って使ってます? しゃべらない現代人の驚きの実態判明2010.05.24 10:00 隣りにいたってメールしかしません... いろんなケータイ会社が少し前から料金プランのシフトなどで対応を図ってきてますけど、もうそれでも追いつかないくらい、音声通話の利用離れが世界的に加速してるんだそうですね。毎月ついてくる無料通話なんて、いつも使わずにドンドン余りまくってるなんて人も増加の一途をたどってるんだとか。ギズ読者の皆さまはいかがですか? そもそもiモードの時代から、世界に先駆けてケータイメールやネットの利用が盛んだった日は当然のこととして、ついにこれまでは文化的に音声通話が欠かせないと言われてきた国々でも、このところ裏を返したように急にケータイでしゃべることがなくなってきてるんです。その犯人はiPhone人気であるなんて指摘まで判明してきてますよ! もしやこれからはiPad

    ケータイの無料通話って使ってます? しゃべらない現代人の驚きの実態判明
  • 生活を浄化する7つの方法 | ライフハッカー・ジャパン

    私たちの毎日には、悪い習慣や、窮屈な人間関係、いらないものなどが、たくさん詰まっています。それらを取り除いたら、おそらくビックリするほどの、時間と余裕が生まれることでしょう。「stepcase lifehack」に、生活を浄化する7つの方法が載っていたので、ご紹介しますね。 1. 正直に言う 一つ嘘をついたら、どんどん嘘を重ねなければいけなくなってしまいます。そんな事態を避ける為には、最初から嘘をつかなければいいのです。正直でありましょう。でも、ズバリ言い過ぎて、相手を傷つけるようなことはしたくないですね。 2. かけがえのないものを7つ挙げる あなたにとって大事なもの、これは譲れないというものを、7つ書き出しておきましょう。なかなか思いつかなかったら、家が火事になったときに、持って逃げたいものを思い浮かべても、いいかもしれませんね。このリストを作ることによって、逆に、あなたの生活には不必

    生活を浄化する7つの方法 | ライフハッカー・ジャパン
  • トンボ学生服・とんぼ体操服の株式会社トンボ

    OLIVE des OLIVE School 「女の子はいつだって“キュート”でいたい」という願いを叶える制服です。

  • 在宅勤務の落とし穴にはまらないための8つのカギ | ライフハッカー・ジャパン

    2007年に行われた調査では、在宅勤務を選ぶ理由に「パジャマ姿でも問題にされない」という意見があったそうです。 自宅で「仕事」と「プライベート」の区別、しっかり出来ていますか。それが出来れば苦労しないよ、と突っ込まれそうですが...、在宅勤務で生産性向上を実現するための8つの心がけを金融系ブログ「Lazy Man and Money」が紹介しています。 自宅仕事人Lazy Manさん曰く : スケジュール調整は前日夜にする: 翌日の仕事を滞りなく進めるため、労働時間などの目標設定や方向付けをざっくりと行っておく。 仕事に取り掛かる前に着替える: 出勤するときのような服装に着替え、気持ちを切り替える。 朝べる: 朝を摂ることで、生活リズムが整う。 タスクを体系化: クラウド型データ管理ツールEvernoteGoogleカレンダー、テキストエディタ、思考技術マインドマップなどお好みの

    在宅勤務の落とし穴にはまらないための8つのカギ | ライフハッカー・ジャパン
  • 外国人が見た「女子高生」像をまとめた書籍「Japanese Schoolgirl CONFIDENTIAL」

    のどんなキーパーソンの名前よりもニュースに登場する「女子高生」という言葉。あらゆる分野に対して影響力があるにも関わらず、私達日人にとっては身近過ぎるためか普段彼女達のことを気にすることはほとんどありません。 ところが、外国から見るとこれほど不思議な人種はないようで、もはやサムライ・芸者と並び「女子高生」は日を語るには避けられないキーワードとなっているとのこと。この度刊行された「Japanese Schoolgirl CONFIDENTIAL」は「女子高生」が日のポップカルチャーにどのような影響を与えているかが外国人の視点で描かれており、興味深い一冊となっています。 詳細は以下。 スクールガール・コンフィデンシャル :講談社インターナショナル Japanese Schoolgirl Confidential この「Japanese Schoolgirl CONFIDENTIAL」は

    外国人が見た「女子高生」像をまとめた書籍「Japanese Schoolgirl CONFIDENTIAL」
  • 手っ取り早くSEOで成果を上げる為に | パシのSEOブログ

    SEOで成果を出す為には、大きく分けてYahooGoogleの検索順位を上げる、検索結果に引っかかるキーワードを増やすという2通りの方法があります。メインキーワードの順位を上げる事はもちろん大切ですが、裾野を広げる作業も大きな効果を発揮します。 1.流入キーワードを増やす SEOを実施する場合、キーワードをいくつか選んでその順位を上げるというのが基的な手順となりますが、順位を上げる事よりもキーワードを増やす方が早く効果が出る場合があります。 それなりの検索ボリュームのあるキーワードでお金をかけずに上位表示しようとする場合、どうしても被リンクを増やす為の作業に多くの時間を割く事になってしまいますが、キーワードを増やす作業は比較的簡単に実施する事ができます。 スモールワードやロングテールキーワードの特徴としては、被リンクを張らなくても上位表示されやすいという事と、1位や2位に表示されなくて

  • ブラウザキャッシュによる HTTP 高速化チューニング

    かれこれ一年ほど前に実施した実サービスでの apache のチューニングネタを思い出したように書いています。 以前いた部署では少ないサーバ台数で大量のリクエストを如何に処理しきるかってことに燃えていたので、静的コンテンツなどをブラウザに支障のない範囲で最大限にキャッシュさせ、サーバとネットワークの負荷を最小化させていました。 当時参考にした情報源は以下の3つでした。 どのようなレスポンスヘッダを返しておけばブラウザキャッシュを最大化できるかのテクニックがまとめられています。 ブラウザキャッシュとレスポンスヘッダ - murankの日記 Kazuho@Cybozu Labs: キャッシュの上手な使い方 [Studying HTTP] HTTP Status Code チューニングにおいて重要なのは自分自身での検証。というわけで自前で検証した結果と検証するために用意したプログラムを公開します。

    tsutomura
    tsutomura 2010/05/24
    高速化
  • 阳澄湖大闸蟹蒸多久最佳时间-秋波盈盈网

    内容摘要:阳澄湖大闸蟹需要蒸多久才熟-九州醉餐饮网阳澄湖大闸蟹冷水上锅蒸15-20分即可,冷水慢慢加热会产生蒸汽,用蒸汽去蒸熟阳澄湖大闸蟹,可以锁住阳澄湖大闸蟹的鲜美。阳澄湖大闸蟹在清洗的时候要。清蒸阳澄湖大闸 阳澄湖大闸蟹需要蒸多久才熟-九州醉餐饮网阳澄湖大闸蟹冷水上锅蒸15-20分即可,冷水慢慢加热会产生蒸汽,用蒸汽去蒸熟阳澄湖大闸蟹,可以锁住阳澄湖大闸蟹的鲜美。阳澄湖大闸蟹在清洗的时候要。 清蒸阳澄湖大闸蟹需要多久-九州醉餐饮网阳澄湖大闸蟹的个头不一样,蒸的时间也会不同。6两以下的阳澄湖大闸蟹,需要蒸15分钟,半斤以上的阳澄湖大闸蟹,需要蒸20分钟。个头偏大的阳澄湖大闸蟹。 清蒸阳澄湖大闸蟹要蒸多久-九州醉餐饮网要问清蒸阳澄湖大闸蟹要蒸多久的话,一般建议15到20分钟即可,首先我们要将大闸蟹用刷子清洗干净,从蟹背到蟹钳,然后将清洗干净的大闸蟹冷水下锅,一定。 阳澄湖大闸蟹蒸多长时间-

  • 継ぎ目のない背景画像を作成するPhotoshopのチュートリアル | コリス

    Photoshop初心者でも簡単に作成できる、ウェブページの背景に利用する継ぎ目のないシームレスな画像を作成するチュートリアルをDesign Shackから紹介します。 Create Seamless Web Background Textures in Minutes 写真の「ぼけ」のようなエフェクトをオリジナルで描き、その画像を元に継ぎ目のないシームレスな画像にします。 下記は、各ポイントを意訳したものです。 Step 1: 新規作成 Photoshopを起動して[ファイル]-[新規]を選択し、ファイルを新規作成します。 設定は、幅:800px、高さ:800px、解像度:72pixel/inch、カラーモード:RGBカラーにします。 新規作成の設定画面 次に、カンバスを「#80ac4b」で塗ります。 [Ctrl]+[A]でカンバスのすべてを選択し、カラーピッカーに「#80ac4b」を指

  • iPhoneの文字入力を快適にする10のコツ - RyoAnna

    Xperiaを触る機会があった。動きが機敏で好印象だった。だが、Xperiaにはフルキーボードしかない。使用頻度の高いアルファベットが大きくなっているが、逆に小さいアルファベットが押しにくかった。Xperiaもバージョンアップでフリック入力が実装されるという噂があるが、実現するまではXperiaを使う気にはなれない。 iPhone最大の魅力は10キーによるフリック入力にある。フリック入力は携帯端末における革命だ。フルキーボードでの入力や、ケータイ電話式の入力をしていたら、iPhoneの機能を半分捨てていると言っても過言ではない。 今回はiPhoneの文字入力を快適にするコツを紹介する。iPhoneを購入しようとしている方や、フリック入力が苦手な方に読んで頂けると嬉しい。スムーズに文字を入力する事ができれば、TwitterやFacebook、更には文章作成も楽しくなるだろう。 <追記> @n

    iPhoneの文字入力を快適にする10のコツ - RyoAnna
  • ブログのRSSをTwitterなどのソーシャル系サービスに一括して配信できる「dlvr.it」

    GIGAZINETwitter公式アカウントを公開開始、ここに至るまでの経緯も公開」でも書いたように、GIGAZINERSSTwitterに配信する際にいろいろなサービスを比較検討した結果、この「dlvr.it」に落ち着きました。 機能としてはRSSTwitter・Facebook・Tumblr・LinkedIn・Ping.fm・Identi.caなどに一括配信するというシンプルなものなのですが、短縮URLをデフォルト以外にbit.lyなどのその他の短縮サービスにしたり、独自ドメイン(GIGAZINEの場合はgigaz.in)にすることが可能。また、タイトルだけ・概要だけ・文というような配信範囲設定、配信時に接頭か接尾に文字を挿入、RSSのカテゴリをハッシュタグに変換、条件にあったものだけを配信するフィルタリング、リアルタイムにクリック数を計測するアクセス解析、Google A

    ブログのRSSをTwitterなどのソーシャル系サービスに一括して配信できる「dlvr.it」
  • 1つのGmailアカウントでたくさんのメールアドレスを作る方法 | nanapi[ナナピ]

    1つのGmailアカウントでたくさんのメールアドレスを作る方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに 最近はフリーメールが充実し、プロバイダから支給されたメールアドレスだけでなく、サブのメールアドレスを簡単に用意できるようになりました。 仕事用・プライベート用・メルマガ受信用…など、用途別にメールアドレスを使い分けている方、結構いるのではないでしょうか。 そんな中で、フリーメールの中でもユーザーの多いGmailを使うと、1つのgmailアドレスを中心に、無限のメールアドレスを使い分ける事ができる事をご存じでしょうか? この方法を活用すると、用途別にメールアドレスを分けつつ、メールの送受信はGmailに一元化することができ、大変便利です。 秘密は「エイリアス」 これを実現するのは、Gmailの「エイリアス」という機能

  • WEB DESIGN NANDE

    亚洲欧洲自拍拍偷午夜色,国产极品24P,国产乱理伦片在线观看,,日日噜噜夜夜狠狠视频无码,欧美A级毛欧美1级A大片式放,99久久婷婷国产综合精品青草,秋霞午夜理论理论福利无码,单亲和子的性关系A片,亚洲综合另类小说色区色噜噜

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

  • テキストをフェードインしながらマウスオーバーで色を変える「jQuery Glow」

    様々なシーンで利用されている軽量かつ高機能なjavascriptライブラリjQuery。当に色々な事が工夫次第で可能ですが、今回紹介するのはテキストをフェードインしながらマウスオーバーで色を変える「jQuery Glow」です。言葉で説明するとわかりづらいので、まずは下記からデモをご覧下さい jQuery Glow Demo 通常のテキストにマウスオーバーするとゆっくりとフェードしながら色が変わっていきます。 詳しくは以下 色の変化はscript部分で制御されており、テキストの元のカラーを定義して指定したクラス名を表示させたい箇所に割り当てるだけです。 非常に細かい部分で、使いどころは限られるかもしれませんが、HTMLで少し動きを付けたい時やテキストを主体とした大きなメニューを設置していたりする場合には良いかもしれません。シンプルな作りになっていますので、既存のサイトなどでも簡単に実装で

    テキストをフェードインしながらマウスオーバーで色を変える「jQuery Glow」
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • Dropboxを有効活用するためのネタまとめ 仕事の効率化にどうぞ

    これはDropboxを最大限に有効活用するための個人的備忘録です。 仕事効率化のために役立てていただけると幸いです。 Dropboxのアカウントを取得したい方はこちらからどうぞ。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Dropbox を使った効率化ネタ まとめ 「Dropbox」が話題になってからかなり経ちますが、まだまだプライベートでも、仕事でも第一線で役立つツールのひとつになっています。 デフォルトで使っていても十分役に立つのですが、さらに効率化を図りたいという人にオススメの情報をまとめていますのでご覧下さい。 2013/04/28:Dropboxでファイルを共有する際にURLからユーザーIDを削除を追加。 2012/01/24:YouTube映像をDropboxに自動ダウンロードを

    Dropboxを有効活用するためのネタまとめ 仕事の効率化にどうぞ
  • ハイパーボックス 「暗号の2010年問題」受け無料調査開始 | 日本ネット経済新聞ダイジェスト

    ハイパーボックス 「暗号の2010年問題」受け無料調査開始 | 日本ネット経済新聞ダイジェスト