注目キーワード

MOONGIFT

OSSを中心としたメディアポータル

タグ「プラットフォーム - スマートフォン」の記事一覧

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

Screenshot_2012_05_01_12_50_04_thumb

2012/05/08

dribbbleをスマートフォンで楽しむ「hooppps」

世界中のデザイナーが自分のWebデザインを自慢(?)しあうdribbble。そんなdribbleをスマートフォンからスムーズに閲覧できるのがhoopppsです。 デザインと表示数、お気に入り数、コメント数が確認できます。 一覧はさくさくと見られます。 詳細表示です。 コメントも読めます。 h...

687474703a2f2f616e64796d617474686577732e6e65742f636f64652f6a71756572792d6d6f62696c652d69636f6e2d7061636b2f666f6e742d617765736f6d652f666169636f6e732e706e67_thumb

2012/05/03

スマホ最適化サイトで使いたい。jQuery Mobile用アイコンパック「jQuery Mobile Icon Pack」

jQuery Mobileを使ってスマートフォン最適化サイトを構築する際に使ってみたいのがjQuery Mobile Icon Packです。スマートフォンにマッチしたシンプルなアイコン集となっています。 アイコンの一覧です。 実際に使っている例。data-iconで指定するだけで使えます。...

Screenshot_2012_04_16_04_10_37_thumb

2012/04/27

Facebook製。モバイルWebブラウザテスター「Ringmark」

RingmarkはFacebookからリリースされたモバイルデバイスにおけるHTML5サポート状況チェックツールです。W3Cに寄贈されました。 自動でテストが開始されます。 リング0のテストが終わってリング1のテストに入ります。 テストが終わりました。所々抜けがあります。 テスト結果の詳細で...

Screenshot2011-12-19-15.31.39_thumb

2011/12/30

zepto.jsを使った軽量スマートフォンWebアプリケーションフレームワーク「Zoey」

以前紹介したスマートフォン向けjQueryと言えるのがzepto.jsですが、そのzepto.jsを組み込んだスマートフォン向けWebアプリケーションフレームワークがZoeyです。 デモです。 ボタンコンポーネントです。 リストとコントロールグループです。 フォーム用コンポーネントも用意され...

Screenshot2011-12-15-15.29.46_thumb

2011/12/27

スマートフォン向けHTML5ベースのゲーム開発フレームワーク「jAction」

HTML5を使えばダイナミックなアクションを実現するゲームだって作成できます。そしてスマートフォン向けのHTML5を開発する際に使ってみたいフレームワークとしてjActionを紹介します。 チュートリアルアプリです。まず画像の上に画像を重ねて表示できます。 クリックやタップしたタイミングで画...

Screenshot_2011_12_13_10_26_10_thumb

2011/12/20

エンタープライズでもスマートフォンを活かす際に参考にしたい「Employee Directory」

jQuery Mobileを使えば格好いいスマートフォン向けのWebアプリケーションが開発できます。しかし実際のところどうやって作ったら良いのか分からないという人も多いでしょう。そこで参考にして欲しいのがEmployee Directoryです。 一覧です。データはJSONを取得して表示して...

Screenshot_2011_11_28_12_55_52_thumb

2011/12/06

たった一行のJavaScriptでガラケー向けWebサイトをスマートフォンに最適化「sparrow.js」

sparrow.jsを使うと既存のガラケー向けWebサイトをスマートフォン向けサイトに変身させてくれます。それもたった一行のJavaScriptタグを追加するのみです。 ガラケー向けサイトをiPhoneで表示したところです。いわゆる普通の携帯電話向けサイトとしての表示です。テンプレートは「携...

Screenshot2011-10-06-16.18.15_thumb

2011/10/15

Zynga製。スマートフォンのViewportを制御「Zynga Viewporter」

iOSのWebブラウザを使って見るサイトを開発する場合に使ってみたいライブラリがZynga Viewporterです。水平、垂直表示を判断したり、表示領域を調整したりするJavaScriptになります。 これはロックモードです。垂直の場合はコンテンツを表示します。 水平にすると表示できません...

Screenshot2011-08-19-11.23.41_thumb

2011/08/31

クライアントサイドだけで作るスマートフォン最適化サイト「mobilize.js」

Mobilize.jsはHTML5/JavaScript製のフリーウェア(オープンソースとなっているがライセンスはなし。ソースコードは公開されている)。スマートフォンのシェアが増えるに従って、従来のWebサイトにおけるスマートフォン最適化サイトのニーズが高まっている。iPhoneやAndro...

Screenshot2011-06-10-22.17.49_thumb

2011/06/27

巨大な指がポイント。スマートフォン向けタッチイベントを再現するJavaScriptライブラリ「Phantom Limb」

Phantom LimbはJavaScript製のフリーウェア(ソースコードは公開されている)。スマートフォン向けのWebサイトを作るならば、やはりスマートフォン特有の機能を使ってみたいと思うはずだ。しかし問題は実装した後のテストになるだろう。 デモのイベント 特にタッチイベントはデスクトッ...

Img_0532_thumb

2011/04/19

リストやテーブル主体のスマートフォン最適化サイトに「ChocolateChip-UI」

ChocolateChip-UIはHTML5製スマートフォン用のオープンソース・ソフトウェア。スマートフォンはこれまでのデスクトップ型に比べると圧倒的に画面サイズが小さい。そのためWebサイトのデザインを行う上で注意すべきことが色々ある。またiOS風にデザインするのも難しい。 リスト そのた...

新規購読
新規購読

プレミアムでしか読めない記事が191あります。ぜひ登録を!

  • オープンブロックス - OpenBlockS
  • 広告募集

ぷらっとオンラインおすすめ商品もっと見る

もっと見る

人気記事もっと見る