タグ

関連タグで絞り込む (15)

タグの絞り込みを解除

mobileに関するsorausa1124のブックマーク (12)

  • 永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC


    マークアップエンジニア︵以下、ME︶のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 ︵いつもありがとうございます！︶ そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 ﹁コレだけ読めばすぐできる﹂シリーズを始めました。 第一回は﹁携帯コーディング﹂についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定︵タグに直接style属性を追加する︶ 画像を含むページ容量100KB以内︵HTML自体の容量は9KB以内︶ 画像はgifか

  • 携帯絵文字変換スクリプト 3キャリア対応


    携帯絵文字変換スクリプト︵PHP配布︶ 携帯3キャリア︵NTTドコモ,au,ソフトバンク︶の共通絵文字を表示するスクリプトです。 従来、絵文字については各キャリア相互に互換性がなく、携帯サイトを制作する際は各キャリアに合わせたページを制作する必要がありましたが、このスクリプトを利用することで、1つのページで3キャリアに対応させたページ作りが可能となります。 プログラム概要 共通絵文字変換表に基づき、ドコモの絵文字を基準に、auとソフトバンク向けの携帯電話に対し、同等の絵文字を表示します。 スクリプトの呼び出しはSSIを利用するため、現在のHTMLをPHPに変換したりする必要はありません。 スクリプトはPHP単体で動作するため、HTML内の絵文字を表示したい部分に一定の記述︵SSI︶を追加するだけで、絵文字を簡単に表示させることができます。 →サンプル ※サンプル画面にはありませんが、ソフト
    携帯絵文字変換スクリプト 3キャリア対応
    sorausa1124
    sorausa1124 2012/02/08
    キャリア毎の絵文字振り分けスクリプト
    リンク

  • [携帯]フォントサイズ（XHTML版） │ これからゆっくり考L +α


    フォントサイズ︵HTML版︶に引き続き、今回はXHTML版です。 CSSでフォントサイズを指定するので、こんな感じになります。 <span style="font-size:x-small;">文字文字</span> 各指定方法で、実際どのぐらいの大きさで表示されるのかをチェックしやすくするため、サンプルページをつくりました。 サンプルページを色々な端末で見てみると、だいたいどのサイズがいいかーというのが見えてくるかと思います。 サンプルページ QRコード →サンプルページを見る 各種フォントサイズと、ついでに太字のサンプルもおいております。 太字の指定方法はbとstrongとfont-weight:bold;です。 各キャリア、端末の表示 docomo ︻大︼xx-large,x-large ︻中︼large,medium ︻小︼small,x-small,xx-small ※全端末共通
    sorausa1124
    sorausa1124 2012/02/08
    ３キャリア対応フォンとサイズの指定
    リンク

  • 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::

    この記事へのトラックバック ウェブデザインにも、「黄金比」「白銀比」 Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design :: 黄金比や白銀比の縦横比や色々なバナーサイズの紹介。 美しいモノは��... Weblog: 日々、ウェブデザインとネットニュースとゲームとか。 Tracked: 2008-04-25 23:55 バランスのよい若草？ Excerpt: 縦横比……。 ずっと以前から、 タテとヨコの比率によって、美しく見える割合が研究されてきました。 覚えておくと便利なバランスのよい縦横比とバナーサイズ Love &#038; Design 白銀比、.. Weblog: ウェブライター流転記（改訂版） Tracked: 2008-05-12 21:44 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & De

    覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::

  • Mobile HTML5

    Site Not Found Well, this is awkward. The site you're looking for is not here. Is this your site? Get more info or contact support. DreamHost

    sorausa1124
    sorausa1124 2011/09/13
    モバイルブラウザのHTML5のAPIサポート状況一覧表
    リンク

  • https://firt.dev/tags/retro

    sorausa1124
    sorausa1124 2011/08/03
    スマートフォンのエミュレーター、シミュレーターを行えるソフトのまとめ
    リンク

  • jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた


    なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google MapsJavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map GoogleMap APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。 以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。 ランドスケープ時も自動で横幅をあ
    jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた

  • jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ

    jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにするプラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text/

    jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ
    sorausa1124
    sorausa1124 2011/07/28
    Google Analytics のAjaxによるページ推移のPVについても書かれている
    リンク

  • Screenfly

    In an effort to improve our product and grow, Screenfly was recently acquired by BlueTree.ai. For the past three years Screenfly has helped web developers and readers around the world test their screens. As of 2020, Quirk Tools is under new management and will be redesigning and rebranding. Stay tuned for more information. 🤓

  • 1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering


    初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
    1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering

  • 携帯サイトの作り方


    ここでは、携帯向けサイトの作り方を簡単に紹介します。 PC向けサイトを作ったことのある人を対象とさせていただきます。 まず、携帯版のファイルはPC版と完全に分けましょう。 共通のファイルで済まそうとするのはかなり無理があります。 PCと携帯の違い いくつかあるので順に説明します。 ファイルサイズの制限 これが一番大きなところでしょう。 後で詳しく説明しますが、携帯向けサイトでは1ページ当りのファイルサイズを 画像も含めて5Kbytes程に収めなければなりません。 5Kbytesでは足りない、と思われる方も多いと思いますが 試しに5Kbytesの文章を書いて携帯で表示させてみましょう。 携帯の小さい画面から見ればこれでもかなりの情報量だと感じるはずです。 スタイルシート関連 携帯向けサイトでは、一切のスタイルシートが使えません。 もともと、スタイルシートとは細かな装飾方法をアレンジするための

  • XHTML+CSSでの携帯サイト構築～3キャリア対応の落とし穴～/Mobile - サイブリッジラボ


    かのうです。 サイブリッジは今夏休み！でも私は休みをずらして9月末の祝日と合せて大型連休にしうと企んでいます。今のところまだ予定はないんですけどね笑 そういえば﹁iモードブラウザ2.0﹂のお話 2009年5月以降に発売開始されたdocomo端末に﹁iモードブラウザ2.0﹂が搭載されていますよね。 デザイナー向けの新しい機能は下記ですが、まだまだ完全に普及したとは言えないので、結局のところ﹁XHTML+CSS﹂での携帯サイト構築が必要ですね。 ・外部スタイルシートを含むCSS対応 ・サイズ制限が500Kバイトに ・Shift_JIS、UTF-8の文字コードが利用可能 ・JavaScript対応︵Ajax含む︶ ・ページ埋め込みFlash動画︵FLV︶対応 ・クッキー対応 ▼docomo公式サイトiモードブラウザについてXHTML+CSSでの3キャリア対応の落とし穴 なんで普及もしばらく時
    XHTML+CSSでの携帯サイト構築～3キャリア対応の落とし穴～/Mobile - サイブリッジラボ
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.