元・地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

ブログのメニューにCSS3の「box-shadow」プロパティでドロップシャドウを付けてみた【Webデザイン】

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

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

>> 続きを読む

ブログの角丸部分をCSS3の「border-radius」プロパティに変えてみた【Webデザイン】

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

CSS3で角丸

>> 続きを読む

CSSだけで作る最も単純なプルダウンメニュー(ドロップダウンメニュー)【Webデザイン】

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

WEB

続きはこちら

次は何?Google Glass(眼鏡)かiPod nano(腕時計)か?

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

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

>> 続きを読む

HTML5はやっぱ凄い。HTML5でマリオやパックマンができる

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

>> 続きを読む

「HTML5」「CSS3」「ActionScript3.0」

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

ActionScript3.0 ポケットリファレンス (POCKET REFERENCE)
ActionScript3.0 ポケットリファレンス (POCKET REFERENCE)
技術評論社 2008-08-29
売り上げランキング : 96848

おすすめ平均 star
star惜しい
starリファレンスです。

Amazonで詳しく見る
by G-Tools
>> 続きを読む

CSS3でプルダウンメニューと可変角丸囲み

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




    最新コメント