Monthly Archives: 2月 2012

[CSS]リストの最初のボーダーを消す

リストで横並びに表示させた時に、区切りとしてボーダーを使ったりしますが、その時に先頭やお尻にまでボーダーは付けたくないものです。

そんな時は、overflow: hidden; と margin-left を指定してあげれば解決です。

HTML
<ul class="menu">
    <li>リストメニュー1</li>
    <li>リストメニュー2</li>
    <li>リストメニュー3</li>
    <li>リストメニュー4</li>
    <li>リストメニュー5</li>
</ul>

CSS
ul.menu {
    overflow: hidden;
    padding:0;
}
ul.menu li {
    margin-left: -1px;
    display: inline;
    padding: 5px;
    border-left: 1px dotted #999;
}

JQueryなどGoogleが提供してくれているサイトのタグを簡単に取得する方法

以前どこかにメモったのですが、すぐに出てこなかったので、忘備録的に書いておきます。

ちょっとしたときにJQueryやprototype等のファイルをいちいちダウンロードして自分の環境に設置するのは面倒です。
そんな時に便利なのが、Googleが提供してくれているJQueryやprototype等ファイルを利用するという方法です。

JQueryの場合、
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
このようなURLで呼び出すことができます。

これを更に便利にしてくれたのが、scriptsrc.netというサイトで提供されているサービスで、上記のURLを含んだタグを簡単にコピーできるようにしてくれています。
以前見た時よりも種類が増えている気がして、ますます良くなってますね。

iPhone4Sのカバーはエアージャケットセットクリアにした

写真だと分かりにくいですが、iPhone4Sのカバーをエアージャケットセット(クリア)にしました。
かさばるのが好きではないので、装着した感じが少ないエアージャケットセットにしました。
アップルのロゴが見えるようにクリアを選択。
文句なしです。