タグ

ブックマーク / www.kuma-de.com (2)

  • [Sass] Retina対応のスプライトシート用 sass mixin « きんくまデザイン

    こんにちは。きんくまです。 Retina対応を調べてました。 わかりやすくまとめられてました。 >> Webサイト&WebアプリのRetina対応方法まとめ | KRAY Inc で、sassでmixinとかあるんじゃないかなと思ったら公開されてました。 >> FREE! Sass (SCSS) mixin for including retina images (useful when developing for iOS). どちらも貴重な情報ありがとうございます! んで、これを組み合わせて、スプライトシート版にしたいなーと思って、ちょっとだけ加えたのがこれです。名前が長いんで、適当に短くするとよいかも。 @mixin background-image-retina-with-spritesheet($file, $type, $width, $height, $posX, $posY

    batta
    batta 2013/10/28
  • Dreamweaver 画像の幅と高さをリセットするコマンド « きんくまデザイン

    こんにちは。きんくまです。 えっと、この前からDreamweaverのコマンドの作り方を調べてました。そしたら、あれですね。 ドリはhtmlJavaScriptで作るんですね。 htmlでパネルを作って、JavaScriptで操作するという感じです。でも、大掛かりなやつだとファイルを分けた方がいいと思うんですが、小さめなやつだとhtmlに埋め込んでも問題ないようです。 実際、ヒストリパネルから、自作コマンドを保存した場合、htmlの中にJSが埋め込まれてます。 さて、今回のコマンドは画像の幅と高さをリセットするコマンドです。 いや、正確にいうと、もし幅と高さの属性を持っていない場合は、幅と高さを付け足しちゃうコマンドです。 具体的には、 <div id="id_1"> <h1><img src="images/id_1_1.jpg"></h1> <img src="images/c3_3

  • 1