CSS
inlune-blockの改行による空白をなくす
参考：display: inline-block; による隙間を消すCSS完全版 html { font-size: 100%; } //設定されていなければ設定する ul, li { margin: 0; paddin…Safariでspanにposition:absoluteした要素がAjaxでバグる
.num { position: absolute; top: 5px; right: 5px; min-width: 12px; line-height: 12px; padding: 0 2px; } このクラスは下…HTMLページをスライド表示する「Reveal.js」を使う
Reveal.js ページ全体をプレゼン用スライド化するのに便利なライブラリです。 準備 Githubリポジトリからパッケージをダウンロードしましょう。 落としてきたファイルを展開し、css、js、lib、pluginフ…
CSS：背景を蛍光ペンでマークしたようなテキスト装飾
CSSだけでテキストを蛍光ペンでマークしたような装飾を施すことができます。ランディングページなどでたまにみかけますね。 表示サンプルはこちら。 HTML <div> CSS：背景を<span class…SASSで「!default」を使う
cssは通常後ろに書いた記述がどんどん上書きされていくため、sassを使いまわす際には下手すると膨大な上書きや変更が必要となり、元々の記述がどんなものだったのか、また後々使うときにゴリゴリに上書きしないと打ち消せなかった…CSSで指定した長さ以上のテキストを「…」で省略する
CSS <style> .textWrap{ width: 125px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } <…FireFox31.0から「:-moz-placeholder」が効かなくなる
input:-moz-placeholder{ color: white; } placeholderの文字色を変更するcssハックですが、こちらがFirefox31.0（先日リリースされた新バージョン）から使えなくなっ…