CSS | Backless -バックレス-

articles

2012/10/05

背景リピートでページの読み込みが遅くなるのかやってみた

カテゴリー: Creative | タグ: background, CSS

背景画像を小さくトリミングして、cssでリピートするのと、
大きい画像をどーんと配置するのとでは、
どれくらい読み込み時間に差がでるのか、気になって調べてみた。
あと、リピートが読み込み時間に全く影響を与えないのかも気になっていたのでそこも。
(さらに…)

2012/07/26

ECサイトで使える！商品一覧の画像をいじらずに「売り切れ」などを表示させる方法

カテゴリー: Creative | タグ: CSS, EC, hover, jQuery, tips

PSDを開いて編集して保存してアップして。。
なんてことをしなくても、テキストのみでサクッと更新できるので便利です。
(さらに…)

2011/01/06

画像を使わずcssだけで角丸を実現する方法

カテゴリー: Creative | タグ: CSS, 角丸

CSS3で実装予定？のプロパティを使えば、
画像を使わずに角丸を作れます。
(さらに…)

2011/01/05

cssのみで簡単にロールオーバーを実現する方法

カテゴリー: Creative | タグ: CSS, hover

ロールオーバーを実現するには、
さまざまな方法があるかと思います
(さらに…)

2011/01/04

clearfixでfloat解除

カテゴリー: Creative | タグ: clearfix, CSS

floatすると
後にあるテキストが流れ込んでしまったり
ズレてしまうことがあります。
(さらに…)

2010/05/30

CSSでcharsetの書く位置によってカラム落ちする

カテゴリー: Creative | タグ: charset, CSS, カラム落ち, バグ

ちょっと前にあったトラブルだったのですが、
SafariとChromeでなぜかカラム落ちしてしまう。
IEとFirefoxが正常に表示。。
(さらに…)