[B! WEB][tab] sibatanwnのブックマーク

sibatanwn id:sibatanwn

WEBとtabに関するsibatanwnのブックマーク (3)

[JS]簡単で楽ちん！さまざまなタブコンテンツをシンプルなHTMLで実装できる軽量スクリプト -PWS Tabs
デモページ: Tabs Position: Vertical Left タブを配置する場所もオプションで簡単に変更できます。 PWS Tabsの使い方 Step 1: 外部ファイル当スクリプト・スタイルシートとjquery.jsを外部ファイルとして記述します。 <head> ... <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> <link type="text/css" rel="stylesheet" href="jquery.pwstabs.css"> <script src="jquery.pwstabs-1.2.0.js"></script> </head> Step 2: HTML 各コンテンツをdiv要素で配置し、ラッパーで内包します。タブはスクリプトで実装されるので、必要ありません。 <div
sibatanwn 2015/01/26
tab

data

スクリプト

web

javascript

jQuery

プログラミング

アニメーション

ナビゲーション

タブ
リンク
[CSS]タブコンテンツにCSS3アニメーションを少しだけ加えてかっこよくするチュートリアル
JavaScriptを使用しないで、スタイルシートでタブコンテンツを実装するポイントから、コンテンツの切り替えやタブのフォーカス時にちょっとしたCSS3アニメーションを加えるチュートリアルを紹介します。 Demo 4: 垂直型タブ実装 HTML タブの各コンテンツはdiv要素で、タブはinput要素で実装します。input要素のチェックでタブを切り替えます。 <section class="tabs"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /> <label for="tab-1" class="tab-label-1">About us</label> <input id="tab-2" type="radio" name="radio-set"
sibatanwn 2012/04/16
tab

web制作

webデザイン

web

css

チュートリアル

CSS3

アニメーション

タブ

HTML
リンク
あなたの制作人生を「速記コーディング」で豊かにする、Texterを使ったアウトプット術
何万回も同じ操作で同じ文字を打つ必要はありますか？よく使う日本語や同じようなコードを、毎回同じように打つのは面倒くさいな… 思考した事がそのままの感覚でアウトプットできれば生産性はもっと高まるはず。コードを書いている時、いつもそう感じていました。 Texterというソフトに出会ってから、そんな日常が少し変わりました。キーを打った事を忘れて、頭の中で浮かんだ事がそのまま目の前に現れるような感覚、まるで、「速記」を自動展開しているような心地良さを味わえました。今回はSACSSコーディング勉強会 vol.5のライトニングトークでお話した「Texter」を紹介します。このTexterを使うようになってから、打つ事が革命的に早く・楽しくなりました。効率化を追求している人にはお勧めのツールです。目次 Texterって何ができるの？ Texterのダウンロード(日本語化済み) Text
sibatanwn 2009/11/12
ソフト

tab

web

生産性

キーボード

環境

オンラインストレージ

設定

変換

ダウンロード
リンク
1