ホーム > タグ > CSS

CSS

[seminar] WCAN 2009 Autumn SESSION-2 菊池崇さん [study]

Pocket

wcan2009AutumnL

時間作れたんで、昨日の続き。

[seminar] WCAN 2009 Autumn [study]

ではでは、WCAN 2009 Autumn のSESSION-2 菊池 崇さんのお話について。

2)60分できる!実践 HTML5 & CSS3ウェブサイト 菊池 崇さん

印象が残っている内容と、メモ書きしている内容を列挙。

・HTML5の日本の盛り上がりはすごい!海外では日本よりはあんまり盛り上がっていない。なぜなら、仕様がまだFixしてないから。

・W3Cがフィードバックが欲しいため、2009年10月公開と発言!まんまとしてやられたということです。
(今のドラフトはまだ変わる。仕様決まるのは来年2~3月くらい???)

・XHTML+SVG+SMIL+XForm(XHTML2.0は互換性がない。。。)

・Web Forms2+Web Application1.0=HTML5の基本の基本。

・HTML5が生まれた理由は、ブラウザのパーサ問題とエラーのハンドリング問題を解決しようよ!という趣旨。
(HTML5が生まれた理由:「ブラウザのパーサーの問題」、「エラーの扱いの問題」。
Safari、Chrome、Firefox、OperaはHTMLパーサーと、XMLパーサーを搭載しているが、
Internet Explorerは8でもHTMLパーサーのみ。。。やっぱりIEですね。。。)

・Alexsaのトップサイト93%がなんらかのエラーを含んでいる。 (93% invalid)

・DOM(ドキュメントオブジェクトモデル)を基本として、作成すれば、パーサ問題とエラー問題が解決!

・全部、Javascriptを使うと、いろんなことができる!!
(Web Works,Web socket,Web Storage,Web Database,Geolocation API)

コンテンツ・モデル – HTML5タグリファレンス – HTML5.JPから引用。

content-venn

・HTML5について、<h1>がいくつあってもOK。html5にはDTDはない。、<!DOCTYPE html>でスッキリ。
img要素にaltが必須ではなくなった。すげぇー!まぁ必須ではなくなったんで、あってもいいんですよ。
html5

・チェックするならこのサイトが一番いい!
Validator.nu (X)HTML5 Validator

・html5用のreset.cssには、sectionなどの新しい要素に対してはdisplay:block;をかける必要がある。
(なぜなら、モダンブラウザがHTMLの新要素をインライン要素として扱ってしまうため。)

・IE8専用のjavascriptをレミーさんが作ってくださった。その名も、html5.js

・CSS3について、Vender prefixについて要確認!

・簡単に言えば、CSS3だけで、グラデーションや、ドロップシャドーとかができるようになった。あのiPhoneの下側が透明で反射してるやつも可能。
けどね、あれはもう古いデザインだと思うんですよ。ww

・マウスオーバーすると変化するようなアクションも可能。数秒違いで、ぜんぜんイメージが変わってくる。

・Blockで定義しているので、レイアウトの配置を変更することが簡単になった。

最後に、
html5はjavascriptとDOMを勉強しておいてくださいね。
とのことです!

そんな感じですです。

From xxxYukihiroxxx

Pocket

[seminar] WCAN 2009 Autumn [study]

Pocket

wcan2009AutumnL

ども。いつも情報は手書きでメモしてます。xxxYukihiroxxxです。

初めて年4回開催されているWCANに参加することができました。
以前から、先生から話は聞いていました。いつだろ?1年前ぐらいかもしれません。やっと足を運べたって感じで楽しみに運転してました。

で、結局到着したのが2時。。。1時30分からなのに、30分遅刻でしたわ。ほぉ。。。

さて、前置きは置いといて、
内容は3つ。
1)80カ国に広がる世界スタンダード iPhoneが生み出したモバイルWebの世界 林 信行さん
2)60分できる!実践 HTML5 & CSS3ウェブサイト 菊池 崇さん
3)Webディレクターとしての経験密度とWebブランディング 名村 晋治さん

他の方もレポ書いていますので、よかったらぜひ。
@riatwさんのTwitterへごぉ。それからブログ先を見つけてくださいね。

自分は違い視点というか、思ったことをそのまま書きます。

アップルップルロゴマークの飴が美味しかった。
2つもらえばよかったと思いながら、帰宅。w

疲れていたのでしょうか?
めちゃくちゃ美味かったです。いや、お腹が空いていたからかもしれません。

はい、本題。

・iPhone関係の特許の数は200個ぐらい。
・HTML5になったことで、XHTMLより厳密にはならなくなった。
・ディレクターの知識によって、クライアント様へのご提案が全く異なる。

以上、3点にしぼりました。

タイムアップなので詳しい内容は後日書きます。
噛み砕いてガツガツ書きます。w

しっかし、いっぴきおおかみなので、行動もひとりなんですが、
知ってる人が前回WCAN miniでお会いした方ふたり(男性と女性)と、Twitterで知り合った方ひとり(男性)、そして後ろの席の方(男性)。

人見知りしないほうなので、結構お話できたかな?と。ww

From xxxYukihiroxxx

P.S
ディレクションってなんですか?

以下、後半ブログmemo。(ネタ倉庫)
iPhone欲しくなった人もいるはず。最初はアップルの宣伝かと思った。w CS5、3.5、5%、Books、そこまでやるか?
チェックはあのサイトで。あとあの図形も。IE対策、Webkit、やっぱりIE。CSS3であんなこと、こんなこと。これからはjavascript。
あのお話を理解できる人がどれだけいるか?
台本必要(俺はプレゼンするつもりはないので台本はなし。その場の雰囲気とイメージでどんどん提案していく派。)
3つの○○すべてわかってしまった件、(大文字と小文字は間違えた。w)→○○を○○として○○○○を頭に記憶していたのが幸いか???
テトリスの説明が結局なかった件。w

