2014年5月21日

Webページのデザインをしていると、「ここにちょっと画像が欲しいな…」と思うことがよくあります。画像フォルダから適当に引っ張ってくるのもアリですが、手頃な画像をいちいち探すのも面倒です(どうせ後で変えるわけですし)。 何か良いサービスは無いものかと探していたら、やはりありました。ダミー画像を手軽に作成してくれる「Dynamic Dummy Image Generator」です。

, 2014年5月7日

HTMLで画像を配置した時に、下側にmarginでもpaddingでもない謎の余白が現れる時があります。例えば以下のようなコードを書いた時、 h1{ background-color: #ddd; } img{ margin: 0; padding: 0; } <h1> <img src="yurufuwa.jpg" alt="" width="100px">サイトのタイトル </h1> 結果はこんな感じになります。画像のmarginとpaddingは0なのに、何故か謎の余白が現れてしまいます。 今回はこれを削除する方法を紹介します。

, 2014年3月19日

今回はLESSでよく使用しているMix inを備忘録もかねて、まとめておきたいと思います。 一覧 [css] .boxshadow(@v, @h, @w, @c, @blur: 0.15) { box-shadow: @v @h @w @c rgba(0, 0, 0, @blur); } .transition(@property, @timing, @duration, @delay: 0) { -webkit-transition: @property, @timing, @duration, @delay; -moz-transition: @property, @timing, @duration, @delay; -ms-transition: @property, @timing, @duration, @delay; transition: @property, @timing, @duration, @delay; } .box() { display: -webkit-box; display: -moz-box; display: […]

, , 2014年3月18日

先日,CSSのtransformを使って立方体を作るという記事を投稿しましたが,最後に, IEで遠近法(perspective)を使う場合は特別な対応が必要です。 という風に終わりました.これは,IEでtransform-style:preserve-3dが設定できないために,親要素が子要素を立体的に変形できない問題です.現時点の最新IE11では,このtransform-style:preserve-3dは未対応です.今回はこれに対応策を講じてみます.

CATEGORIES