font指定をまとめて記述する @mixin fontFamily { font:12px/18px "Lucida Grande","Lucida Sans Unicode","Hiragino Ka… Yukimi Satoハック2014.05.27 264
divの縦横比を維持する ウィンドウサイズを変更してもdivの縦横比を維持する場合のcssです。 表示サンプルはこちら CSS div.div01 { /*1:1*/ width:24%; height:24vw; margin:0.5%; ba… haradaハック2014.05.26 1,764
「titleの値が”タイトル”が含まれている場合」のスタイルを指定する方法 a[title]{ color:red; } a[title="このタイトルは斜体です"]{ font-style:italic; } a[title*="タイトル"]{ font… Yukimi Satoハック2014.05.23 242
[CSS] テキスト反転時の色を指定する ::selection { background: #ff6600; /*背景色*/ color: #fff; /*文字色*/ } Yukimi Satoハック2014.05.23 1,019
Compass:IEにも対応したCSSグラデーションの書き方 Compassでザックリ書き出す方法です。 Scss //SVGサポートを有効に(IE9用) $experimental-support-for-svg: true; .box { //モダンブラウザ用グラデーション @… ゴトーハック2014.05.21 608
FontAwesomeで作るロード表示 サンプルはこちら。 See the Pen FKlpr by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. HTML <div class="loading&qu… ゴトーハック2014.05.21 5,425
CSSだけで台形を作る サンプルはこちら。 See the Pen isLdJ by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 一つのタグにCSSだけで台形を作っています。 CSS .daikei … ゴトーハック2014.05.20 5,185
Sass:extendでベンダープレフィクス要素を削減する Sassのextendを使った記法を広めたいのでまたまた応用方法をご紹介します。 改善前CSS .box1 { width: 300px; padding: 10px; -webkit-box-sizing: borde… ゴトーハック2014.05.20 354
Sass:extendでclearfixを楽にする 先日オブジェクト指向型CSSについて書きましたが、こちらのおさらいと応用を紹介します。 回り込み解除のための「clearfix」はWebコーダーであれば誰しも使うクラスだと思いますが、HTML内でそこかしこに clear… ゴトーハック2014.05.19 355