Tag : タブ

READ MORE

レスポンシブWebデザインでのサイト構築において、PCのような大きな解像度の画面向けの場合ではタブ切り替えで実装しているUIをスマートフォン向けの小さめの解像度の画面ではアコーディオン方式のUIに切り替える動作を見かけることがあります。それぞれの画面解像度によって最適なUIに切り替える手段になりますがそんなレスポンシブ…

READ MORE

今年始めに紹介した、CSSのみでタブUIを作成する方法「CSS(CSS3)のみでタブUIを作ってみる。(Ver.1)」。こちらの Ver.1 でも基本的なタブの動き(表示/非表示の切り替え)は実装できていましたが、タブボタンに対して、現在開いているアクティブ状態のボタンの見分けを付けることが実装できていなかったのでその…

READ MORE

昨年(2010年)に、サイト制作で役立ちそうなjQueryプラグインをまとめて紹介している記事を、自分用にメモっていたものが、まとまりきらなくなってきたので、ここに一部まとめて紹介してみます。jQueryを使ってサイトに華やかな演出を加えたり、UIを勉強するために役立ちそうなサイト(ブログ)のまとめ。60 Useful…

READ MORE

2011年初投稿です。本年もWeb制作に役立つのではないかと思われる情報を紹介していきますので何卒、よろしくお願いします。去年暮れに紹介したCSSのみでのアコーディオンUI作成方法に引き続き、今度は(スクリプトを使用せずに)CSS3アニメーションを利用してCSSのみでタブUIを実装する方法の紹介してみます。まずは動作サ…

READ MORE

Webサイトでよく使うUIウィジットを、パーツを分けた形で30種類以上パックした「Wijmo」がおもしろそうだったのでメモ書き。≫Wijmo - jQuery UI Widgets用意されているウィジットは、テーブル、グラフ(棒、円、チャート)、ドロップダウン、フォルダーツリー、アコーディオン、タブ、ダイヤログ、透過シ…

READ MORE

業務でタブ切り替え動作の作成依頼があり、先日紹介した「jQueryでの連番要素を制御する方法」を利用してタブ切り替え動作が実装できないか試したところ、意外とシンプルなSCRIPT構成で出来あがったので紹介してみます。まずHTMLソースから。※タブボタンは3つのパターンにしておきます。(いくつでも増やすことは可能)※今回…

READ MORE

Webサイト内の限られた範囲に多くの情報量を掲載することができるタブインターフェース。今ではあたり前のようによく見かけます。そんなタブインターフェースについて、デザインや演出パターンの違うものを30種類紹介しているエントリー「30 CSS and Javascript Tabs Solutions」が参考になりそうだっ…

READ MORE

今まであらゆるjQueryライブラリを見てきましたが、jQueryを使ってWebページ上で表現できる基本的な動き(タブやアコーディオンや…)の他、数々のjQuery動作を演出部分の細部までこだわって構成されている「jQuery TOOLS」がすごい。≫jQuery TOOLS - The missing UI libr…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner