Tonight I’ll be showing you a tutorial on how the guys over at Panic Studios created their sick website navigation for their new flagship product, Coda. Now you can put this innovative effect into use on your own projects. For those of you who haven’t seen it yet, you can check it out here - Panic Coda *** Please Note: Code contained in the javascript file in the example was taken directly from Pa
noupeのエントリー「37+ Great Ajax, CSS Tab-Based Interfaces」から、CSSとJavaScriptで実装するタブ型インターフェイス37選の紹介です。 37+ Great Ajax, CSS Tab-Based Interfaces 自動で切り替わるタブ型インターフェイス Easy Tabs 1.2 - now with autochange Rotating jQuery tabs example Tab Content Script (v 2.1) スライド式のタブ型インターフェイス Sliding Tabs Coda-Slider Perspective Tabs AJAXを使用したタブ型インターフェイス Ajax Tabs Content Script (v 2.1) 閉じることも可能なタブ型インターフェイス Tab Panels Close
3 Considerations For Your Website Slider + where to find the original Coda-Slider plugin Niall DohertyFounder and lead editor at eBiz Facts Welcome to my concise website slider guide. If you want to know: The pros and cons of using a slider on your website If your website already has built-in slider capability How to “roll your own” slider What happened to the original jQuery Coda Slider plugin Th
Psst, here's beta copy of idTabs 3.0. Email me if you have questions. Version 2.2 Here's what's new. Changed option 'return' to 'change' Removes confusion with javascript's return Added ability to dynamically add idTabs The most requested feature Added 'selected' class option More freedom rules! Added ability to change defaults Now you can select no tab to be shown at start Bind idTabs to differen
タブメニューなにか良いのないかなと思って探していたら、10 Javascript Ajax Tabsというエントリが後々使えそうなのでご紹介しておきます。 タブに関するまとめは以下で。 10 Javascript Ajax Tabs とりあえず10のJavaScriptAjaxタブメニューエントリはこちらから。 エントリの中でも、以下のメニューが面白かったですね。 口で説明するのは難しいですが、タブをクリックすると上下にスライドしながら違う文章を持ってきます。 以下からサンプル&ダウンロード可能 タブメニューに関して 最近仕事のほうも忙しくなり、なかなか更新できないでいます。 そんなわけで、今回のようにタブを紹介するときにまとめて関連する記事を紹介する率も高くなってきました。 ピンポイント紹介ではなくなってきていますが、ご愛嬌と言う事でお願いします。 [JS]スムーズに切り替わるタブ型コン
Coda-Sliderは、jQueryのプラグインで、タブ型のコンテンツをスムーズに移動させて切り替えるスクリプトです。 Introducing Coda-Slider Coda-Sliderは、slideViewer(スムーズに移動させて画像を切り替えるスクリプト)を元に作成したもの(上記ブログより)で、動き方はほとんど同じで、快適に動作します。 Coda-Slider Demo
先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて (他力本願)、ちょうど求めていたスクリプトが Arc... 先日、タブ切り換えタイプの UI を、JavaScript と CSS で簡単に実装する仕組みを探していて (他力本願)、ちょうど求めていたスクリプトが Archiva さんで紹介されていたので使わせていただきました。 時間がなかったので、できれば自分では書きたくないなぁ、なんかいいの公開している人いないかな~なんて思っていたのですが、おかげ様で助かりました。ということで、お礼を兼ねて紹介させていただきます。 タブ切替をサクッと実装 : Archiva タブ切り換えを実装する JavaScript ライブラリやサンプルソースはいくつか存在しますが、私が求めていたのは JavaScript が OFF の時でもページ内リンクと
WindowsやMac OSXなどのOSで見慣れているので、Webサイトの画面をタブで切り替えるようにするインタフェースを採用している所は多い。単純にリンクだけであれば難しいものではないだろう。 だが、JavaScriptを使って、画面遷移無しに切り替えて欲しいと言われたらどうしよう。一から作るか…いや、そんな必要はない。 今回紹介するオープンソース・ソフトウェアはTabber、タブ切り替え式インタフェースを手軽に作成できるJavaScriptライブラリだ。 Tabberを使うとタブ切り替え機能が容易に実装できる。予めHTML内に各タブの内容を記述しておく方式はもちろん、Ajaxを使ってコンテンツを取得、表示する方式も選択できる。 選択状態をCookieに保存しておくことで、次回に見た際に同じタブから開始するサンプルもある。よく使うインタフェースだけに、こうして手軽に実装できるメリットは大
Create killer menus effortlessly! CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required! With the CSS Tab Designer, you can : Quickly design your list visually Choose from a variety of styles/colors (60+ different designs/colors supported). [ Styles Authors / Credits ] Generate strict xhtml complian
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く