タグ: デザイン

ENJOY CSSが素敵すぎる

FROGEGG | 2014/06/05

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

FROGEGG | 2014/05/14

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

FROGEGG | 2014/05/09

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

FROGEGG | 2014/05/08

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

FROGEGG | 2014/05/07

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

FROGEGG | 2014/04/30

CSSは専門外なので曖昧な事が多いですが少しづつ学びます! という趣旨のシリーズです。 border-radius 何となく使っていたborder-radiusですが、理解が浅いのも気持ちが悪いので調べてみました。 bo […]

FROGEGG | 2014/04/19

CSSは専門外なので曖昧な事が多いですが少しづつ学びます! という趣旨のシリーズです。 line-height よく分からずに使っていなかったline-heightですが、放置も気持ちが悪いので調べてみました。 line […]

FROGEGG | 2014/03/15

StyleDoccoとは、css内のコメントからTwitterbootstrapのBaseCSSのようなCSSドキュメントを簡単に作成することが出来るnode製のツールです。最近主流(?)のコンポーネントスタイルのワー […]

FROGEGG | 2014/03/07

基本エンジニアなのでデザインは勉強中ですが、css3のtransitionが楽しそうなのでチャレンジしてみました。 Phonegapで試してみたら問題なく使えそうだったのでコピペ出来るように残しておきます。＊自分用です […]

FROGEGG | 2014/03/06

画面キャプチャをブログ画像として利用する事が多いのですが、今のテーマは画像が素のまま表示されて文字の区切りが微妙な場面が多いです。 JetpackプラグインをWordPressに導入すると「カスタムCSS」が使えるような […]