Category Archives: プログラム

[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を含んだタグを簡単にコピーできるようにしてくれています。
以前見た時よりも種類が増えている気がして、ますます良くなってますね。

GoogleMapsをSSLで利用する方法


GoogleMapsをSSLで使いたくて調べてみたら、既に使えるようになっていた(2011年3月の話ですがw)ので、使ってみました。

使い方は従来とほぼ同じで、呼び出す所を一部変更するだけ。
変更点はMaps APIs over SSL now available to allに書いてある通りで、

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
これを
<script type="text/javascript" src="https://maps-api-ssl.google.com/maps/api/js?sensor=false"></script>

とするだけです。
なかなか使う機会がないですが、皆さんもぜひ使ってみてください。