動画を全画面表示する覚書です。

a:afterでangle-rightを使うサンプルをします。

スタイルシートで背景を円にする作成するサンプルです。

Lightboxの進む、戻る矢印を画像の外へ出すカスタマイズのメモ。 Lightbox lightbox.cssを変更 .lb-nav a.lb-prev { ….. position: absolute; // 追 […]

CSSのline-heightが設定されているさいに出る余白のメモ。 <li> <a href=”..”><img src=”..”></a> </li> IE […]

IE8のフロートボックス内部に配置した画像が表示されないことがある。 » なぜ、IE8では、画像が表示されないことがあるのか – ミショニポー

CSSのafter, before疑似要素でFont Awesomewebフォントを使うメモ。 通常利用 icon-chevron-right <i class=”icon-chevron-right”>&l […]

メンテナンス性のよいCSSを設計するために参考になるスライド。 ちゃんとCSSを書くために – CSS/Sass設計の話 上記スライドで紹介されているサイト CSS Architecture — […]

WordPressのテーマ作成でStyleDoccoとCompassを使うメモ。

0000EE

CSS3でグラデーションと背景画像を両方指定する。 background: #f9f9f9; /* Old browsers */ background: url(listmark.png); background: u […]

clearfixのメモ。

スマートフォンサイトをBootstrapを使い作成するときのタブやモーダルダイアログのメモ。

SassをMacにインストールしてPhpStormから実行できるよう設定。 » Sass – Syntactically Awesome Stylesheets Sassの設定 Sassインストール sudo […]

opacityプロパティを設定している要素にz-indexを適用するときは親要素にposition: relativeを指定する。

使用しているJavaScriptの開発環境のメモ

Bootstrapで固定幅のレスポンシブデザインを行うメモ。

JavaScript, CSS, PHPのコーディングスタイルのメモ

浮動(float)ボックスは必ず横幅を指定する。

不透明度に関するいくつかのまとめ。