ホームページ制作まん

普段何気なく観覧しているインターネット。

そこに潜む脆弱性を伝えてくれるサイト。

こちらのサイトで「Ｌｅｔ'ｓ　Ｓｔａｒｔ」ボタンを押してしばらくすると
「あなた、こんなサイト見たことあるでしょう？」的なサイトがずらずらと表示されます。

ちょっとしたトリックを使えばＷＥＢの観覧履歴を習得できる危険性を教えてくれるサイトです。

最近はこの技術を使って広告を仕込んでくる手法もあるので
気をつけましょう。

StartPanic

面白いサイトのご紹介。

前編ムービー(Flash)のフォルクスワーゲンのプロモサイトです。

今のホームページは、中で使う素材をPhotoshopやFireworksで加工してから配置が定番。

でも、実際全部をアナログで作ったらどうなるか・・・

大胆にチャレンジしたサイトがこちら。

loading中のパラメーターまで、一切妥協なし。

面白いです。

http://fox.provisorio.ws/

ホームページ制作ではよく使う「角丸」。
通常は角丸の画像を用意したりで、なかなか手間のかかる作業ですが、
今回はjavascriptで角丸を作る方法、「DD_roundies」をご紹介です。


使用方法は簡単。

まずwebからライブラリをダウンロード。
ヘッダで読み込ませます。

そして普通にHTMLとCSSで四角形を用意します。

<div id="box">
<p class="test" align="center">メールフォーム</p>
</div>

<style type="text/css">
<!--
#box {
    position:absolute;
    left:17px;
    top:21px;
    width:198px;
    height:53px;
    z-index:1;
}
.test {
    border:2px solid #7CBF4D;
    background:#AFF32A;
    }
-->
</style>


続いてライブラリの組み込み。

<script type="text/javascript">
         DD_roundies.addRule('.test', '10px', true);
</script>

のように指定すると出来上がりです。



このライブラリはCSS3でサポートされる予定の「border-radius」プロパティを使用しているようで、
6以降のIE、Firefox3、Cromeなどで使用可能です。

画像で作る角丸に飽き飽きしてきた方はぜひお試しを。

ホームページには必ずといっていいほどあるのが、『フォーム』

みなさん、どうしてるんでしょう？

今は昔のHTMLフォームと違い、PHPやらCGIやらajaxやらが当然になってしまって。

かといって、PHPやCGIを１から組めるデザイナーさんってどれぐらいいるんだろう

とも思う。

プログラマーさんがいる制作会社はまた別だろうけど、制作会社って全部が全部

プログラマーさんが常駐してるところって事は無いと思うし。

そんな時、コレ使ってみてください。

47+ Excellent Ajax CSS Forms

スタイリッシュなフォームが多数紹介されています。デザインなどの参考に。

ちょっと面白い、というか楽しいキャプチャーを見つけました。
「PrtScr」なるソフトです。

どこが面白いかというと、キャプチャーした画像がデスクトップ上でゆらゆら揺れます。
一緒に出てくるダイアログで保存するまで揺れ続けるわけですが、
その揺れている画像をドラッグしてPhotoshopなどのプログラムに直接投げ込めます。
このソフトのちょっと良いところでもあります。




保存ダイアログでは「To desktop」でデスクトップへ一発保存も可能。
もちろん矩形領域指定やフリーハンドでの範囲指定などもできます。
さらにフリーハンドなどで指定してJPEG保存すると、背景をホワイトアウトしてくれる工夫もあり。
日本語化パッチも出ているのでバッチリ。

普通のキャプチャに飽きた方、息抜きに試してみてはいかがでしょうか？