通常、data URI Schemeを作成しようとすると、「画像を作成→base64エンコード→CSSに記述」という流れになり、結構手間がかかります。またCSSには元の画像名などが記載されないため、元ファイルが何なのか分かりづらく、管理もしづらくなりがちです。 しかし、Sass+Compassを使用することで、簡単にdata URI Schemeを作成し、管理もしやすくすることができるようになります。 参考:CompassでデータURI スキーム scssファイルへの記述方法 以下のように、CSSでは「url」となる部分を「inline-image」に変更するだけです。 (※クォーテーションも必要です。) //サンプルアイコン .icn-sample { background-image: inline-image("img/sample.png"); } 何故、管理しやすくなるかとい
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
2013年04月30日23:55 【画像あり】日本の秘境 Tweet 竹田城 縄張りが虎が臥せているように見えることから、 別名虎臥城（とらふすじょう、こがじょう）。国の史跡に指定されている。 また城下から遥か高く見上げる山の頂に位置し、しばしば円山川の川霧により 霞むことから、天空の城の異名をもち日本のマチュピチュとも呼ばれる。 雲海に浮かび上がる古城の累々たる石垣群の威容は、名物ともなっている。 http://ja.wikipedia.org/wiki/竹田城 4： スノーシュー(三重県)：2013/04/30(火) 09:44:07.41 ID:usCeC3EH0 三重南部 28： サバトラ(三重県)：2013/04/30(火) 10:05:31.46 ID:zF3OhXpy0 >>4 三重南部じゃなく紀伊半島南部って書くべき 串本 新鹿海岸 紀伊山地 熊野古道 吉野熊野国立公園 5
こんにちは、鴨田です。 近頃はボタンのデザインに限らず、CSSで実現できるものは、 グラフィックにせず、CSSだけで書いています。 ボタンデザインに限らず、HTML/CSSで書いた方が効率的なこもあって、 最近はあまりPhotoshopを開くこともなくなってきています。 ということで、本日はCSSだけで作るアイコン付きボタンの作り方です。 アイコン付きというのがポイントです。 ● アイコンなしボタン とりあえず、アイコンなしで作りましょう。 HTML body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0; padding: 0; } a { /* サイズ指定 */ width
ちょっと前に 「hgroup 要素が HTML5 の勧告候補 （Candidate Recommendation） から削除されるようです」 って記事を書きましたが、実際に削除されたみたいですね （Editor's Draft では）。 ついでに、すでに HTML 5.1 Nightly にはすでに追加されていた、main 要素が、HTML5 勧告候補の方にも追加されたようです。 HTML5 W3C Candidate Recommendation 17 December 2012 hgroup 要素が HTML5 勧告候補から削除される main 要素とは？ main 要素は元々、Steve Faulkner 氏 （Web アクセシビリティ関連の方） が HTML5 の拡張仕様として提案し、HTML 5.1 に正式に取り入れられた要素で、その名の通り、文書内の、「主要な部分」 をマークア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
