Sassで使えるIE向けCSSハックまとめ - Qiita
Sassで使えるIE hack 皆さんはSassでIE hackを使ったことありますでしょうか？ 恐らくコンパイル時のエラーで使用できるCSSハック（以降、面倒なのでhack）が限定され、融通が効かないという理由で、以下のような条件付きコメント（conditional comments）に切り替えた方も多いんじゃないかと思います。 <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js
画像を使わずCSSだけで任意の間隔の破線を描く | 12px.com
cssで破線を使おうと思ったらdottedとdashedの2種類しか用意されていないので、それ以外の間隔の破線を使用したい場合にはあらかじめ白黒のgif画像を用意して、背景に繰り返して使用する事が多いです。 しかしCSS3のlinear-gradientを使用すれば任意の間隔の破線を描画する事が可能です。 CSS3を使用するので対応ブラウザがちょっと狭くなりますが 1 2 、画像を用意するのとくらべて線分や間隔の調整も容易になりますし、Retinaディスプレイにも対応する事を考えたら（奇数の破線を使用する場合など）2種類の画像を用意する手間が省けますのでCSSで描画する方が楽チンです。 手順やり方は下記の4つの指定をすれば良いだけです。 破線の部分はbackground-imageを使用して背景画像として描画します縞模様はlinear-gradientを使用してグラデーションの濃淡で表現し
Sass: Syntactically Awesome Style Sheets
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work
今日から使えるHTML5/CSS3/JSのシンプルテクニック15選｜オンライン動画授業・講座のSchoo（スクー）
この授業は、下記スキルの方が対象です。 XHTML,CSS2：必須 HTML5,CSS3,Sass,jQuery：推奨（いずれも基礎レベル） ■HTML・CSS３・JavaScriptをまとめてスキルアップ スピーディーで完璧なコーディングをするために覚えておきたい以下１５個の"ワザ"が身につきます。 ① 今どきの要素を上下中央寄せにするワザ その1 ② 今どきの要素を上下中央寄せにするワザ その2 ③ 今どきの要素を上下中央寄せにするワザ その3 ④ text-indent:-9999pxの上位互換的なワザ ⑤ PCサイトをタブレットやスマホで閲覧した時にちょい綺麗に見せるワザ ⑥ デバイズごとに快適な閲覧をしてもらうために設定すべきviewportのワザ ⑦ Windowsでweb-fontをちょっとマシに見せるワザ ⑧ CSSプロパティ”filter”で画像を加工するワザ ⑨ tra
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
una.im | Introducing CSSgram: A CSS Library for Instagram Filters
Css2Sass | Convert CSS Snippets to Syntactically Awesome StyleSheets code
[CSS]擬似クラス:nth-childの便利な使い方をまとめたスタイルシート -Family.scss![[CSS]擬似クラス:nth-childの便利な使い方をまとめたスタイルシート -Family.scss](https://cdn-ak-scissors.b.st-hatena.com/image/square/b207777a32dc752d935a2b7da91e3e1499edd6c7/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201604%2F2016110906.png)