cheka.jp 超不定期で更新する写真達。お口直しにどうぞ。

タグ: css3

ENJOY CSSが素敵すぎる

ENJOY CSSというcssジェネレーターを使ってみました。 よくあるジェネレーターかと思っていたら簡単なエフェクトまで直感的に作成出来る様子。 プロトタイプだけではなく、ちょっとしたボタン作成などで重宝しそうです。 […]
Read More

CSSのテキスト回り込みを考えてみる

ブログのエントリーなど画像を使う箇所でよく使う回り込み指定。 毎回数値を適当に変更して見た目を確認しながら調整していますがロジカルに考えてみました。 今回やりたいことは、レイアウトにfloatを利用して画像を左に配置しテ […]
Read More

CSSでヘッダーの右側にアイコンを配置する3

いよいよ目的のレイアウトです。 普段cssを触ることが少ないので久しぶりに脳を使った気がします。 定期的に専門外をやることは必要ですね。 ガッチャンコする 前回と前々回でベースを作成しているので一気に記述します。 こんな […]
Read More

CSSでヘッダーの右側にアイコンを配置する2

前回の続きです。 今回は右側に配置するアイコンのデザインをチェックしてみます。 アイコンはアイコンフォントを利用します。 ベースのhtmlを準備する こんな感じです。 レイアウトしてみる こんな感じです。 次回はいよいよ […]
Read More

CSSでヘッダーの右側にアイコンを配置する 1

よく見るレイアウトの勉強です。 こんな感じ。 図で見たほうが分かりやすいですね。 ベースのhtmlを準備する まずはベースとなるhtmlを記述します。 サンプルのように綺麗なデザインにはなりませんが、レイアウトは同じよう […]
Read More
Get Adobe Flash player