Thickboxの開発がいつの間にか終了してた

なんて言われて、急にびびっている、
小心者otogawaですコンバンワ。

jqueryで使えるlightbox風のライブラリで、
thickboxは使い勝手もよく、カスタムも慣れているのに、
jqueryのバージョンがアップしていって使えなくなったら、
だいぶ寂しいです。

thickboxに代わってくれそうなライブラリを探してみています。

⇒lightbox
⇒fancybox
⇒prettyphoto

base.dwtで生成した普通のindex.htmlはあるのに、
/Templates/base.dwtを紛失してしまった、というトラブルに見舞われたら・・・。

»続きを読む

IE6やIE7では、印刷時にグローバルナビゲーションが崩れたりしやすいですよね。

IE6では、印刷するときにページの拡大率を変更できないので、
最近の800pxや900pxサイトでは、ページの内容があふれ出してしまいます。

なので、印刷用cssであらかじめ大枠のhtmlやらbodyを縮小してやると、解消されます。

html,body { _zoom:0.85;}

0.85という比率は、
そのサイトの幅によります。
850pxだったら⇒760÷850＝0.89
1000pxだったら⇒760÷1000＝0.76
などなど。

web業界では、html5かzen-codingの話で持ちきり！

でしょうか。。。
（そうでもないのかな）

zen-codingといえば、
まずこういうもの⇒
百聞は一見にしかず。

• Zen-Codingでできるあんなことこんなこと
• 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた
• Zen-Codingが楽しい

Twitterに1回発言するぐらいの文字数と労力で、1ページ完成する!

が、ウリだそうな。

例えば、

(#header>h1)+(#content>(#main>h2+div#entry$.section*5>(h3>a)+div>p*3+ul+)+(#utilities))+(#footer>address)

と打って結合すると、
こうなる↓

<div id="header">
 <h1></h1>
</div>
<div id="content">
 <div id="main">
  <h2></h2>
  <div id="entry1" class="section">
   <h3><a href=""></a></h3>
   <div>
    <p></p>
    <p></p>
    <p></p>
    <ul>
     <li></li>
    </ul>
   </div>
  </div>
  <div id="entry2" class="section">
   <h3><a href=""></a></h3>
   <div>
    <p></p>
    <p></p>
    <p></p>
    <ul>
     <li></li>
    </ul>
   </div>
  </div>
  <div id="entry3" class="section">
   <h3><a href=""></a></h3>
   <div>
    <p></p>
    <p></p>
    <p></p>
    <ul>
     <li></li>
    </ul>
   </div>
  </div>
  <div id="entry4" class="section">
   <h3><a href=""></a></h3>
   <div>
    <p></p>
    <p></p>
    <p></p>
    <ul>
     <li></li>
    </ul>
   </div>
  </div>
  <div id="entry5" class="section">
   <h3><a href=""></a></h3>
   <div>
    <p></p>
    <p></p>
    <p></p>
    <ul>
     <li></li>
    </ul>
   </div>
  </div>
 </div>
 <div id="utilities"></div>
</div>
<div id="footer">
 <address></address>
</div>

なにー！？

»続きを読む

以前に、

• クラス名にblankを入れたらtarget=_blankになる
• blankかselfかユーザーに選択させられるjavascript

などを書いたことがありますが、

target="_blank"を使わずに、jqueryを使って、別窓でリンクを開かせる、超シンプルな方法。
（aタグにクラスすらつけるのが面倒なコトもありますからね・・・jqueryなら、クラス.linkのaとか指定できちゃうのでね。クラスつけ忘れても大丈夫。）

■サンプル

■HTML
headには

<script type="text/javascript" charset="utf-8" src="jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="jquery.blank.js"></script>

bodyには

<p><a href="http://jquery.com/" class="blank">jQuery</a></p>

■jquery.blank.js　or　jquery.blank.icon.js $(document).ready( function () { $(".blank").append('&nbsp;<img src="img/blank.gif" border="0" />'); $(".blank img").css("vertical-align","text-top"); $(".blank").after('&nbsp;'); $('.blank').click(function(){ window.open(this.href, '_blank'); return false; }); });
アイコンありか、なしかは、お好みで。

関連記事

• クラス名にblankを入れたらtarget=_blankになる
• blankかselfかユーザーに選択させられるjavascript

ありがとうございます。 参照元：jQuery で target="_blank"　を使わず別ウィンドウwebデザイナーの改造屋ブログ