タグ

jqueryとユーザビリティに関するryownetのブックマーク (2)

  • Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め! - Web学び

    2012年 6月 13日 新しいサーバーでブログをリニューアルして気がついた、SNSボタンの有無でかなり読み込み速度に差がある。といっても2,3秒ほどですが、これは結構命取りだったりします。 まぁ私もそんなに詳しいわけではないので断言できませんが。 ・訪問者はその数秒でサイトから逃げる ・Googleはその数秒を評価基準に入れる たしか遅延ロード(Lazy Load)とかいう技術ですね。 わりとポピュラーなコードで何とかなったので書いときます。 ピュアなJavaScriptではなく、jQuery使いますね。 方法その1 時限式読み込み body閉じタグの前あたりに書きます。 . . . <div id="snsbox"></div> <script type="text/javascript"> var snscode = 'ここに、SNSのコードを書く' + '一行でつなげても良いが見に

    Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め! - Web学び
    ryownet
    ryownet 2012/06/14
    ボタン類をまとめて後で読み込む方式
  • フォームのユーザビリティに貢献するjQueryプラグイン:phpspot開発日誌

    Top 10 jQuery plugins for Form Usability ・Steve Reynolds フォームのユーザビリティに貢献するjQueryプラグイン。 入力制限やヒント表示といったフォーム入力に関する便利プラグインが色々と紹介されています。 AlphaNumeric アルファベット&数字のみに入力を制限する JTip 入力ヒントボックスの設置 Password Strength Indicator パスワード強度の表示 Ajax Username Checker 使えるユーザ名か、ajaxでチェック Geogoer VChecks チェックボックスをファンシーなデザインにした上で押しやすくする 全部見る ブラウザが対応していなかったりすると、ユーザビリティ以前に使えないということになりかねませんが、そこら辺を検証してうまく使えばよいフォームが作れそうですね。 関連エン

    ryownet
    ryownet 2009/02/02
    ときどきこういうのが出てくる。使う使わないはおいといて「こういうやり方を忘れない」ためにメモメモ
  • 1