読者です 読者をやめる 読者になる 読者になる

かずきのBlog@hatena

日本マイクロソフトに勤めています。XAML + C#の組み合わせをメインに、たまにASP.NETやJavaなどの.NET系以外のことも書いています。掲載内容は個人の見解であり、所属する企業を代表するものではありません。

ピンをHTMLとCSSで

IE9とChromeでしか確認していませんっ! <style type="text/css"> * { margin: 0px; padding: 0px; } .wrapper { position: relative; width: 40px; height: 55px; } .pin { background-color: gray; width: 40px; height: 40px; text-align: center; vertical-align: middle; borde…

ぬるっと大きくなる画像を作る

画像をぬるぬると拡大・縮小して、さらに拡大縮小された画像でもマウスカーソルの位置は、拡大・縮小してないときと同じ座標を取りたかったんです。とりあえず動くのが出来たのでメモメモ。 MVC 4プロジェクト作成 jQueryとかで何かと試すにはASP.NET MVC4の…

横スクロールするリストみたいなもの

ほしかった。こんなスタイルシートを用意して /* 横スクロールリストの要素 */ div.item { /* 程よい余白のため */ margin: 0px 5px 0px 0px; padding: 5px; /* 程よいサイズ */ width: 100px; height: 100px; /* 枠線 */ border: 1px solid black; /* イン…

ZenCoding個人的によく使うと思われる記述のメモ

書き方 とりあえず一覧は公式のWikiを見るとして、よく使うものだけをメモ。 書き方 展開後 説明 a>b <a><b></b></a> aタグの子にbタグを入れる a+b <a></a><b></b> aタグに続けてbタグ a.b <a class="b"></a> aタグにbといclassをつける a#b <a id="b"></a> aタグにbというidをつける a[hoge="moge" foo="bar"] <a hoge="moge" foo="bar"></a> aタグに…