Home > web
web Archive
バナーサイズ
- 2010-05-21 (金)
- web
国際サイズのバナーは、世界的には、IAB( Interactive Advertising Bureau 米インターネット広告協会)が基準を定めています。推奨するバナーサイズをチェックしよう。
長方形とポップアップ Rectangles and Pop-Ups
300 x 250 (Medium Rectangle)
250 x 250 (Square Pop-Up)
240 x 400 (Vertical Rectangle)
336 x 280 (Large Rectangle)
180 x 150 (Rectangle)
300 x 100 (3:1 Rectangle)
720 x 300 (Pop-Under)
バナーとボタン Banners and Buttons
468 x 60 (Full Banner)
234 x 60 (Half Banner)
88 x 31 (Micro Bar)
120 x 90 (Button 1)
120 x 60 (Button 2)
120 x 240 (Vertical Banner)
125 x 125 (Square Button)
728 x 90 (Leaderboard)
摩天楼 Skyscrapers
160 x 600 (Wide Skyscraper)
120 x 600 (Skyscraper)
300 x 600 (Half Page Ad)
最新情報はIAB公式サイトで。
その他
日本式サイズ size of Japanese style
200×40
- コメント: 0
- Trackbacks: 0
srcって何の略?
- 2010-05-20 (木)
- web
すごく気になってきたので調べてみたが…
正解が分からないが…
resourceの略かな?
src = uri [CT]
This attribute specifies the location of the image resource.
Examples of widely recognized image formats include GIF, JPEG, and PNG.
- コメント: 0
- Trackbacks: 0
スムーズにスライドするタブ型コンテンツ
いいねー。
autoにする場合は
<script type="text/javascript">
$().ready(function() {
$('#coda-slider-2').codaSlider({
autoSlide: true,
autoSlideInterval: 4000,
autoSlideStopWhenClicked: true
});
});
</script>
<div class="coda-slider preload" id="coda-slider-2">
とするとうごーく!
最初ダウンロードデータの中に入ってたhtmlのscript箇所だけ変えて動かなーいとあせってしまったが、id変えてなかっただけ…はずかしっ!
さらにちょっとカスタマイズしてみると、
« left を « だけにしたい場合は、
jquery.coda-slider-2.0.js 27行目のdynamicArrowLeftText: “« left”,の箇所を変更
そしてその背景スタイルはcoda-slider-2.0.css 29行目の
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
を変更すればOK!
【ダウンロードサイト】
Coda-Slider 2.0
- コメント: 0
- Trackbacks: 0
JavaScriptがOFFでも閲覧できるように別ウィンドウを小窓で開く
- 2010-05-17 (月)
- javascript | web
ついつい忘れがちになってしまうので、メモします。
リンク先URLがステータスバーに表示&JavaScriptがOFFでも閲覧できるように別ウィンドウを小窓で開く方法
<a href="index.html" onClick="window.open('index.html','windowname','scrollbars=yes,width=600,height=600'); return false;">別ウィンドウでひらく</a>
<a href=”…”>の機能を無効化するためにreturn false; を指定
この記述がないと元のウインドウ側もリンク先へ移動してしまう
これでリンク先URLがステータスバーに表示され、JavaScriptがOFFでも閲覧できる小窓を開けます。
そして最後の仕上げに、onkeypressも合わせて記述しておきましょう。
<a href="index.html" onClick="window.open('index.html','windowname','scrollbars=yes,width=600,height=600'); return false;" onkeypress="window.open('index.html','windowname','scrollbars=yes,width=600,height=600'); return false;">別ウィンドウでひらく</a>
※スクリプトのイベント処理では、装置非依存性を確保するために、次の属性は対で使用するように薦められています。
onmousedown+onkeydown
onmouseup+onkeyup
onclick+onkeypress
ついでに、ウィンドウを閉じるときは…
<a href="javascript" onclick="window.close(); return false;">このウィンドウを閉じる</a>
これでOK!
そして、さらにtarget=”_blank”について検討すべきであるが、これはまた今度下記サイトを参考に検証しよう。
target=”_blank” を使わないで新しいウィンドウでリンクを開く方法
target=”_blank”を使わずに別ウィンドウで開く
- コメント: 1
- Trackbacks: 1
改めてpreタグの確認
- 2010-04-23 (金)
- web
pre は PREformatted text(整形済みテキスト) の略
- <PRE>~</PRE>で囲まれた範囲のソースに記述されたスペースや改行をそのまま表示する
- ソースコードなどを表示する際に便利
- ただし、< や > や & は特殊文字として認識されてしまうので、< や > や & で記述する
- コメント: 0
- Trackbacks: 0
SEOについて
- 2010-04-09 (金)
- web
SEOについて改めて考え中
https://www.seo-suite.jp/
SEOアクセス解析を行い、無料・簡単・リアルタイムに、WEBサイトのSEO最適度をチェック、診断を行うツールです。
http://www.seotools.jp/
- コメント: 0
- Trackbacks: 0
ホーム > web