1pxの神さま

角丸なボックスは印象が柔らかくなるので是非とも取得しておきたいテクニック。
webbibo様のサイトで紹介されていたのでここでも紹介したいと思います。
参考にしたページhttp://www.webbibo.com/blog/htmlcss/1pxcorner.html

デモページ

HTMLでの記述

<div class="outer">
    <div class="inner">1px のボックス</div>
</div>

CSSでの記述

ボックスにボーダーを付けない場合

.outer {
    margin: 0px 1px;
    padding: 1px 0px;
    background: #cccccc;
}

.inner {
    margin: 0px -1px;
    background: #cccccc;
}

ボックスにボーダーを付ける場合

.outer {
    margin: 0px 1px;
    background: #eeeeee;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.inner {
    margin: 0px -1px;
    background: #eeeeee;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

高速でモナリザを描いていく動画です。

絵を見て描いているにしても・・・すごい。

全文を読む

フリーで利用出来るハイクオリティーアイコンを検索出来るサイトを集めてみました。

全文を読む

パソコンの壁紙をパソコン裏の背景と一体化させるという面白い発想。
一番下のリンク先には他にもいっぱいの透過背景の写真が載っています！

自分で撮影して家や仕事場に設定しておくと周りの人を驚かせるかもしれませんね！

全文を読む

最近ではyahooが950pxのデザインにリニューアルしてから950px幅でのサイトデザインが注目され始めました。

950pxでのグリッドデザインシステムがあればと検索したところいいサイトを発見しました。

全文を読む

皆様に有益な情報と自分を出せていけたらいいなと思います。

よろしくお願いします！