タグ

2010年12月13日のブックマーク (3件)

  • WordPressをHTML5で制作する用のテーマファイル -Toolbox

    Toolbox プレビュー [ad#ad-2] テーマファイルには装飾となるデザインは一切施されておらず、HTML5の要素が配置されたものとなっています。 ヘッダ箇所の抜粋。 <header id="branding"> <hgroup role="banner"> <h1 id="site-title"><span><a href="http://wp-themes.com/" title="Theme Preview" rel="home">Theme Preview</a></span></h1> <h2 id="site-description">Previewing Another WordPress Blog</h2> </hgroup> <nav id="access" role="navigation"> <h1 class="section-heading">Main m

  • [CSS]スタイルシートでページカールのエフェクトを実装するチュートリアル

    パネルや画像などのちょっとしたアクセントにぴったり、紙がめくれたようなページカールのエフェクトをCSS3の「box-shadow」を使用して実装するスタイルシートを紹介します。 デモ [ad#ad-2] 実装は、下記のようになります。 HTML ページカールのエフェクトは「box-shadow」が適用できれば、どんな要素でも適用できます。 デモではリスト要素を使用しています。 <ul class="box"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> CSS3の「box-shadow」「RGBa」を使用します。 CSS3非対応の旧ブラウザ用のスタイルシートも記述されています。 ul.box { margin: 0; padding: 0; clear: both; overflow: hidden;

    wavement
    wavement 2010/12/13
  • テーブルのセル間をフォーカス移動できるようにする jQuery exTable Focus - Cyokodog :: Diary

    先日、現物とドキュメントの乖離に嫌気がさし、テーブル定義書の和名や説明文を、DBのメタ情報として保存できるようにする Web アプリを作りました。(オラクルのデータディクショナリを利用してます) テーブル定義書イメージな画面から Ajax + In-Place-Editor で直接編集できるようにしたのですが、編集量が多い時など、キー操作による上下左右のフォーカス移動ができないとどうにも不便だったので、これを可能にする jQuery プラグインを書いてみました。 機能概要 テーブル要素内の INPUT、TEXTAREA、SELECT、A のいづれかの要素にフォーカスした状態で、[Shift] + 移動したい方向の[矢印キー]の入力で、セルを跨いだフォーカス移動ができます。 Opera の空間ナビゲーション機能 Opera にはもともと テーブル要素に限定せず、同様のキー操作でフォーカス移動

    テーブルのセル間をフォーカス移動できるようにする jQuery exTable Focus - Cyokodog :: Diary