お金が当たり前のように振り込まれているのは誰のおかげなのか、考えてみろ。

お金のありがたみがわかって、初めて仕事って大変だなと感じる件。

仕事と作業は違う。

By Yukihiro Kondo

Pocket

[blog] どうしてキャッシュから見てしまうのか?

Pocket

ここ最近、キャッシュからのアクセスが目に付く。
キャッシュで見なくても、正常にページは閲覧できるのに、なぜかキャッシュからアクセスしている。

どういう心理でアクセスしているのかがわからないんですが、自分なりに考察。

1)キャッシュで見ると、探している単語に色が付くから見やすい。(Googleの場合)
2)有効なアクセス数をカウントしたくない。(これはキャッシュで見てもアクセスにカウントされちゃってるんで、(オリジナルのカウンター)どこからアクセスしているのかもしっかりわかる。)

ログチェックはサーバーから3時間単位で、指定したメールアドレスに飛ばすようにしています。
3時間の間で1000アクセスオーバーしてた場合、こりゃ晒されてるのか?って心配になってアクセスログを見るわけです。w
けれど、それはbotさんの足跡で、嬉しいことなんです。

今までに自分がキャッシュで検索したことがあるといえば、普通にクリックして、ページが見れなかった場合とかはキャッシュを見に行くようにしています。

それ以外、キャッシュは使ったことがないんですゎ。w

まぁWeb上に公開する限り、キャッシュしないでね。っていうタグを入れればキャッシュされずに済むわけですが、キャッシュしないでね。というのは
ほとんどセキュリティで403を返しています。
認証が必要なのだから、キャッシュも取れないし、アクセスも出来ないわけで。

ちなみに、キャッシュしないでね。のタグはこれ。
˂meta name="robots" content="noarchive"˃

これは有効なタグなのかどうかというのは、他の方が書いているので、検索してみてください。

まぁキャッシュだと一目で探している単語が発見できるという点は優れていますが、他になにが有意義なのかが未だにわかりません。

皆さんはキャッシュ意識して使ったことありますか??

From xxxYukihiroxxx

Pocket

[html5] なんとか作りこんでみたが・・・。[masturbation]

Pocket

「index.htmlだろうが、index.phpでもいいんだよな?」
と質問してみる。

構築中のメモ&めも。

IE・Firefox・Opera・Netscape・Safariで表示可能な半透明CSS-Opacityテクニック – WEBデザイン BLOG
opacity – 半透明を操るJavaScript – youmos
ThickBox 3.1
大阪でWebのコーディングをしている人のお漏らしF2009年02月
ぺんラボ » XML-RSS(PHPでRSSをパースする)
pearXML_RSSPHP講座
Manual Example for the usage of XML_RSS
Twitterのreplies(返信)をRSSリーダーで取得する fjkktkys blog
ぷぎえもん日記 php:RSSのdcdateとかpubDateタグの日付を処理する
Tak’s Software » Blog Archive » Twitter Board ウィジェット ダウンロードページ
Factory-AJ Blog cron から root へ送付されるメールを停止
Perl・PHP・Javaによるプログラミングサンプル集 - テキストファイルを読み込み出力する

コマンドラインでこれらのリンクをたどっていけば、何がやりたかったのか?いや、これを元にどんなものを作ったのかがわかると思います。

久々にプログラム書いたが、いやぁーActionscriptとは違って、忘れてる部分も多かったです。
これじゃ、システムエンジニアとは言えないなぁと思った今日この頃でした。

次は、これはFlashなの?と思わせるようなサイトを作りこみたいと思います。

From xxxYukihiroxxx

Pocket

[モバイルサイト] 構築の際の注意点

Pocket

ちょっとここで整理。
構築というか、コーディングと言った方が正解??

<a>:リンクタグ
<img>:画像挿入タグ
<div>:汎用ブロックレベル
<br>:改行タグ
<font>:フォントタグ
<hr>:区切り/水平線タグ
<center>:中央揃え
<marquee>:マーキータグ

いろいろと3キャリアでも制限や規制がかかっていてどうもこうもいかないときがあります。
しかも、PCとは違い、CSSも読み込まれません。
だから、どうするか?というお話です。

結論、<div style= “” ></div>で行ってしまえ!
という話です。w

キャリア対応はもちろん、その機種の横幅がどれぐらいなのか?というのも必要ですが機種別に横幅(width)を切り替えて表示するようなのがあればすごい嬉しいので、ちょっと探してみようかと。恐らく完全対応しているところもあると思うが、それを自分でカスタマイズしてみたいという願望もある。w

ちょっと携帯Flash待受けで自分が作った作品を販売すると仮定して考えたとき、何が必要か?って想像したら
サーバー・カード決済(電子決済システム)・各種キャリア対応・そして、横幅(width)自動対応。

Flashの場合は、おまじないをかけてるので問題は特にないが、ビミョーに修正が必要。

ここまで揃っていれば、ASPでも提供は出来ると思うし、パッケージとして販売することもできる。
お金が発生するとメンテナンスももちろんのこと、サポートも必要になる。
恐る恐る自分のHPだけで稼働中というのもおかしくはない。

iPhoneもiTouchのアプリケーションもそうだが、無料であればみんな興味があるのはダウンロードしてくれて、ありがたいレビューも頂ける。

脱線してしまったが、すべてはブラウザの幅で決まってしまうという現実なんですよね。。。
モバイルサイトでは、220pxから230pxぐらいで考えてるけど。。。曖昧な数値だとマズイんだよな。。。

From xxxYukihiroxxx

Pocket

Home > Tags > CSS

Search
Feeds

Return to page top