rss.gif

書いてる人

書いてる人gsako@アンタス札幌
デザイン担当。
Xmas生まれ。B型。
父は広島県民の道産子。
本当はMac派。
２次元も大好きなニコ厨。
札幌で暮らし始めて日。
Booklog：そっとお気に入りをしまう。
My Profile by iddy

最近のエントリー

アーカイブ

カテゴリ

アンタス社員ブログ

アンタス検定

ANCHOR・採用情報

採用ホームページ作成CMS アンカー

▲成功する採用。採用ホームページ作成CMS アンカー

採用情報 アンタス採用HPリニューアルオープン！ 名古屋サポートグループにて積極採用！

▲採用情報 アンタス採用HPリニューアルオープン！ 名古屋サポートグループにて積極採用！

ブログパーツ

あわせて読みたい
banner_rectangle.gif
※ただしイケメンに限る


Powered by
Movable Type 3.33-ja

落書帳TOPへ

2010年06月10日IT-CIRCUS札幌へ参加しました その3

いますぐ使えるCSS3

みんなご存知、大藤幹さん。

CSS3の一部の紹介、それに対するブラウザの対応、実際の例としてYouTubeやTwitterで使われている部分の紹介など。

YouTubeやTwitterもそうでしたが、やはり表示されなくても支障がない程度にしかまだ仕込むことができないのが現実です。
自社のものでIEの人は最初から最後まで気づかない状態なら可能ですが…。
IE8にすら対応していないのが多すぎるので、当たり前のように利用できるのはいつの日なのか。

触れたものは、

  1. 角丸
  2. グラデーション
  3. シャドウ
  4. 不透明度
  5. 要素に効果をもたらすtransition

transition例▽
Firefoxは対応していないみたいです（もちろんIEも）

textarea{ border:1px solid #ccc; transition:border linear 1.5s,box-shadow linear 1.5s; -moz-transition:border linear 1.5s,-moz-box-shadow linear 1.5s; -webkit-transition:border linear 1.5s,-webkit-box-shadow linear 1.5s; } textarea:focus{ outline:none; border-color:red!important; box-shadow:0 0 15px red; -moz-box-shadow:0 0 15px red; -webkit-box-shadow:0 0 15px red; }

シンプルなボタンは画像じゃなくてCSSで作りたいわねー。

あと、カラー設定など。アルファチャンネル（不透明度）つきってわけです。

☆hsla（色相、彩度、明度、不透明度）

div{ background-color:hsla(240,100%,50%, 0.4) }
hsla(240,100%,50%, 0.4)
  1. 色相はカラーサークル0〜360の角度
  2. 彩度は0〜100％の割合
  3. 明度は0〜100％の割合で白＝100%、黒＝0%
  4. 不透明度は0〜1.0で、透明＝0、不透明＝1.0　「0.5」→「.5」と省略可能。

☆rgba（赤、緑、青、不透明度）

div{ background-color:rgba(230,80,60,.5); }
rgba(230,80,60,.5)
  1. RGBの値は0〜255の整数か、0〜100％の割合
  2. 不透明度は0〜1.0で、透明＝0、不透明＝1.0　「0.5」→「.5」と省略可能。

あとは、プレーヤーの装飾とかね。ブラウザで随分仕様に差があるみたいですけど。
そのへんは研究してから書こう。

IT-CIRCUS札幌 IT-CIRCUS札幌 IT-CIRCUS札幌 IT-CIRCUS札幌

最後は参加によるパネルディスカッション。「Webクリエーターが、今備えるべき戦略とは？」でした。

現在はTwitterや動画で離れていてもリアルタイムに音声や映像や伝わりますが、やはり実際に参加するとしないとでは大きな差があります。
目、耳、その場の空気は、そこへいかないとリアルに感じるのはやっぱり無理。
新しい知識は得られないことも多くても、刺激になったり、あれをやってみようか、と思うきっかけになるのが大事だと思う。

札幌だけではないでしょうが、このようなイベントがあまりにも少ない。
色々と探しているのですが、なかなか見つかりません。
実際は思っているより行われているのかもしれませんが、見つけることが困難です。
まとまっている場所もありませんし、なかなか難しいのかもしれません。

行きたい！と思っても東京ばかり…地方の辛いところです。

なんだかものすごく長いですね。いくつかに分ければよかったかも…

帰り、お友達とご飯にいったら、お通しがカニだった…
さすが北海道ヾ(o´∀｀o)ﾉﾟ

10_06_10m.jpg

にっき | | トラックバック (0)| PAGETOP

このエントリーのトラックバックURL

http://antas.jp/mtsys/mt-tb.cgi/830

落書帳TOPへ