人気ブログランキング | 話題のタグを見る
http://library.si.edu/
さんのところの
http://library.si.edu/digital-library/book/shinbijutsukai2

著作権のきれた書籍和素材の紹介
ダウンロードできる
# by saitolisten | 2015-04-19 04:25 | 画像素材
アクセスカウンター

くろっくというところ 便利らしい ただしエキサイトにはタグが貼り付けできません

http://analytics.qlook.net/

googleさんでは
http://www.google.com/analytics/
本格的なウエブ解析

niftyは
http://homepage.nifty.com/make/counter/
これは会員用
# by saitolisten | 2015-03-28 14:40 | 便利アプリ
BlackFlagさんの紹介記事で
Webparkさんの記事
http://weboook.blog22.fc2.com/blog-entry-411.html


抜粋
section { background: url(image.jpg) no-repeat fixed; background-size: cover; }

と書いて Jquery

$(document).ready(function () {
hsize = $(window).height();
$("section").css("height", hsize + "px");
});
$(window).resize(function () {
hsize = $(window).height();
$("section").css("height", hsize + "px");
});

を記述
デモは
http://js.crap.jp/book/chapter5/max-image.html
box-sizing
ボックスの幅や高さを計算する方法を指定する場合に使用

box-sizing:content-box は パディングとボーダーを幅と高さに含めない(初期値)
border-box は パディングとボーダーを幅と高さに含める

わかりやすいが、IE7などには効かない

そのため

https://github.com/Schepp/box-sizing-polyfill

がある
これを設定すると使える

box-sizing の説明は
http://www.htmq.com/css3/box-sizing.shtml

IE7以下の設定は
http://www.tam-tam.co.jp/tipsnote/html_css/post6047.html

に詳しく書いてある
# by saitolisten | 2015-03-24 11:30 | HTML・CSS
こりすさんのぶろぐに
スクリプトなしで、スライダー画面ができる紹介記事がかいてあった

http://coliss.com/articles/build-websites/operation/css/css-radio-click-through-by-hornebom.html

やってみたいです

おなじく、複数行のテキストの転地左右中央ぞろえの記事もあり
こちらは引用

自分は高さ設定しておいて、
あとは100%にしておいて
marginの左右上下をautoにするけれど
こちらのほうもやってみたい

http://coliss.com/articles/build-websites/operation/css/css-vertically-center-multi-lined-text.html

<div class="area">
<div class="bubble">
<p>To look best, text should really be centered inside this bubble both vertically and horizontally.</p>
</div>
</div>

.area {
width: 300px;
height: 300px;
background: url(../images/abe-bg.png) no-repeat;
position: relative;
}

.bubble {
position: absolute;
left: 93px;
top: 21px;
width: 135px;
height: 84px;
display: table;
}

.bubble p {
display: table-cell;
vertical-align: middle;
text-align: center;
}

<!--[if lt IE 8]>
<style>
.bubble { position: absolute; left: 93px; top: 21px; width: 135px; height: 84px; text-align: center;}
.bubble p { position: relative; font-size: 11px;
margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
}
</style>
<![endif]-->
# by saitolisten | 2015-02-08 06:24 | HTML・CSS