[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
![[JS]簡単で楽ちん！さまざまなタブコンテンツをシンプルなHTMLで実装できる軽量スクリプト -PWS Tabs](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d64a904158ec2baa31b10249a1ba5d80abb96b8/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015012601.png)
[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"
Facebookページに無料でお問い合わせフォームを設置する方法 [図解] | Last Day. jp
フェイスブックが日本でも浸透してきてfacebookページの重要度が高まっています。日本の企業でも無印やANAはフェイスブックページを使ったキャンペーンで多くのファンを獲得しています。 まだfacebookページを作ってない方は→facebookページの作り方 – (ファンページ) [図解] 今日はフェイスブックページにお問い合わせフォームを設置する方法を紹介します。 Facebookページにお問い合わせフォームを設置する方法Facebookアプリ「Contact Tab」を利用します。すべて無料です。 Contact TabにアクセスしてLikeをした後に「アプリに移動」をクリック。 「Add to your Fan page」をクリック。 Contact Tabを自分のページに追加します。複数フェイスブックページを管理してる場合はプルダウンから選択できます。 ページに戻ると「お問い合わ
![Facebookページに無料でお問い合わせフォームを設置する方法 [図解] | Last Day. jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/40f2906bd8eb22f725c18cf4d70445a41222a1fe/height=288;version=1;width=512/https%3A%2F%2Fwww.lastday.jp%2Fwp-content%2Fuploads%2F2012%2F11%2Fimages3.jpeg)
あなたの制作人生を「速記コーディング」で豊かにする、Texterを使ったアウトプット術
何万回も同じ操作で同じ文字を打つ必要はありますか？ よく使う日本語や同じようなコードを、毎回同じように打つのは面倒くさいな… 思考した事がそのままの感覚でアウトプットできれば生産性はもっと高まるはず。 コードを書いている時、いつもそう感じていました。 Texterというソフトに出会ってから、そんな日常が少し変わりました。 キーを打った事を忘れて、 頭の中で浮かんだ事がそのまま目の前に現れるような感覚、 まるで、「速記」を自動展開しているような心地良さを味わえました。 今回はSACSSコーディング勉強会 vol.5のライトニングトークでお話した「Texter」を紹介します。 このTexterを使うようになってから、打つ事が革命的に早く・楽しくなりました。 効率化を追求している人にはお勧めのツールです。 目次 Texterって何ができるの？ Texterのダウンロード(日本語化済み) Text
窓の杜 - 【REVIEW】あらゆるアプリケーションのウィンドウを総括的にタブ化する「WindowTabs」
「WindowTabs」は、デスクトップ上の全ウィンドウを総括的にタブ化するソフト。Windows XP/Vistaに対応する19米ドルのシェアウェアで、作者のWebサイトからダウンロードできる。動作には、.NET Framework 2.0が必要。なお、ライセンスキーを購入するまでは機能制限があるものの、無期限で試用することが可能。 起動すると、各ウィンドウの上部にタブが追加されるので、そのタブをドラッグしてみよう。すると、ウィンドウが一時的にサムネイル状態となるので、その状態のまま別のウィンドウの上部へドロップすれば、2つのウィンドウがタブ化という形で合体する。 合体したウィンドウの上部には2つのタブが並び、タブのクリックでアクティブなウィンドウを切り替えられる仕組みだ。このとき、タブ化対象のウィンドウは同一アプリケーションである必要がなく、エクスプローラと「メモ帳」など、その組み合わ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
