タグ

html5に関するdarimaruのブックマーク (5)

  • HTML5についてのおさらい|Web制作 W3G

    Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF

    HTML5についてのおさらい|Web制作 W3G
  • WebSocketでブラウザにプッシュ配信する - MessagePack-RPC+Rev-WebSocket - Blog by Sadayuki Furuhashi

    先日、WebSocketのサーバライブラリ Rev-WebSocket をリリースしました。 前回のエントリではブラウザ同士で通信するチャットアプリケーションを紹介しましたが、実際にはTwitterクローラやWebアプリケーションなど、別のプログラムと連携してブラウザにプッシュ配信したくなると思います。 つまり↓このように、任意のプログラムからWebSocketサーバを経由して、ブラウザにデータをプッシュ配信します: プッシュ配信したいアプリケーションと WebSocket サーバの間は MessagePack-RPC で繋ぎます。 Rev-WebSocket と MessagePack-RPC は相性が良く、簡単に統合することができます*1。 アプリケーションから WebSocket サーバを経由してブラウザにデータを配信するコードは、↓このようになります。 require 'rubyg

    WebSocketでブラウザにプッシュ配信する - MessagePack-RPC+Rev-WebSocket - Blog by Sadayuki Furuhashi
  • HTML5製のWebベースウィンドウライブラリ·ChromeKit MOONGIFT

    ChromeKitHTML5/CSS3/JavaScriptによるフリーウェア(ソースコードは公開されている)。HTML5の登場によってWebブラウザの可能性があがれば、おのずとWebアプリケーションに対するニーズも高まっていくはずだ。その過程にはWeb OSのような可能性もある。 ローカルアプリケーションのようなウィンドウ表示 Webブラウザ上でまるでローカルOSのようなインタフェースを実現しようと思った時に必ず必要になるのがウィンドウ表示だ。まるでデスクトップのようなインタフェースを実現したい時に使えそうなのがChromeKitだ。 ChromeKitHTML5/CSS3/JavaScriptの組み合わせで作られているウィンドウライブラリだ。Mac OSXライクに左側にボタンが並んだウィンドウで、ドラッグアンドドロップで移動することができる。重なりによってウィンドウの色が変わる仕組

    HTML5製のWebベースウィンドウライブラリ·ChromeKit MOONGIFT
  • HTML5対応のモバイル向けWebアプリケーションを構築するなら·Sencha Touch MOONGIFT

    Sencha TouchはJavaScript製/HTML5対応のオープンソース・ソフトウェア。iPhoneAndroidはネイティブアプリが魅力の一つだが、WebKitによるHTML5の高性能化によってWebアプリケーションも見逃せない存在になっている。 多数のサンプルが用意されている ネイティブアプリはインストールさえされればアクセスが非常に容易になるのがメリットだが、そのインストールまでは壁が高い。サイトのターゲットによっても違うが、ネイティブアプリよりモバイル最適化サイトの方がメリットが高いと判断したらSencha Touchを使ってみよう。 Sencha TouchはかつてExt JSと呼ばれたWebアプリケーションフレームワークがSencha(煎茶)とネーミングを変え、そのモバイル向けに提供されるフレームワークだ。Webアプリケーション用なので最適化されたHTMLデザインだけ

    HTML5対応のモバイル向けWebアプリケーションを構築するなら·Sencha Touch MOONGIFT
  • Vim の Sparkup プラグインで HTML タグを Zen Coding 風に簡単入力 : Serendip – Webデザイン・プログラミング

    Vim プラグインの Sparkup (rstacruz’s sparkup at master – GitHub) で、CSS セレクタ風の記述から HTML タグ文字列を入力することができる。(zen-coding 風の入力) プラグインのインストールは上記サイトからダウンロードしたファイル内の vim/ftplugin/ 内のファイルを ~/.vim/ftplugin/ にコピーする。 プラグインの実行には python2.5 以上が必要。 <c-e> を押すことで、タグキーワード(div, h1, img, meta 等)から開始タグ・終了タグ・各種属性を自動で入力できる。 <c-n> を押すことでカーソルを次の入力位置に移動できる。 CSS 風のセレクタ表記を使ったショートカット文字列から HTML タグ文字列に展開される。 タグ単体の入力 タグキーワードを入力して <c-e>

  • 1