Dreamweaverの機能を活用する・テンプレートの使い方：Web作製
能率的なウエブサイト更新のヒント：道具としてのパソコン＠おやこニュース Dreamweaverの機能を活用する：テンプレートの使い方 関連ページ 更新履歴 2005-07-07:更新 このページの構成 テンプレートについて テンプレートのメリット どういうときに使うか テンプレートの作り方 テンプレートファイル（.dwt）を作る 編集可能領域設定上の注意 テンプレートの活用法 テンプレートから新規ファイルの作り方 既存ファイルにテンプレートを適用する テンプレートを修正する テンプレートに関する注意事項 「能率的なウエブサイト更新のヒント」について 更新履歴 ご案内・関連ページ 環境設定に注意すること。また、DreamWeaver MX2004によるHTML作製も参照のこと。 テンプレートについて ああ。さすがだ。ドリームウィーバーはすごいなぁ、と思わせる機能のひとつが、テンプレートです。
Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ
前回の記事ではZen-Codingの導入方法について解説しました。 今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。 ※2010/02/22現在の最新バージョン「Zen Coding for Aptana v0.6.0.1」を対象にしています。 なおAptana（Eclipse）の場合だとAptanaの方の機能に多くのショートカットが割り当てられているので、利用する環境によってはショートカットを変更する必要があります。Zen-Codingのデフォルトのショートカットが機能しない場合は、記事最後にまとめる変更方法を参考にしてください。 Expand Abbreviation（省略コードの展開） Win：Ctrl+E mac：Command+E Zen-Codingの主な機能のひとつです。
[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel
hasLayoutを利用してIEのバグを回避する ｜ Tips Note by TAM
hasLayoutとは hasLayoutとはIE独自のプロパティでそれぞれのオブジェクトが レイアウト情報（＝要素の幅・高さなどに関する属性情報）を持っているか、いないかを示すものであります。 このプロパティは読取り専用のプロパティのため、他のプロパティのように宣言を書くことはできません。 値には「false」と「true」があり、デフォルトの状態では「false」となっております。 つまりデフォルトではレイアウト情報を持たない状態のため、 幅や高さが他の要素のレイアウトに影響されて伸び縮みし、表示が他の要素と重なってしまう場合があります。 ■hasLayoutの値 false デフォルト値。オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 hasLayoutプロパティの値を「true」に変更する方法 「false」の場合に様々なバグが発生するた
google検索結果のサイトタイトル下にレビューを表示する方法 – Take note.
参照： グーグルウェブマスターツール レビュー データについて 下記の文章をbody要素内に入力しcssで非表示にでもする。非表示についてはgoogle側で推奨している。詳しいことは上のリンクから調べる。 個人のブログなどで紹介する場合： <div class=”hreview”> <span class=”item”> <span class=”fn”>グーグルピザ</span> </span> <span class=”rating”>3.5</span> <span class=”reviewer”>東京太郎</span> <span class=”dtreviewed”>2009-01-06</span> <span class=”summary”>”渋谷のおいしいピザ屋です”</span> </div> 商品のレビュー等のアベレージを表示する場合： <div cl
メールアドレス暗号化(メール暗号化ツール)
<a href="mailto:abc-xyz@yahoo.co.jp">abc-xyz@yahoo.co.jp</a> ↓ <script type="text/javascript"> <!-- function converter(M){ var str="", str_as=""; for(var i=0;i<M.length;i++){ str_as = M.charCodeAt(i); str += String.fromCharCode(str_as + 1); } return str; } function mail_to(k_1,k_2) {eval(String.fromCharCode(108,111,99,97,116,105,111,110,46,104,114,101,102, 32,61,32,39,109,97,105,108,116,111,58) +
swfobject.js を使って Flash と代替画像を切り替える方法
バナー配信とかでよくあるアレです。flash が使える環境の場合には Flash で広告を配信して Flash が使えない環境の場合には画像を表示するってヤツです。 Flash まわりにあまり詳しくない僕のところにそんな要望が来ました。 ちょっと調べてみたら、やっぱりライブラリが存在していました！ ヽ(＾A＾ )ﾉ ラッキー☆ Embedding Adobe Flash Player content using SWFObject 2 ってライブラリです。GoogleCode 上で公開されています。 さらに嬉しいことに、「SWFObject v2.0 ドキュメント日本語訳 : Media Technology Labs (MTL) : メディアテクノロジーラボ ブログ」で日本語訳が公開されていますので、英語が苦手な方でも安心ドキュメント。※最新のドキュメントより若干古いような気がするけど・
Flash(swfファイル)の上位にHTMLレイヤーを重ねる方法 | webwedge.jp
※以前のサイトでアップしていた記事の転載です。 通常Flashの上にHTMLのレイヤーを重ねようとしても、Flashの方が上位に表示されてしまいます。 あまりそういう機会も無いかもしれませんが…。 以下の方法を使う事でFlashの上にHTMLレイヤーを重ねる事ができます。 サンプルでは、水色の背景と流れている文字がFlash、黒文字がHTMLです。 HTMLのソース <div id="fla_css"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0 width="200" height="100"> <param name="mo
hondakiyoshi.com — actionscript
This page is a blog to which my 3DCG artwork, design, flash actionscript, web programming,and my hobby work etc. are updated when the nature turns. We are both alive in the beautiful earth. ↑クリックでサンプル開きます。 背景画像を開いているウィンドウ（ステージ）に合わせてぴったりのサイズで表示する場合の処理です。サンプルを開いたら、ウィンドウサイズをいろいろ変更してみてください。 開いている、ウィンドウの縦横比が画像の比率同じとは限らないので、以下のように、横を基準として残りをはみ出すか、縦を基準として残りをはみ出すか、の２通りで画像のスケーリングをする必要があります。 例 背景画像 640×420ピ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.stylish-style.com/csstec/hi-level/print-css.html
ウェブデザイン・ギャラリーサイトまとめ - DesignWalker
TableとCSSいろいろ - DesignWalker
http://www.designwalker.com/2007/04/business_card.html
http://www.designwalker.com/2009/01/speedup.html
http://www.designwalker.com/2009/02/jquery-dropdown.html
バナー広告デザインまとめ - DesignWalker
GRID BASED DESIGNS
SEO外部対策のホント
被リンクチェック - 無料SEOツール | hanasakigani.jp
FlashQ&A（サンプル作品集）