タグ

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

タグの絞り込みを解除

CSSと携帯に関するd4-1977のブックマーク (15)

  • モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ


    こんにちは、﹁livedoor Blog﹂を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blogでは、スマートフォン分野に注力しながら、月間15億PVあるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blogで採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。1年前と比べると、iモードブラウザ2.
    モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ

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


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

  • モバイル向けCSSのインライン化ライブラリを公開しました - gumi Engineer’s Blog


    はじめに こんにちは。gumiの畠です。 今日のお題は悪名高きガラケーのCSSのお話です。 キャリアごとに色々あって面倒くさいガラケーのCSSも、これを読めばPCサイトのように簡単に扱えるようになります。 モバイルでもCSSを使おう！ 最近のウェブサイトでは装飾と構造を分離するためにCSSを使用するのが一般的です。 しかし、docomoの古い携帯ではPCサイトと同じようにはCSSが使用出来ません。 そのため弊社でも本来はCSSで表現すべきものをインラインのstyle要素としていました。 ですが、perlやPHPにはこういう状況を解決するために、styleタグで指定した外部CSSファイルを読み込んで、インラインのstyle要素に入れ込んでくれるライブラリが存在しています。 実に羨ましい限りですね！ なんでpythonにはないんでしょう＞＜ とは言え、ないことを嘆いていても仕方ないのでHtml
    モバイル向けCSSのインライン化ライブラリを公開しました - gumi Engineer’s Blog

  • 携帯用の告知ページのHTMLとCSSを公開しておきます。 - Trans

    インクルーシブデザインワークショップの告知ページの携帯用HTMLとCSSを書いたので、せっかくだから公開しておきます。 モバツイにインクルWSの広告出してるよ！ 先日から宣伝しているインクルーシブデザインワークショップ with Re:Creator's Kansaiですが、先週あたりから携帯電話でもそれなりのデザインで閲覧できるように対応させました。 理由はワークショップそのもののテーマが携帯電話ということもありますし、またモバツイに無料で広告を出させてもらえると知り、f-shinさんにお願いすると快く承諾をいただいたので、せっかくならPCサイトを携帯で見てもらうのではなく、携帯用のページを用意しようかと思った次第。 せっかくだからコードを共有 コーポレートサイトそのものを携帯対応にしてほしいという案件は少なくとも僕の周り（NPO法人や公益法人等）では聞かないのですが、河野武さんのスライ

    携帯用の告知ページのHTMLとCSSを公開しておきます。 - Trans

  • 勘違いのないようにtoInlineCSSDoCoMoの仕様について言っとくか - 絶品ゆどうふのタレ


    ドコモのCSSをインラインに埋め込んでくれるPHPライブラリ﹁toInlineCSSDoCoMo﹂ | ke-tai.org - インフィニットループ 手前味噌リンクわっしょい。ke-tai.orgさんには感謝リンク。 toInlineCSSDoCoMoの仕様なんですが、はてブとかで﹁外部参照をインライン化﹂だと思ってる人とかがいるみたいなので言っとくと、外部参照だけじゃなくて内部参照のsytleタグもよしなにパースしてくれます。 外部参照やstyleタグ指定が複数あってもそれらを全てsytle要素に突っ込んでくれるので、定義が多段になってる状態でもきちんとできます。sytle要素が個別に定義してあるタグでも、ちゃんとマージします。 無論、class指定が複数記述してあっても、*1全部適用します。 また、パースし終わった外部参照・内部参照のlinkタグ・styleタグは除去されるので、通常
    勘違いのないようにtoInlineCSSDoCoMoの仕様について言っとくか - 絶品ゆどうふのタレ

  • ke-tai.org > Blog Archive > ドコモのCSSをインラインに埋め込んでくれるPHPライブラリ「toInlineCSSDoCoMo」


    ドコモのCSSをインラインに埋め込んでくれるPHPライブラリ﹁toInlineCSSDoCoMo﹂ Tweet 2008/7/9 水曜日 matsui Posted in DoCoMo | 5 Comments » ケータイ向けサイトを作っていく上で一番問題となるのが、ドコモ端末が外部CSSファイル読み込みや、styleタグでの内部参照に対応していないことです。 PerlではHTML::DoCoMoCSS [hatena.ne.jp] というライブラリがあり、かねがね羨ましく思っており、いつか移植したいなと思っていたりしたのですが、ついにPHPでもこの問題を解決してくれるライブラリが登場しました。 これは素晴らしすぎます。 →　Asial blog　DoCoMo向けにCSS指定をインラインに埋め込むPHPライブラリ﹁toInlineCSSDoCoMo﹂作りました [asial.co.jp]

  • 3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ

    という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ～ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま

    3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ

  • http://sunny-design.net/2008/01/cssnite21-1.shtml

  • CSS Nite in Ginza, Vol.21にいってきた - Webtech Walker

    テーマは携帯サイトの構築についてでした。忘れないうちにメモっときます。 CSS Nite in Ginza, Vol.21に関するエントリー | CSS Nite公式サイト 「携帯サイトのコーディング事情～基本編」 ／宮永邦彦（アイデアマンズ株式会社） 携帯サイトの現状からコーディングのテクニックまでわかりやすく解説されていました。 携帯サイトの現状 携帯サイトは面倒だが他の人がやっていなからビジネスチャンス 現在のインターネット利用状況はPC8000万人、携帯7000万人、両方使う人6000万人。携帯は無視できる数ではない 主な利用者層は若年層、学生、女性など 携帯サイトに求められること（大切なこと） 中毒性（mixiや株など） 電車に乗ってる時間や待ち時間などの短時間で楽しめる（ニュース、小説など） 緊急性を必要とするもの（乗り換え案内など） 携帯サイトのコーディングの基本 基本的に文

    CSS Nite in Ginza, Vol.21にいってきた - Webtech Walker

  • HTMLの質の追求は、モバイルがきっかけでブレイクする。


    Web標準を考えるというエントリーで、フルCSSが受託案件で堂々と使えるようになったのは、SEOという言葉が出てきたから、という言葉を書いたら、はてブに微妙な反論があった。 しかし、それは現場では間違いではなかった。 2002～2003年頃は、ネスケ4を切るための理由がなかったのだ。 ネスケ4を切るということは、少なからずユーザーを失うというビジネスマターの決断になるので、制作者の論理、HTMLの論理などという瑣末︵あえて言ってみる︶なことで、ビジネスの機会損失になることは許されない。 もし捨てさせたければ、ビジネスニーズvsビジネスニーズの取捨選択の決断が必要。 そこにハマったのが、MovableType︵blog︶とSEOだった。blogは、なんだかんだとUTF-8であることが求められるし、SEO対策のためにテーブルレイアウトが悪者とされることとなった。 ずばり、この二つのキーワードが

  • TokuLog 改め だまってコードを書けよハゲ - ドコモでも CSS を外部参照を使える HTML::DoCoMoCSS をリリース

    Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at

  • モバイルでのXHTMLとCSS


    ちょっと脱線#2 次々と賛同者が！iアプリとかで良かったら喋るよー♪by yoshiori モバイルってなかなか知識得る機会ないから興味あるよ！by tobetchiなんかしゃべりましょうか？むしろ最近の話に弱いですが、準備しますよby tmtysk いきたいby fshin2000 高まる期待(*'∀`)=3ワクワクby cafistar モバイル勉強会興味津々！by clearether モバイル勉強会期待してます。by kaoritter これに対して携帯から全レスするみにたぼ (｀・ω・´) シャキーン

  • TRANS - 携帯用CSSを書く上で押さえておくべきポイント


    先日、diggでVitamin Features » Make your site mobile friendlyというエントリーが上がってきてました。見てみると、非常にうまい具合に携帯向けのCSSやHTMLの書き方などが紹介されていました。僕も携帯向けCSSの書き方には興味があったので、勉強がてら重要なポイントを抜き出して、和訳してみました。 和訳文は次からスタートです。︵上記サイトの﹁mobile﹂は携帯電話やPDAを含めたモバイル機器が正確な訳ですが、ここでは話を分かりやすくするために﹁mobile﹂を全て﹁携帯﹂と訳しています。︶ 基本からスタートしよう。 既に論理的でセマンティックなHTMLを構造化しているんだったら、携帯を含めたどのデバイスでもきれいに、使いやすく、アクセシブルになっています。携帯によっては、WAPに準拠しているかもしれないし、もしかしたらWAP2もいけるかもし
    TRANS - 携帯用CSSを書く上で押さえておくべきポイント

  • モバイル向け CSS - saitonのブログ

    HandheldStylesheets 書かれたのは 2004 年 6 月と少々古いが、Opera の Jax による投稿を元にした、参考になるリンク付きまとめページ。

    モバイル向け CSS - saitonのブログ
    d4-1977
    d4-1977 2007/02/22
    携帯向けのCSSについて
    リンク

  • 携帯電話向けのCSS - 携帯電話向けコンテンツの書き方


    フィーチャフォンで使う事の出来るカスケーディングスタイルシート(CSS)のセレクタ及びプロパティを解説します。 フィーチャフォンでのCSSのセレクタ・プロパティは、参考資料・オープンウェーヴ社が定めているCSSのプロパティに移転しました。 また、 フィーチャフォン用の CSS を書くに当たって CSS 非対応機種との兼ね合い も別文書・携帯電話向けの CSS を書くに当たってに移転しました。 CSS に関して基本的な事柄については、CSS 入門(HTML & CSS 入門)をご覧下さい。 また、各プロパティなどの詳細は CSS(カスケーディングスタイルシート)及び CSS リファレンスをご覧下さい。 フィーチャフォンでの CSS について。 WAP 2.0 での CSS。EZウェブ及びソフトバンクのフィーチャフォンは、WAP 2.0 に準拠しているため、CSS を使う事が出来ます。 但
    携帯電話向けのCSS - 携帯電話向けコンテンツの書き方
    d4-1977
    d4-1977 2006/03/06
    タイミングいい！
    リンク
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

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

  • @hatebu

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

はてなブックマーク

公式Twitter

はてなのサービス

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