この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。（今も改善を続けています。） http://www.ecstudio.jp/ 個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも使っていくためのコツやノウハウをまとめてみました。 新要素をJavaScriptで生成する HTML5の新要素はIEでは未知の要素です。そのため記述していてもDOMツリーが構成されなかったり、CSSが適用されないという問題が生じます。 そこでdocument.createElement(要素名);により、ブラウザ（ユーザーエージェント）にとって未知な存在の要素を生成し、認識させることができます。

このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと

間が開いてしまいましたが、CSS Nite 4周年記念イベント（Vol.40 reprise）の続きです。HTML5のメリットを活かしたコンテンツアイデア」というテーマでお話されたのはKAYACの山田敬美さん。 HTM5を取り上げたブログ記事などを多く見るようになりましたが、その多くは新要素のマークアップについてが特に目立つ気がします。 そんな中、マークアップエンジンニアでもあり、KAYACのブッコミ11メンバーでもある山田さんはWebアプリケーションとしてのHTML5を生かしたアイデアをお話されていました。 iPhoneがHTMLで使える理由 HTML5といっても現状ブラウザごとで実装が異なり、実務として使うのは非常に難しい。でもそういったブラウザの種類に左右されないデバイスがある。 それがiPhoneだということです。iPhone SafariのWebkitはHTML5を要素のいくつか

<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート（縦向き）であれば 横

Mac keyboards that are always used by Mac desktop is actually just one out of many options that are available to you, in case you want to try out a keyboard for your PC. These keyboards come in the true Mac style but for a reasonable price and delivers high functionality to you. Best Mac …

Ustream.tvの視聴にパスワード制限を付けて、視聴者に制限をかける。 この機能はUstに数ある機能のうちでも、大変重宝する素晴らしい機能の一つだ。例えば、配信開始ボタンをクリックしたその時点から、放送の様子は全世界に流れてしまう。この部分を、パスワードを知っている身近な人に限定できるという利点がある。 とても簡単なので画像を見ながら説明していきましょう。 ※画像はクリックで標準の大きさで開きます。 【ステップその１】 自分のアカウントでログイン後、このページが表示されます。赤枠の「Your Shows」をクリックし、次のページへススム。 【ステップその２】 表示されたページの赤枠「Advanced」をクリックで次にススム。 【ステップその３】 赤枠の３つのポイントを順番に入れてゆく。 a.Yesにチェック b.半角英数字で好きなパスワードを設定（なるべく分かりにくいもの） c.「b」

こんにちは！ そ～いちです。 正月ボケもやっと落ち着いてきました～。 みなさんはどうですか？？ 正月三が日は、食って飲んでだったのですが、 最近お酒を飲みすぎる傾向があって、 親戚２０人が集まった時も酔っ払いすぎて、畳で寝ちゃいました＾＾； 後輩Ｓ氏にも最近飲むとひどい！と言われちゃってます(T_T) 控えなきゃー！ 昨日は会社のビリヤード部（DBC - Dcom Billiard Club -）の練習でした。 昨年末に立ち上げて、週１で活動しています。（まだ非公式ですが、、、） 毎回５、６人くらい集まって自分がコーチしながらワイワイやってます。 ご存知の方も多いと思いますが、 ＪＰＡという、チームで約４か月にわたって試合を行うリーグ戦があります。 http://www.poolplayers.jp/ ハンデが細かく分かれていて、試合中のコーチングもできるという、 初心者にとって敷居が低い

BCJの理念 すべての人がビリヤードを通じて心身とも健やかになることを願い、業界の発展に向けて行動し、普及・振興を図ることに尽力いたします。

WisebookCloudはデジタルカタログの制作・配信・解析業務の負担を大幅に削減できる、低価格・高機能なオーサリングシステムパッケージ製品です。 HTML5ビューアを自社サーバーにアップロードする［ダウンロード機能］や作成したブックをそのまま公開できる［配信機能］が選択できます。 また、ブラウザで誰もが閲覧できるように公開する［一般公開］や会員や企業組織といったある特定のグループ・個人だけに閲覧させる［限定公開］の選択もできます。 デジタルカタログに費やす時間を大幅に短縮、ブラウザ上にPDFをドラッグ＆ドラッグするだけで自動でブックを生成します。リンクもワンクリックで簡単に作成できます。 更に整列ツールやCSV読み込みで作業時間を短縮できます。 ピンポイントで修正ページの追加・差替えができます。

Head JSはヘッダーに組み込み、JavaScript/CSSの管理を補助するライブラリ。 [/s2If] Head JSはJavaScript製のオープンソース・ソフトウェア。HTMLのヘッダーで行うべき処理は多い。SEO対策としてキーワードの設定や説明文の追加、さらにJavaScriptファイルを読み込んだりCSSを設定したりする。いつの間にかヘッダーがとても長いものになってしまっていたりする。 スクリプトの読み込み さらにJavaScriptを多数読み込んだりすると表示速度に影響が出てしまう。作業の面倒さと複雑さを解決してくれる便利なJavaScriptライブラリがHead JSだ。ヘッダーに入れておくと便利に使えるはずだ。 Head JSが提供する機能は多い。JavaScriptの読み込みを指定することで平行して（しかし順番に）読み込んでくれる。そして読み込んだ後、指定した関数を

年末に向けて、今年多くのことを学び、関わらせていただいた、 グーグル社の働き方について、来年また読めるように書いておきたいと思います。 これが、もしかしたら来年どこかでヒントになるかもしれませんし（笑） （日経ビジネス　Associe等の情報を参考にしています。） わずか11年で世界で最も注目される会社となったグーグル。 インターネット業界の巨人の地位は今もまだ拡大中。 仕事でも関わらせて頂いておりますが、その勢いは本当にすごいなぁといつも刺激を頂いてます。 グーグル社員の働き方を一言で表すと、 「オープンで自由で自主的」というのが、世間の共通認識。 実際に見て、僕もそうだと思いました。 本当に自由ではつらつと仕事をしている姿が印象的ですね。 グーグルの社員さんは、とにかく、よく働き、雑用を極力せずにすむ方法を考えるそうです。 本によると、、、 自分がどれだけ創造的な仕事を出来ているかに気