CSS
ENJOY CSSが素敵すぎる
| 2014/06/05
ENJOY CSSというcssジェネレーターを使ってみました。 よくあるジェネレーターかと思っていたら簡単なエフェクトまで直感的に作成出来る様子。 プロトタイプだけではなく、ちょっとしたボタン作成などで重宝しそうです。 […]
Read More
タグ: css
CSS
CSSのテキスト回り込みを考えてみる
| 2014/05/14
ブログのエントリーなど画像を使う箇所でよく使う回り込み指定。 毎回数値を適当に変更して見た目を確認しながら調整していますがロジカルに考えてみました。 今回やりたいことは、レイアウトにfloatを利用して画像を左に配置しテ […]
Read More
CSS
CSSでヘッダーの右側にアイコンを配置する3
| 2014/05/09
いよいよ目的のレイアウトです。 普段cssを触ることが少ないので久しぶりに脳を使った気がします。 定期的に専門外をやることは必要ですね。 ガッチャンコする 前回と前々回でベースを作成しているので一気に記述します。 こんな […]
Read More
CSS
CSSでヘッダーの右側にアイコンを配置する2
| 2014/05/08
前回の続きです。 今回は右側に配置するアイコンのデザインをチェックしてみます。 アイコンはアイコンフォントを利用します。 ベースのhtmlを準備する こんな感じです。 レイアウトしてみる こんな感じです。 次回はいよいよ […]
Read More
CSS
CSSでヘッダーの右側にアイコンを配置する 1
| 2014/05/07
よく見るレイアウトの勉強です。 こんな感じ。 図で見たほうが分かりやすいですね。 ベースのhtmlを準備する まずはベースとなるhtmlを記述します。 サンプルのように綺麗なデザインにはなりませんが、レイアウトは同じよう […]
Read More
CSS
CSS3 border-radius いまさら聞いてすいません
| 2014/04/30
CSSは専門外なので曖昧な事が多いですが少しづつ学びます! という趣旨のシリーズです。 border-radius 何となく使っていたborder-radiusですが、理解が浅いのも気持ちが悪いので調べてみました。 bo […]
Read More
CSS
CSS line-height いまさら聞いてすいません
| 2014/04/19
CSSは専門外なので曖昧な事が多いですが少しづつ学びます! という趣旨のシリーズです。 line-height よく分からずに使っていなかったline-heightですが、放置も気持ちが悪いので調べてみました。 line […]
Read More
CSS
CSS3のtext-shadowで色々な文字デザインを試してみる
| 2014/04/16
久しぶりのcssネタです。 今回はcss3から追加されたtext-shadowを使って、画像を使わずにタイトルなどに使えそうな文字デザインを学んでみたいと思います。 遊んでみよう text-shadowはcss3で追加さ […]
Read More
CSS
StyleDoccoを利用してcssを共有する
| 2014/03/15
StyleDoccoとは、css内のコメントからTwitterbootstrapのBaseCSSのようなCSSドキュメントを簡単に作成することが出来るnode製のツールです。 最近主流(?)のコンポーネントスタイルのワー […]
Read More
CSS
WordPressでソースコードを綺麗に表示する神プラグイン!
| 2014/02/18
「SyntaxHighlighter Evolved」というプラグインをご存知ですか？ まずは見たほうが早いと思うので画像で説明します! 下のソースコードが、 このようになります! 使い方も超簡単なのでこの機会に是非入れ […]
Read More