markupframework.orgThis domain may be for sale!
サイドメニューにも対応した多機能マルチデバイスHTML5フレームワーク·Lungo MOONGIFT
Lungoはマルチデバイス対応のHTML5フレームワークです。 スマートフォン向けのサービス提供を考えた場合、Webベースとアプリベースの二つが考えられます。今回はWebでサービス提供しようと考える場合に使えるクロスデバイスフレームワーク、Lungoを紹介します。 デモアプリのUIです。 サイドメニューが出てきます。 タブバーなどのレイアウトデモ。 リスト。 右側に→をつけるのも簡単。 矢印だけでなくラベルをつけることもできます。 左側に画像を表示する形。 カラーリスト。 こちらはカラーラベルを追加したものです。 フォーム。 右側に追加メニュー。 data要素を使った表示。 ローディングもdata-loadingと指定するだけです。 各種アイコン。 水平、垂直の画像スライダー。 通知。 フローティングの確認ダイアログ。 Pull to Refresh。 画像のスライダー。 環境表示。iPh
lungojs.com - このウェブサイトは販売用です！ - lungojs リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
HTML5/CSS3による無段階ズームライブラリ·ZUI53 MOONGIFT
ZUI53はHTML5/CSS3を使った無段階ズームライブラリです。 スマートフォンでは画面が小さいこともあってズーム機能を良く使います。そんな時にかくかく動いていたら興ざめです。同じ操作をデスクトップブラウザでも実現してくれるのがZUI53です。マウススクロールやピンチ操作でスムーズにズームイン/アウトしてくれます。 サンプルです。まずデフォルトの表示です。 マウスのスクロールでスムーズにズームインします。 逆にズームアウトもできます。ごくごく小さくなりました。 アイコンも大きくなります。SVGで描かれているとどれだけ拡大しても奇麗です。 逆に一気に小さく。アニメーションはとてもスムーズです。 ZUI53を使っているSketcHubのデモです。どんなことができるのかよく分かります。 マウススクロールはもちろん、ピンチ操作もサポートされているのでタブレットやスマートフォンにおいてもより直感
HP製のJavaScriptフレームワーク·Enyo MOONGIFT
EnyoはHPがリリースしたWebアプリケーションフレームワークです。モバイル、デスクトップ双方で動作します。 EnyoはHPがwebOSのオープンソース化ロードマップとともに発表されたHTML5のWebアプリケーションフレームワークになります。特にスマートフォンに適したオブジェクト指向のフレームワークになります。 サンプルです。左側がコード、右側がその実行結果です。 ボタンを押すとテキストが追加されます。 同様に色が変わるサンプルです。 消したり表示したりします。 ボタンを追加していくサンプルです。 Flickr画像検索&ビューワーのデモです。 こちらはYouTubeの検索&ビューワーです。 ボールが落下するデモです。 WebKitに最適化されたモックです。 頭文字ごとにグループ化されたリストです。 ボタンです。 日付ピッカーです。 サンプルゲームです。同じ動物を縦横に3つ並べると消えま
DeNA、HTML5開発支援フレームワーク「Arctic.js」を オープンソースとして公開 - [DeNA] 株式会社ディー・エヌ・エー
株式会社ディー・エヌ・エー（本社：東京都渋谷区、代表取締役社長：守安功、以下DeNA）は、人気ゲームタイトルで使用されているHTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開しました。 「Arctic.js」は、スマートフォン向けブラウザゲームにおけるインタラクティブなアクションゲーム操作や、複雑なアニメーション表現を支援するJavaScript＊1フレームワークです。開発者は「Arctic.js」を用いてJavaScriptのコーディングを行うことで、短期間かつ一度の開発でAndroid＊2とiOS＊3双方の様々なスマートフォンデバイスへ高品質なゲームを提供することが可能になります。＊4
enchant.js - A simple JavaScript framework for creating games and apps.
enchant.js is … カンタンにゲームやアプリを開発できる HTML5 + JavaScript フレームワークです。 2011年に公開され、すでに 1,000 本以上のゲーム/アプリが公開されています。 オープンソース (MITライセンス) で、無料で利用できます。 ドキュメント・書籍・チュートリアルサイトが充実しています。 たくさんのプラグインで機能を拡張できます。 UEI/ARC を中心としたメンバによって開発・メンテナンスされています。 プログラミング教育のためにも利用されています。 Features オブジェクト指向: 表示されているものはすべてオブジェクトです。 マルチプラットフォーム: iOS, Android, Mac, Windows のブラウザで動作します。 Windows 8: Windows 8 対応のHTML5アプリケーションを開発できます イベント駆動
[CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル
iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5-memo.com
html5-memo.com