スポンサーサイト

-------- (--) | | Comments(-) | Trackbacks(-)

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Pagetop

あけましておめでとう

2015-12-31 (Thu) | Permalink | Comments(0) | Trackbacks(0)

フライングあけましておめでとうございます。
ココがまだ生きていたことに驚きです。

cssだけで年賀状書きました。
去年のクリスマスカードよりかは楽だったな。
多分次の更新は2017年です。
よろしくお願いいたします。

Pagetop

safariで画像の上下に発生する隙間

2013-08-02 (Fri) | Permalink | Comments(0) | Trackbacks(0)

safariで画像の上下に発生する謎の隙間をつぶす。

img要素に vertical-align: bottom; つけても消えない糞みたいな隙間。
ソースの改行やらインデント詰めるのは死んでもやりたくない。

潰し方

親要素に line-height: 0; を指定して、 img要素に line-height: normal; でおk

うざったい。

Pagetop

SHAKIN' FUNKY NIGHT

2013-04-09 (Tue) | Permalink | Comments(0) | Trackbacks(0)

OH, SHAKIN' SHAKIN' 意味のない夜に SHAKIN' FUNKY NIGHT!!
OH, FU*K OFF!!
くそったれ FUNKY NIGHT!!

Pagetop

CSS: Christmas Card

2012-12-24 (Mon) | Permalink | Comments(2) | Trackbacks(0)

メリークリスマス。
切手に続きCSSでクリスマスカードつくった。
何とか間に合ったな。
CSS クリスマスカード

最新モダンブラウザ以外は知らん。
IEは爆ぜろ。

背景の木の板とパタッと開閉するアニメーションは画像とpfold.jsを使用。
後は全部CSS。
クリスマスカード自体のデザインに画像やjsは一切使ってない。

開閉アニメーションのギミックはデザインに直接関係無いから別にいいだろう。うん。
背景も灰色一色にしようと思ったけどこっちの方が見栄えいいし、雰囲気いいし、デザインに直接関係無いから別にいいだろう。

コード書いてる途中でハイになってブラウザで確認しなくても、コード見てるだけでどう描写されてるか見えるようになったことが何度かあった。
マトリックス状態。

もうしばらくはcssだけで何か描くネタはいいや…。
記事にする段階で気が付いたけど、何で切手が貼ってあんねん…
酷い凡ミスだわ

Pagetop

CSSだけで切手書いた

2012-12-09 (Sun) | Permalink | Comments(0) | Trackbacks(0)

css切手

切手

cssだけで切手書いた。
css3に対応しているブラウザであれば上の画像のように表示されるはず。
IEなんぞ知らん。

帽子とマフラー、ウサギの耳が鬼門だった。
数字と英字のみテキスト。
:before, :after, transform, border-radius, box-shadowとやる気があれば何でも作れるんじゃないかな。
はい。

Pagetop

About the author
Recommends
  • CSS : On
  • Javascript : On
  • Images : On
  • ScreenSize : 1024x768↑
  • FontSize : Medium
SyndicateRSS FEED
このブログを購読
I twieettwitter
04をフォローする
Powered by
FC2 ブログ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。