タグ

2012年2月14日のブックマーク (2件)

  • » 初心者必見!!Twitter Bootstrap の導入方法

    version 1.3 までは、トップページにコードが書いてあって、それをそのまま<head>にコピペしたら、使えるようになってました。 しかし、versionが2.0になって、なぜそれがなくなったので、せっかく新しいversionが出たのに使えないじゃん!!っていう初心者も多いかなと思います。ちなみに、自分はそうでした。英語のサイトって読む気にならないんだもん(笑) でも、しっかりcssファイルをダウンロードして使うほうが後々いろいろやりやすと思うので、その方法をご紹介します。別に、なにも特別なことはやってないのだけど。 手順はかんたん ファイルをダウンロード <head>とかに記述 これだけです。いや、かんたんです。普通のcssファイルを使う時と一緒です。 まあ、これがわかっている人もあおの英語のサイトを見ただけで嫌になる人も多いと思います。ので、以下に詳細にまとめましたので、ぜひ活用

  • CSS3を極めたいなら知っておきたい三角形を作る3つの方法

    CSS3を使い始めていくと、ぶつかる壁に「三角形みたいに尖った角」をどう表現するかというのがあります。三角形って思ったより難しいです。 まぁ無理しないで、イメージで作ればいいんですけど、ちょっとした装飾だったりすると、ちょこっとCSSで作れると楽な時もあります。 そこで、CSS3で「三角形みたいに鋭角を作る方法」を3つ紹介します。ここで紹介する方法には、メリットとデメリットがありますので、使い分けれるようになるといいと思います。 1. グラデーションを使う こちらの記事でも紹介しましたが、背景を background-size と background-position で4分割して、斜めのグラデーションを使うことで角を落とすことができます。 コード 4分割して、4つのグラデーションでそれぞれを塗ります。この方法では、塗りを使っているので、カスタマイズ性が高いですが、グラデーションを使って

    CSS3を極めたいなら知っておきたい三角形を作る3つの方法