タグ

2010年11月17日のブックマーク (2件)

  • jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳

    もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 1)3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;

    jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
    yhmt
    yhmt 2010/11/17
  • HTML5 でフォームを作ってみる | Nutspress

    3日目はHTML5+CSS3ベースのフォーム作成について。『Have a Field Day with HTML5 Forms』筆者はInayaili de León ロンドンのウェブデザイナー。これは視覚的なので、比較的わかりやすい内容になっています。ユーザビリティの観点からもフォームのマークアップというのは重要なところなので、その点でも参考になります。 ※フォーカスしたときにドロップダウンでユーザー名を選択できるようになっていますが、これは2日目で書かれていたHTML5仕組みのひとつWeb Storage(データをブラウザ側に蓄積する仕組み)かな。 1. フォームの入力項目のセクションわけとマークアップ どういったフォームかで入力内容は異なりますが、今回は購入用フォームということで、ユーザー情報(名前・メール・連絡先)とユーザーのお届け先情報、支払メソッドと3つのセクションに分け、項目