2010年3月 Archive
thickboxに代わってくれそうなライブラリ
なんて言われて、急にびびっている、
小心者otogawaですコンバンワ。
jqueryで使えるlightbox風のライブラリで、
thickboxは使い勝手もよく、カスタムも慣れているのに、
jqueryのバージョンがアップしていって使えなくなったら、
だいぶ寂しいです。
thickboxに代わってくれそうなライブラリを探してみています。
Dreamweaverのテンプレートを復元したいときの手順
base.dwtで生成した普通のindex.htmlはあるのに、
/Templates/base.dwtを紛失してしまった、というトラブルに見舞われたら・・・。
IE6やIE7で印刷時に崩れたり内容があふれたりするとき
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
などなど。
zen-codingについてブツブツ言ってみます
web業界では、html5かzen-codingの話で持ちきり!
でしょうか。。。
(そうでもないのかな)
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>
なにー!?
target="_blank"を使わずに、jqueryを使って、別窓でリンクを開かせる
以前に、
などを書いたことがありますが、
target="_blank"を使わずに、jqueryを使って、別窓でリンクを開かせる、超シンプルな方法。
(aタグにクラスすらつけるのが面倒なコトもありますからね・・・jqueryなら、クラス.linkのaとか指定できちゃうのでね。クラスつけ忘れても大丈夫。)
■サンプル
■HTML
headには
bodyには
■jquery.blank.js or jquery.blank.icon.js
アイコンありか、なしかは、お好みで。
関連記事 ありがとうございます。 参照元:jQuery で target="_blank" を使わず別ウィンドウwebデザイナーの改造屋ブログ
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
アイコンありか、なしかは、お好みで。
関連記事 ありがとうございます。 参照元:jQuery で target="_blank" を使わず別ウィンドウwebデザイナーの改造屋ブログ
1