カメラのレンズの焦点距離や絞り、被写体・背景の距離を設定し、被写界深度とボケを計算して、その写真がどのように仕上がるかシミュレートしてくれる写真の勉強になるサイトを紹介します。 写真の被写界深度とボケのシミュレーター サイトはHTML5+CSS3で作成されているので、最新のモダンブラウザでお楽しみください。 IEは10+対応です。 また、左上のボタン「Mobile Version」で、スマホにも対応しています。
![写真の勉強にいい!被写界深度とボケの作り方がよく分かり、レンズと被写体・背景の関係を学べるシミュレーター](https://cdn-ak-scissors.b.st-hatena.com/image/square/130db5cca2187882dfda62d122f85de732551cbb/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015082504-01.png)
Matthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介します。 Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラム demo: 3カラム 以前、紹介した「高さの異なるカラムを揃えるスタイルシート」では、ページ内アンカーで要素が消失したり、IEで印刷できないなどの不具合がありましたが、今回紹介するものは、その2つの不具合が無いものとなっています(IE7調べ)。 対応ブラウザは、IE5.5, 6, 7, Fx1.5, 2, 3, Op8, 9, Safari, Google Chromeなどほとんどのものに対応しています。 仕組みはカラムごとにdivを用意し、それぞれをずらして配置します。 下記は、そのイメージです。
Roshan's Blogのエントリーから、URLをリダイレクト・リライトする場合の.htaccessの設定例を5つ紹介します。 5 useful url rewriting examples using .htaccess 「product.php?id=12」を「product-12.html」でアクセス 「product-12.html」を「product.php?id=12」にリライトします。 <textarea name="code" class="html" cols="60" rows="5"> RewriteEngine on RewriteRule ^product-([0-9]+).html$ product.php?id=$1 </textarea>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く