HTML5対応の軽量WYSIWYGエディタ·Aloha Editor MOONGIFT
Aloha EditorはJavaScript製のオープンソース・ソフトウェア。最近は管理ページのような仕組みを持たず、コンテンツの編集をその場で行えるようなソフトウェアが増えている。そうなると需要を増すのがWYSIWYGエディタだ。 フローティング表示のツールバー 見たままに変更が適用されればコンテンツの編集がとても容易になる。既に幾つか有名なWYSIWYGエディタが存在するが、それでも新しいものが登場してくる。今回紹介するのはAloha Editorだ。 Aloha Editorの特徴としては、編集可能なコンテンツ部をクリックするとツールバーが表示される点だ。ツールバーはフローティングになっており、編集箇所の近くまで自動的に移動する（ロックすることもできる）。編集が完了するとツールバーは自動的に消える。 文字装飾、文字種変更も さらにHTML5対応である点も特徴になっている。これは今後
HTML5対応のモバイル向けWebアプリケーションを構築するなら·Sencha Touch MOONGIFT
Sencha TouchはJavaScript製/HTML5対応のオープンソース・ソフトウェア。iPhoneやAndroidはネイティブアプリが魅力の一つだが、WebKitによるHTML5の高性能化によってWebアプリケーションも見逃せない存在になっている。 多数のサンプルが用意されている ネイティブアプリはインストールさえされればアクセスが非常に容易になるのがメリットだが、そのインストールまでは壁が高い。サイトのターゲットによっても違うが、ネイティブアプリよりモバイル最適化サイトの方がメリットが高いと判断したらSencha Touchを使ってみよう。 Sencha TouchはかつてExt JSと呼ばれたWebアプリケーションフレームワークがSencha（煎茶）とネーミングを変え、そのモバイル向けに提供されるフレームワークだ。Webアプリケーション用なので最適化されたHTMLデザインだけ
HTML5製のWebベースウィンドウライブラリ·ChromeKit MOONGIFT
ChromeKitはHTML5/CSS3/JavaScriptによるフリーウェア（ソースコードは公開されている）。HTML5の登場によってWebブラウザの可能性があがれば、おのずとWebアプリケーションに対するニーズも高まっていくはずだ。その過程にはWeb OSのような可能性もある。 ローカルアプリケーションのようなウィンドウ表示 Webブラウザ上でまるでローカルOSのようなインタフェースを実現しようと思った時に必ず必要になるのがウィンドウ表示だ。まるでデスクトップのようなインタフェースを実現したい時に使えそうなのがChromeKitだ。 ChromeKitはHTML5/CSS3/JavaScriptの組み合わせで作られているウィンドウライブラリだ。Mac OSXライクに左側にボタンが並んだウィンドウで、ドラッグアンドドロップで移動することができる。重なりによってウィンドウの色が変わる仕組
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
これは注目のHTML5を使ったモバイルアプリケーション構築用フレームワーク「Sencha Touch」:phpspot開発日誌
これは注目のHTML5を使ったモバイルアプリケーション構築用フレームワーク「Sencha Touch」 2010年06月24日- Sencha - Introducing Sencha Touch - HTML5 Mobile App Framework 日本語の情報はこちら HTML5を使ったモバイルアプリケーション構築用フレームワーク「Sencha Touch」 Ext JSをご存知の方も多いと思いますが、なんと知らない間にSencha(煎茶)という名前に変わっています。 名前だけではなく、プロダクトとしての方向性も変わっているようです。 で、Senchaのプロダクトの一部として Sencha Touch があるという位置づけで、HTML5のモバイルアプリケーションフレームワークとして使える模様です。 WEBアプリといえど、Sencha Touchで構築されたアプリケーションを実際に使
html5 ざっくりメモ
html5 関係無いのも有るかもですが、個人的にhtml5の要点をまとめたメモ。 ほんとにざっくり書いているので、何か期待しても何も出ません＞＜ 日本語が含まれる場合、title要素は charset の後（次）。 address要素は連絡先情報に使う。 例えば企業サイトの各支店の住所一覧とかに使うのはNG。ブログとかで、上手い店とかの住所にaddressを使うのもNG。 あくまでも、そのサイトの管理者への連絡先。なので、copyrightに使うのもNG。 copyrightはsmall要素が妥当。 なので、p small copyright って感じになる。 nav要素はあくまでも主要なナビゲーションに使う。 主要なってのは具体的にはグローバルナビゲーションやローカルナビゲーション。 なので、関連リンク一覧とか、ページ内にあるちょっとしたリンクに使うのはNG。 hgroup要素は、見出し
ActionScript3向けのWebストレージライブラリ·as3webstorage MOONGIFT
as3webstorageはFlash/ActionScript3製のオープンソース・ソフトウェア。HTML5の仕様がまもなく確定する。そうなれば新しいブラウザはこぞって対応を完了し、HTML5による新しいWebの時代が幕開けになるだろう。取り残されそうになっている技術もある、それがFlashだ。 Flash自体はHTML5への対応を掲げているが、iPhoneを中心に拒否されているのが問題だ。これまでFlashで行ってきた技術がHTML5によってとって変わられようとしている中、Flashもまた逆にHTML5を取り込もうとしている。その一つがas3webstorageだ。 as3webstorageはHTML5の機能であるWebストレージ機能をActionScript3からも利用するライブラリだ。Webストレージはクライアントのブラウザに蓄積されるKVSであり、接続を切ってもデータは残り続け
JavaScript + CanvasでActionScript3のような描画·CanvasScript3 MOONGIFT
CanvasScript3はHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5とFlashによる次世代標準の覇権争いが続いている。HTML5は現状のFlashでできることをどんどんと浸食しており、今後開発されるサイトについてはFlashの選択が減ってくる可能性がある。 オブジェクトが回転する Flashが得意とする分野の一つにアニメーションがある。HTMLやJavaScriptでアニメーションを作ろうというのは相当大変な思いをしそうだ。だがHTML5になって機能が増えることで状況は変わってくる。それを垣間みれるのがCanvasScript3だ。 CanvasScript3はCanvasとJavaScriptを使って、アニメーションを実現するライブラリだ。マウスの位置によって動作速度を変えるオブジェクトや爆発するようにオブジェクトが広がって跳ね返るサンプルなどが公開
HTML5で動画や音声再生を可能にするライブラリ集:phpspot開発日誌
Fresh Resources for HTML5 Video and Audio ? woorkup.com HTML5で動画や音声再生を可能にするライブラリ集が紹介されています。 AppleがHTML5の特集ページを公開したりと、今後の動向が気になるところですが、開発者としてはどういったライブラリがあるかを知っておくことで、どちらに流れてもよいように準備をしておきたいですね。 以下、紹介されているライブラリ群です。 FlareVideo - オープンソース、商用利用可能フリーなHTML5動画プレイヤー Video JS - JSベースのフリーのオープンソースHTML5動画プレイヤー.iPhone、iPadにも対応とのこと。 Open-Player - <video><audio>タグに対応したプレイヤー。非対応ブラウザはflashで補完。 jPlayer - <audio>タグに
IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」:phpspot開発日誌
IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」 2010年05月25日- jStorage - simple JavaScript plugin to store data locally IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」。 基本はHTML5のストレージを使いますが、対応していないブラウザは、例えばIEではuserDataを使ってデータを格納します。 ライブラリ内でクロスブラウザ対応はしてくれるので、利用者はただ jStorageのメソッドを呼び出すだけでストレージを利用できます。 ブラウザごとのサポートと、ストレージサイズは以下。IE6,7 が 128KBと、比較的小さいですが、それなりに大きなデータを保持できることが分かります。 基本とするフレームワークライブラ
今更聞けないcanvasの基礎の基礎 - KAYAC Engineers' Blog
はじめまして。新入りのnagataです。 入社式で自転車乗ってた野郎です。 先輩方から「ブログ、書いてね！」とのお達しがあったので、 日報で書いたらウケがよさげだったcanvasのことについて書いてみようと思います。 ※各種サンプルはMac上のSafari4.05、Firefox3.6.3、Chrome5.0で動作を確認しています。 canvasってなんぞ？ 図を書き込めるhtml要素です。 OpenGLやDirectXのような面倒な設定を書くことなく、 手軽にグラフィック描画が行えます。 ブラウザだけでローカルアプリケーションのような グラフィカル（かつ動的な）表現が行えるわけです。 とりあえずつかってみる 早速何か描いてみましょう。 こういうことは実践あるのみです。 処理にはJavascriptを使います。 canvasに描画を行うときは、canvas要素からcontextを取得して、
HTML5で実現するファミコン風ゲーム·Akihabara MOONGIFT
AkihabaraはHTML5/JavaScript製オープンソース・ソフトウェア。HTML5が間もなくの仕様確定とあって、次々とその可能性を感じさせるソフトウェアが登場している。特にFlashに代わるような機能を実現させられるのは注目が高い。 パックマン風ゲーム Flashで使われるものとしては、バナー、ゲームそして動画だろう。動画についてはVideoタグがあり、バナーについてはGordonが取って代わるかも知れない。そしてゲームについてはAkihabaraに注目したい。 AkihabaraはHTML5/JavaScriptによるゲームエンジンだ。HTML5を使ったブラウザで動作するのがPCのブラウザではキーパッドが表示されないので上手く動作しない。iPhoneであれば画面の下にキーパッドが表示され、遊べるようになる。 テトリス 基本的な操作は十字キーとA/B/Cボタンだ。ゲームによって
HTML5 基礎知識 - web探検隊
HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋
多数のブラウザでvideoタグに対応する·html5media MOONGIFT
html5mediaはjQuery/JavaScript製のオープンソース・ソフトウェア。HTML5を使って動画を流す場合に使われるのがvideoタグだ。現在主流になっているMPEG4にはライセンスコストがかかるので標準化が困難で、広まるのは難しい状況ではある。 Safariで実行した場合。videoタグのまま そんなvideoタグを使えばFlashを使わない、または使えないブラウザでも動画の閲覧が出来るようになる。だがIEをはじめとしてHTML5に対応していないとvideoタグが使えないので二重の開発を行う必要があるのは問題だ。そこで使ってみたいのがhtml5mediaだ。 html5mediaは多数のブラウザでvideoタグを使えるようにするライブラリだ。記述するのはvideoタグでよく、html5mediaを読み込むことでHTML5に対応していればそのままvideoタグを使い、対応し
最近公開のHTML5関連の参考サイト色々まとめ:phpspot開発日誌
最近公開のHTML5関連の参考サイト色々をまとめてみました。 チュートリアル〜チートシートまでをご紹介。 Coding A HTML 5 Layout From Scratch | How-To, Tutorials | Smashing Magazine ゼロからHTML5レイアウトを行うためのチュートリアル HTML 5 Reset Stylesheet | HTML5 Doctor HTML5用のCSSリセットスタイルシート How to build a desktop WYSIWYG editor with WebKit and HTML 5 - Ars Technica WebkitとHTML5を使ってWYSIWYGエディタを作成するチュートリアル HTML5 drag and drop in Firefox 3.5 ? 0xDECAFBAD Firefox3.5でHTML5のド
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
印刷用に使えるツールやブックマークレットいろいろ | DesignWalker
IDEA * IDEA
HTML5、JavaScript、Android を勉強しよう
http://www.designwalker.com/2009/11/html5.html
