動画全画面表示 : CSS

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

擬似要素でFont Awesomeを使う方法 : CSS

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

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

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

Lightboxの進む戻る矢印を画像枠の外に出すカスタマイズ

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

CSSのline-heightが設定されているさいに出る余白

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

IE8のフロートボックス内部の画像が表示されない対処 : WordPress

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

font-awesome

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

CSSの設計についてのメモ

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

WordPressのテーマ作成でStyleDoccoとCompassを使う : WordPress

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

デフォルトのリンク(aタグ)の色

0000EE

CSS3でグラデーションと背景画像を両方指

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

clearfix

clearfixのメモ。

Bootstrapのタブ・モーダルの簡単なサンプル

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

SassインストールとPhpStormの設定(Mac) : CSS

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

z-indexとopacity : CSS

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

プログラミングで利用している開発環境のメモ

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

Bootstrapの固定幅レスポンシブデザインのメモ : CSS

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

JavaScriptのコーディング規約・スタイルのメモ

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

浮動ボックスのメモ : CSS

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

不透明度 : HTML/CSS

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

人気記事 はてなブックマーク

この日記のはてなブックマーク数