携帯サイトのDOCTYPEについて - スマホ・モバイル講座 - [SMART]
docomo、au、softbankの携帯端末に対応したXHTMLを作る際、DOCTYPEの宣言の違いに注意する必要があります。 現在、キャリアごとに推奨されているDOCTYPEの宣言が異なります。 docomo 例：Compact HTML（CHTML）用のDOCTYPE <!DOCTYPE HTML PUBLIC "-//W3C//DTD Compact HTML 1.0 Draft//EN"> 例：iモード対応XHTML 1.0用のDOCTYPE <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> au <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN
![携帯サイトのDOCTYPEについて - スマホ・モバイル講座 - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
Coding Methodology | CFニュース | CODING FACTORY - コーディング専門サービス
Coding Methodology JavaScriptなし、HTMLとCSSだけでカルーセルを実装
2015年版：ガラケーサイトのWEBデザインを爆速で終わらせるための注意点 - PGLOG
ここにメモ もしガラケーサイトに対応しなければならないときに。 デザイン時の注意点 もしあまりにもガラケーのデザインにこだわりたいなら。 ・tableはやばい tableはベベルとエンボスのようなborderが消えない機種があるので注意。 文字を最大で使っておられる方にいたっては１行ごとに改行になったりするので横並びあきらめたい。 ・リンク注意 最新機種kのような奇跡の指(マウスカーソル)は出ません。(kはフルブラウザ搭載で普通のサイトが見れるから対応考えなくていい) リンク時に汚くなるのを避けたいのなら ・ボタンは長方形(or正方形)でつくる。 ・使いたい画像の下にテキストリンクを添える ・透過を使いたいときは背景色を添える 背景色を添えることで良い感じの雰囲気に （リンクにしてはいけない） コーディング時の注意点 大前提 ・ドキュメントタイプはXHTML1.0 ・文字コードはSJIS。
ガラケーサイトのWebデザイン・コーディングで気をつける30の事
ページサイズ 1. 各機種のメモリ容量にあわせてページサイズは100Kbyte以下推奨 メモリ容量の関係から、1つのページサイズは画像やテキストなどすべてのファイル合わせて「100Kbyte以内」に収めるのが望ましいです。 ページサイズは、Chromeブラウザの場合「検証」→「Network」のタブから、Firefoxの場合は「要素の調査」→「ネットワーク」から確認できます。 また、キャッシュからの読込があると実際のサイズよりも軽量になるのでスーパーリロードと呼ばれるCtrl + Shift + R またはCtrl + F5で再読込すると、キャッシュクリアしての計測が可能になります。 head関連 2. DOCTYPE宣言はXHTML Mobile 1.0を推奨 検索エンジンがモバイル（ガラケー）サイトだと認識しやすいよう、モバイルSEO的な観点から下記のようにします。 <!DOCTYPE
SankeiBiz（サンケイビズ）：自分を磨く経済情報サイト
サービス終了のお知らせ SankeiBizは、2022年12月26日をもちましてサービスを終了させていただきました。長らくのご愛読、誠にありがとうございました。 産経デジタルがお送りする経済ニュースは「iza! 経済ニュース」でお楽しみください。 このページは5秒後に「iza!経済ニュース」（https://www.iza.ne.jp/economy/）に転送されます。 ページが切り替わらない場合は以下のボタンから「iza! 経済ニュース」へ移動をお願いします。 iza! 経済ニュースへ
[携帯]携帯サイトにmixiチェックとtwitterつぶやくボタンを設置する方法。 – devolen
携帯サイト(ガラケー、フューチャーフォン)にmixiチェックとtwitterつぶやくボタンを設置する方法。 いまさらかも知れませんが、書いておきます。 時代はスマートフォンだよ！とか言わないでくださいね。 Twitterでつぶやくボタンや、mixiチェック、facebookイイネ！などのソーシャルブックマークボタンは、 PCサイトでは当たり前と言っていいくらいよく見ますよね。 携帯用のサイトでも見かけるかと思いますが、 今回は、一般的なTwitterとmixiチェックを設置したのでその導入・設置方法を紹介します。 mixiチェック、Twitterツイート画像を用意 mixiチェックのボタン画像はこちらにあります。↓button-1の画像を使用しました。 mixi チェックボタンの設置 技術仕様 << mixi Developer Center (ミクシィ デベロッパーセンター) 仕様や、も
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
