背景画像のサイズは複数の要素で共通なのでまとめて指定し、その後に個別の要素に背景画像を指定するという場合があります。 例えば以下のような見…

先日実績に追加した「EventCal」ではフッターの所が以下のようなデザインになっています。 この中の「サービス利用規約」から「運営会…

今はコレです。 $sprite2x: sprite-map("sprite2x/*.png"); $sprite-img:sprit…

mask-imageとtranslateを組み合わせてローディングみたいなの。 デモで作ったので置いておきます。 webkit（PC）の…

スマホサイトを作る場合、Retinaディスプレイ用に表示したい倍の大きさで画像を作ってどうにかして半分に縮小して表示するってのを結構なサイト…

どうにもなりませんので、本当にどうにかしたい時には最後のJSでどうにかする方法が良いと思います。 思い切ってガラケーユーザーからAndor…

あたり前だろうと思っていることが実はあたり前ではないとうことがありますね。 スマホサイトのデザインでよくある、タップできる領域の右端に…

え、なんのことやらと思うようなエントリータイトルですが、以下のスクリーンショットのような状態を作りたいときです。 ちなみにviewport…

先日「CSS Nite in Ginza, Vol.58」に参加したのですが、多段カラムでブラウザウィンドウのサイズを変更するとカラム数も変…

というわけでそのままですが、以下です。webkit系しか対応させてないのでご注意ください。 http://maboroshi.biz/cl…