touchハンズオンで教わったchromeのモバイルエミュレータの起動方法をメモ。console.)を選択6.コンソールからEmulationタブを選択7.Deviceを選択し、emulateボタンを押下8.デベロッパーツール右上のアイコン「□」を長押して、デベロッパーツールを右に表示させると見やすいこれをやると、こうなります。他にnexusとかkindleとか選べます。Mondaycanvasでリンクまた作ってしまいました。新しいこともやらないと。Saturdaycanvasでルイージマリオの配色を変更。これは、html5、canvasです。Fridaycanvasでスーパーマリオドットインストールでcanvasを勉強したので、使ってみました。これは、html5です。ドットインストールは面白いなあ。Wednesdayemmetドットインストールでzen-coding入門をみました。特別な記法でhtmlを効率的に書けるツールで、zen-codingの次期バージョンがemmet。cssの記法など、かなり拡張されているようですが、zen-codingを使っていなかったので、そこはよく分からない。text2にインストールしました。・htmlひな形html:5・css読み込みlink:css・favicon読み込みlink:favicon・scriptscript・リンクa:link・メールa:mail・inputinput:hidden■階層と繰り返し>:1階層下る^:1階層上る+:同階層*:繰り返しdiv>div>div>p^^hrdiv>div>p+hrul>li*3■id、クラス、連番など#:id.:class$:連番ul#menu>li.item-$*5select[name=city]>option[value=$]*5a[href="http://under-siege.appspot.com"]div{menu}*5a[href="http://under-siege.appspot.com"]{沈黙の研究}ちょっとずつ使ってみます。Wednesdayhtmlでプレゼンhtmlのプレゼンテーションのクラウドサービス。アカウントを使って、サーバにデータを置いておけます。オンラインなら、どこでも使えるし、ファイル出力もできるようです。デザインもクールでよさげ。ThursdayHTMLベースで作成できるプレゼン用スライドまとめがありました。いうのたまに見かけていたんですが、テンプレートがたくさんありました。ネットがあればドコでもプレゼンできるし、公開も楽チンだし、カッコいいですね。2012」HTML5のセミナーに参加してきました。web制作者を対象にしたセミナーですが、テーマが面白そうなので参加してきました。Visionを読み解く5時間半ものセッションでしたが、興味深いテーマ、面白トーク、快適なセミナールームで充実した時間を過ごせました。セミナーのメモ・hgroupタグ要らないのではないかと議論がなされているので、使用しないほうがいい。・パララックスwebページをスクロールしたときに背景となる要素を異なる移動量で制御して奥行き感を見せる手法がいま流行。スクロールに応じて要素がアニメーションする、視差効果(パララックス)を取り入れたWebデザイン例とTipsいろいろ・レスポンシブルwebデザイン1ソースでスタイルシートを切り替えることにより、PC、タブレット、スマートフォン向けのデザインを実現すること。320px以下とするとよい。スマートフォンで表示が変わることが、必ずしもよいことではないのではないか。PCサイトと勝手が変わることにより、情報が探しずらくなったり、そもそも情報が減ってしまい、見たい情報がないということで、ユーザにストレスを与える場合もある。generatorオンラインからcss3のパラメータを設定して、形状を確認できる。ソースも出力してくれます。ExplorerでF12キーを押すとjavascriptのデバッグ等が使用できるF12開発者ツールが起動する。・IEのHTML5対応バージョン10でだいぶ対応されるとのこと。マイクロソフトは仕様策定がある程度、決まらないと導入しないというスタンスであったため、他のブラウザより対応が遅いみたい。バージョン6は日本では4%程度のシェアであるため、もう無視していい。surfaceのようなキーボードとディスプレイが分離するタイプのPCが主流になるだろうといわれていました。取り外したときは、タブレット端末として使用できる。・タッチパネルの視覚障害者サポートiPhoneやiPadは触っている部分のアプリ名やオプションを読み上げてくれる視覚サポート機能がある。