そろそろCSS3を初めてみようシリーズ。今回は「box-shadow」を使ってみようです。
今まで「transition」や「boader-radius」等を紹介してきました。


こんな感じにドロップシャドウ（影）を付けてみました。

タグ ：

CSS3

ドロップシャドウ

影

Webデザイン

box-shadow

今年、HTML5及びCSS3が正式に勧告されるなんて言われていますが、いつ頃なんでしょうかね？
いずれにしてもそろそろ当ブログもCSS3を盛り込んだコーディングに変えていこうということで、まずは、角丸部分をCSS3で書いてみることにしました。
右のメニューの部分です。見た目は変わっていませんが、CSS3になってます。
（古いブラウザだと角丸じゃなくてソリッドな直角になってると思います。 ）
ちなみに上のヘッダー部分はオール画像。

タグ ：

CSS

角丸囲み

角丸

border-radius

CSS3

今まではIE6の存在等もあってCSSだけでプルダウンメニューを作るのはほぼ不可能でしたが、CSSがより多くのブラウザでしっかりと反映されるようになってきたので、CSSだけでプルダウンメニューを書くことができるようになりました。
今回は、その手順を解説していこうと思います。



＜続きはこちら＞

タグ ：

プルダウンメニュー

CSS

CSS3

ドロップダウンメニュー

display

overflow

transition

スマホ（スマートフォン）がかつてのテレビやパソコン並みに売れている昨今ですが、早くも次に来るものを予測して求人が始まっているようです。

□ ニュースからひもとくエンジニア求人動向：スマホの“次”は眼鏡／腕時計？ 既に始動している“次”に備えた求人募集 (1/2) - MONOist（モノイスト）

タグ ：

Google_Glass

iPad_nano

眼鏡

腕時計

求人

jQuery

HTML5

CSS3

スマートフォン

スマホ

先日、HTML5のセキュリティ上の問題をネタにしたばかりですが、やっぱりHTML5は凄いです。
HTML5＋CSS3＋Javascriptの組み合わせでファミコンレベルのゲームであればブラウザ上で再現することができます。

タグ ：

HTML5

CSS3

JavaScript

パックマン

マリオブラザーズ

テレビゲーム

Webサービス

近頃はディレクション業にかまけて技術的なことはデザイナーやプログラマーに振りっぱなし。
そんな中でも世の中は着実に進化しているようで、「HTML5」や「CSS3」、Flashでは「ActionScript3.0」等と次々と新しい技術が生まれてきています。

□ActionScript3.0 ポケットリファレンス (POCKET REFERENCE)
	技術評論社 2008-08-29 売り上げランキング : 96848 おすすめ平均 惜しい リファレンスです。 Amazonで詳しく見る by G-Tools

タグ ：

HTML5

CSS3

ActionScript3.0

Flash

ホームページ

今度のCSSはとってもすごいらしい。
なんと、今までFlashでしか実現できなかったアニメーションによるプルダウンメニューができるらしいのだ。
□CSSだけでアニメーションプルダウンメニューを作る | CSS-EBLOG
サンプルへのリンク

タグ ：

HTML5

CSS3

プルダウンメニュー

アニメーション

角丸