スマートフォン対応サイトを設計するときのノウハウ (1/3)
Webサイトの制作は、一般的にサイト設計／構造設計→画面設計→デザイン制作→HTML/CSS制作→JavaScript開発といった手順で進めます。 スマートフォンサイトの場合も基本的な手順は同様で、各設計工程を経て制作していきますが、PCとも携帯電話とも違うスマートフォンの場合、サイト設計段階でも注意すべき点が多くあります。今回は、スマートフォンサイトを設計する際のポイントを解説します。 スマートフォンサイトの構造設計 「構造設計」とは、Webサイト全体の各ページのつながりを考え、いわゆる「サイトマップ」を作成する作業です。 トップページから連なるWebサイトにおいて、利用者に見てもらいたい情報を探しやすく整理し、Webサイトの目的に応じた「ゴール」への誘導を考えます。 入口は検索エンジン対策（SEO）重視で考える 一般的な携帯電話ではカメラ機能と2次元バーコード（QRコード）が普及してい
iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net
Moongiftさんの記事を見て興味が 沸いたので即DLしてみました。 iPhone等のモバイル向けのWeb アプリを構築するHTML5中心の フレームワーク・Sencha Touch。 個人的にはかなり良いオープン ソースでした。 という訳で、Sencha Touchを触ってみましたよ。これ使えば、低スキルの僕にでもアプリ作れそうです。 で、Sencha Touchってどういうもんなの？という方もいらっしゃるかと思いますので、ファイルに含まれているサンプルをご紹介します。 SENCHA かなり素敵なフレームワークでしたよ。HTML5っていうのがいいですね。含まれているサンプルを以下に簡単にご紹介します。サンプルの説明は動作の説明になります。 尚、含まれているファイルは画像ファイルとHTMLファイルとjsファイルのみですのでローカルサーバー等が無くてもサンプルを見る事が出来ますよ。 キャプ
MOONGIFT: » jQTouch用のjQuery拡張「jQExtensions」:オープンソースを毎日紹介
jQExtensionsはjQuery/JavaScript製、iPhone/iPod Touch用のオープンソース・ソフトウェア。iPhone向けのWebサイトを開発する場合、いわゆる携帯サイトのように幾つかの特徴がある。とはいえPCのWebブラウザ並みの機能はあるので携帯電話ほどの制約はない。 フローティングウィンドウ ほとんどがデザイン的な特徴になる。既に幾つものデザインフレームワークが存在し、それらを上手に使うことで手早くiPhone向けサイトの開発が出来るようになっている。その一つとして知られるのがjQTouchであり、jQueryならではの拡張を行ったのがjQExtensionsだ。 jQExtensionsはjQTouch用の拡張を提供している。一つはフローティングウィンドウで、スライドさせても常に画面上部に表示される小窓機能だ。クリック一つで消したり、表示/非表示が切り替え
iTunes風のあのクールな容量比率ゲージを実装できるJavaScript「gauge.js」:phpspot開発日誌
gauge.js (javascript programmable gauge) iTunes風のあのクールな容量比率ゲージを実装できるJavaScript「gauge.js」 次のようなゲージを描画できるようです。 色はいろいろ選べてカラフルにすることも出来ます。colors指定で簡単指定 サイズも自由に調整可能なのでおき場所に困らないかも。(winth, height指定で直感的) Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+など殆どのメジャーブラウザで動作。 投票結果とか、サイトのアクセス解析の利用者比率なんかを表したりするのに使えそうですね。
iPhoneスレの便利なテンプレまとめ
2019-01-04 名無し＠ベアード : 3大運転中イライラする奴ら「法定速度厳守マン」「曲がると同時にウインカーマン」- 2019-01-04 bosbobet : 国内旅行に役立つテンプレまとめ- 2019-01-04 agen bola : 国内旅行に役立つテンプレまとめ- 2018-12-24 RazviksInoto : サザエさんを萌え絵にしたららきすたになるんじゃね？-деньги на карту без отказов круглосуточно - Все-Займы-Тут.РФ 2018-12-07 長崎県でアパートを売るの情報はこちら : 日本SUGEEEEEEEEEEEEEEEE!ってなるコピペくれ- 2018-11-24 名無し＠ベアード : 東京の都会度を100とすると大阪80名古屋70くらいじゃん- 2018-11-23 名無し＠ベアード : 【悲報】槍
iPhone最適化サイト構築 » Post Topic » jQTouchを使ってiPhone最適化サイトを作り込む
iPhone向けの最適化サイトを作る際に活用したいのがスライドするページ遷移やAjaxなどだろう。iPhoneに特化した機能だけに実装が若干面倒ではあるが、jQTouchを使えばごく手軽に実現できる。使い方にコツが必要ではあるが、iPhoneらしい優れたユーザビリティを実現したいならぜひとも導入したいライブラリだ。 格好いいインタフェース 元々シンプルなiPhoneインタフェースだったが、スキンにも対応してカラフルなサイト作りにも対応できるようになった。さらにインフォメーションページに対応し、Mac OSXのウィジェットのようにページ全体が回転して表示されるアクションもある。 機能は多数あるが、例えば画像の先読み機能やコールバックイベント、Ajaxの対応などが挙げられる。デザインもリストと数字を並べて表示したり、矢印をつけるなど細かな制御が可能になっている。都市を自由に追加できるワールドク
iPhoneのGPSをJavaScriptで操ろう (1/6)
JavaScriptの利用範囲がどんどん広がっています。ライブラリの充実によって、比較的手軽にいろいろなことができるようになり、Webサイト／Webアプリケーションだけでなく、今やモバイルデバイスやデスクトップアプリケーションなどの分野でもJavaScriptが活躍するようになりました。 本連載では、多数のJavaScript関連書やASCII.jpの連載「29分でできる！あのサイトの技を盗め」の執筆でもおなじみの古籏一浩氏が、最新のAjax/JavaScriptライブラリの解説から、今後注目される新しいJavaScriptの活用Tipsまで、“楽しくできて役立つネタ”をお届けします。 初回は「iPhone 3GS」に合わせてリリースされたiPhone OSの新バージョン「iPhone OS 3.0」がテーマです。iPhoneならではのGPS機能をSafariのJavaScriptで活用す
iPhoneアプリのツールバー部分に使えそうなアイコン色々:phpspot開発日誌
知人のアプリ作者の人に、アイコンを探すのに苦労したという話を聞いたので、iPhoneアプリのツールバー部分に使えそうなアイコンを色々まとめてみました。 全部足すと545種もありますので、ツールバーアイコンには困らないかもしれません。 iPhoneアプリケーション作者の方や、今後作ろうと思っている場合に参考にどうぞ。 30 Free Vector Icons | Dezinerfolio 綺麗にまとまったデザインで種類も次のような３０種類がまとまってます Glyphish – Great icons for great iPhone applications 130種類の商用利用可能な汎用アイコンセット。 Free iphone toolbar icons こちらも、商用利用可能な160種類の汎用アイコンセット app-bits : iPhone Toolbar Icon Set : iPh
ムービーファイルをiPhoneやiPod用に一発で高速変換するシンプルなフリーソフト「iPodME」
コーデックなどのインストールが一切不要で、本体ファイル1個だけで完結しているフリーの変換ソフト、それがこの「iPodME」です。通常の変換ソフトとしても非常に優秀で、X264あるいはXviDに変換するソフトとしても使い勝手が非常によいです。 ffmpegをベースに作られており、大量のファイルを一気に変換したり、ドラッグ＆ドロップでお手軽に変換したり、変換している最中にさらに次の変換したいファイルを追加したり、変換終了後に自動的にパソコンの電源を切ることも可能です。CPUがさほど高速でない環境も考慮に入れられており、バックグラウンドでCPU使用率を下げてこっそり変換させることもできます。複数コアのCPUについても自動認識して最適化するため非常に高速です。また、変換速度重視の設定や画質重視の設定など6種類の設定を簡単に切り替えることが可能で、細かい変換オプションも指定できます。さらに字幕ファイ
iPhone 3.0でテザリング、できちゃいました
お世話になっております。表題の件です。 OS 3.0をブッこんだiPhoneユーザーの視線がぎゅーと集まっているテザリング。プロファイルのダウンロード、書き換え、メール、タップ。これっぽっちの作業で使えるようになさちゃいました。楽すぎる。 ただし現状でパケット定額フルの範疇に含まれるかどうかは一切不明。一応APNはパケット定額フル専用のsmile.worldに設定されているのですけど、ご利用は計画的かつ自己責任で。 まず｢iPhone Help Center｣から、日本用かつsmile.world用のプロファイルをダウンロード。ファイル名は｢jp_softbank_iphonepacket_usims.mobileconfig｣で、コイツの拡張子をTXTに変更してテキストエディタでオープン。keyタグでtype-maskを指定、integerタグで-2を代入します。 ファイル名を元に戻した
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
★iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | 編集長ブログ―安田英久 | Web担当者Forum
iPhone site extension for Dreamweaver CS4/5 | エイチツーオー・スペース[H2O Space.]
SoHaya.com is for sale | HugeDomains
グラデーションが美しいフリーのアイコン -Glyphish