知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
これなら使えるAjax---目次
「Google」や「Yahoo!」などWebで提供される多くのサービスが「Ajax（Asynchronous JavaScript＋XML）」というリッチクライアント技術を利用している。Ajaxにより，従来のWeb技術では考えられないようなユーザー・インタフェースのシステムも登場してきた。こうした潮流は，徐々にではあるが企業の業務系Webシステムにも影響を及ぼしてきている。 だが，実際にAjaxのシステム構築に携わったITエンジニアの多くは，「甘いものではない」と口をそろえる。「必要な要素技術の数が増えるので，設計や開発の難易度が確実に上がり，デバッグも難しくなる。1人で設計・開発できるシステム規模ならエキスパートの投入で乗り切れるが，複数の開発者が参加する大規模システムでは，（たとえ開発支援ライブラリを使ったとしても）品質がバラついてしまう」（NTTデータ 技術開発本部 ソフトウェア工学
Yahoo! UI Library: TabView 使ってみた
JavaScript によるタブの切り替え UI の実装というネタで言えば、以前にも 「JavaScript でタブ切り替え UI を実装する」 で紹介しました... JavaScript によるタブの切り替え UI の実装というネタで言えば、以前にも 「JavaScript でタブ切り替え UI を実装する」 で紹介しましたが、今回は、Yahoo! UI Library の中から、「TabView」 を使用してちょっとしたインターフェースを作ってみました。 実はサイトのリニューアルと合わせてオススメ書籍とか紹介するページを作って、そこで浅ましくアフィリエイトしようとか考えていたんですが、ただ商品を並べてもつまらないし、ちょっと変わった見せ方ができないものかということで考えた結果が、今回の TabView を使った見せ方。メモもかねて作り方を解説してみようと思います。長くなりそうなので何回
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEBデザイナーのためのベストエントリ51個まとめ『2007年8月』*ホームページを作る人のネタ帳
