大阪・東京を中心にサイト企画・デザイン・Webシステム・SEO対策などのホームページ制作はもちろん、DTP・映像・イベントなど幅広くお手伝いします。

スタッフブログ

  1. ホーム
  2. 課外活動
  3. スタッフブログ

アラダスのメンバーは一癖も二癖もある個性派揃い!

CSS3の初歩の初歩の初歩の初歩...

いろいろなサイトや書籍で、もうすっかり知られたCSS3。 興味の無い人には、もうまったく必要無いような話題ですが、いちおうコーダーなのでエントリー。

<border-radius>

角丸サンプル

画像のパーツを駆使して、アイデアで作られていた角丸のボックスを、
画像を使わずCSSのみで表現できます。
画像を使わないので、表示速度の向上が期待できます。
何よりソースがきれいになる☆

1

2

3

こんな感じの表示も、簡単ですねー。

<gradient>

グラデーション1

グラデーション2

背景にグラデーションも指定できます。

<text-shadow>

アラダスだ!アラダスだ!アラダスだ!アラダスだ!アラダスだ!アラダスだ!アラダスだ!

プレーンテキストにドロップシャドウをかけることができます。
これなら、今まで画像にしていたテキストもプレーンで書ける!

<box-shadow>

もちろん、画像やにもドロップシャドウを付ける事ができます。

基本的なことで、これくらいできるので
これだけでも、いままでのサイトをコーディングし直す価値はあるかもしれません。
次は、CSSのもう少し特殊な機能を試してみたいと思います。

ん?きちんと表示されていない人がいる?
そんな人は、多分時代遅れなブラウザを使っているのかも...
今すぐ最新のブラウザに乗り換えちゃいましょ☆

2011/09/09
1

mick

仕事分担 コーディング・勝手にBGM担当

血液型 アラダスでは肩身の狭いA型

紹介文 7時になると、消えていなくなる7時まで男。 見る人が見ると「おー」と言うようなものを作りたいと願う、縁の下の下の力持ち。

コメント コーダー。アラダスで唯一のリアル草食系。 肉は一切口にしない、乳製品さえ手をださない、徹底した菜食主義(無神論)者。 アラダス社内にて行われる季節ごとの納会では、彼が食べられるものを出す、というのが最大のテーマ。 好きなものは、コーヒー(←これはいいのか?)

Facebook

TEPIPA

RFIDソリューション

株式会社aradas(アラダス)

大阪オフィス

〒542-0081
大阪市中央区南船場2-1-10
CARP南船場第1ビル5F
TEL: 06-6210-5551
FAX: 06-6210-5552

東京オフィス

〒150-0002
東京都渋谷区渋谷2-7-6
金王アジアマンション202
TEL: 03-6450-6744
FAX: 03-6450-6745