永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
狭くて小さな画面だからこそ携帯に適したマーキー（marquee）タグ 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
『マーキータグ。marquee tag。』 この言葉を耳にすると、多くのHTML作成の経験者やWEBデザイナーは、ちょっと憂鬱な気分になります。 電子掲示板のように動的に文字を画面上でスクロールさせることのできるマーキータグは、パソコン向けのホームページでは、常に煙たがられるちょっとかわいそうな存在です。 少し話を脱線させると、マーキータグを使用したページを、パソコン向けのホームページではあまり見かけないのには、ちょっとしたワケがあります。 マーキータグを詳しく説明すると、マーキータグは文字を画面の一方から一方へ流れるように表示させることのできるマークアップです。 電子掲示板のようなものと言えば分かるでしょうか。 下記がその例です。 この文字は画面を横方向に移動する HTMLタグの中では、コンテンツを動的に表示することのできる数少ないタグなのですが、文字が画面上で動くので、読みにくいと感じ
携帯サイトのページコーディングでよく使うHTMLタグ 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
携帯サイトのページを作成する場合と、パソコン向けのページでは よく使用するHTMLタグがまったくといっていいほど異なります。 今回は携帯サイトを作成する際によく使うHTMLタグのご紹介です。 まずは、携帯ページとPC向けページについて、 使用頻度の高いタグを比較してみます。 □PC向け <A>リンクタグ <IMG>画像挿入タグ <P>段落タグ <DIV>汎用ブロックレベル <STRONG>論理強調タグ <Hx>見出しタグ <UL><LI>リストタグ <TABLE>テーブルタグ ■携帯サイト向け <A>リンクタグ <IMG>画像挿入タグ <DIV>汎用ブロックレベル <BR>改行タグ <FONT>フォントタグ <HR>区切り/水平線タグ <CENTER>中央揃え <MARQUEE>マーキータグ どうでしょう。だいぶ違っていますね。 AタグやIMGタグといった基本的なタグはPC向けもモバイル向
携帯サイトの作り方
ここでは、携帯向けサイトの作り方を簡単に紹介します。 PC向けサイトを作ったことのある人を対象とさせていただきます。 まず、携帯版のファイルはPC版と完全に分けましょう。 共通のファイルで済まそうとするのはかなり無理があります。 PCと携帯の違い いくつかあるので順に説明します。 ファイルサイズの制限 これが一番大きなところでしょう。 後で詳しく説明しますが、携帯向けサイトでは1ページ当りのファイルサイズを 画像も含めて5Kbytes程に収めなければなりません。 5Kbytesでは足りない、と思われる方も多いと思いますが 試しに5Kbytesの文章を書いて携帯で表示させてみましょう。 携帯の小さい画面から見ればこれでもかなりの情報量だと感じるはずです。 スタイルシート関連 携帯向けサイトでは、一切のスタイルシートが使えません。 もともと、スタイルシートとは細かな装飾方法をアレンジするための
つれづれぐたぐた
どこかで見かけたのでメモ 設定とサポート > 設定とプライバシー > プライバシーと安全 > 表示するコンテンツ > 興味関心 Developer ToolのConsoleにてjs実行 $$('input:checked').forEach( (w) => { w.click() } ); console.log('done'); 館山 道の駅でいちごを買うのにドハマリ はまぐりもおいしい 市原 ドイツ村のチケットをもらって行ったら意外に楽しかった 舞浜 休園期間中に周辺ホテルでおいしいもの食べたりした 渋谷 東急Excelの部屋食プランでスクランブル交差点を見下ろしながらゆっくりした リピーターになったｗ アフタヌーンティーも楽しい さいたま セコマに車で行く気分転換 那覇 混む場所には行かずにいつも通りだらだら．意外とテイクアウト対応してくれる店が多くてゆっくりできた なんやかんや何度
はてなブログ | 無料ブログを作成しよう
絵の超初心者ド下手くそ人間が、20日間絵を描いて感じたこと わたしは、「文の人」だ。絵を描くのは大の苦手。 そんなわたしが、ひょんなことから絵を描き始めた。 そうしたらおもしろくなって約20日間、なにがしかを描きつづけている。 未知の領域での挑戦は、発見が多い。 また、ここまで絵を描けない人間の挑戦は、あまりネッ…
i-mode端末の対応HTML・容量・画像形式・絵文字など
サイトマップ お問い合わせ 本文へ遷移 サイト内検索 検索フォーム 検索語句 記事 タグ 送信ボタン Home ツール 携帯情報 携帯サイト 用語集 PHP その他 現在位置: Home > 携帯サイト作成情報 > i-mode端末の対応HTML・容量・画像形式・絵文字など お知らせ: 現在お知らせできる情報はありません i-mode端末の対応HTML・容量・画像形式・絵文字など 3 5 1 1 0 1 0 当然であるがi-mode端末では対応するHTMLによりキャッシュ容量・画像形式及び容量・絵文字などが異なっている。 ここでは上記のようなものについてまとめています。 i-mode対応HTML1.0 MOVA F501i,N501i,D501i,P501i 表示出来るページ容量 画像を含め5KB 表示できる画像形式及び容量 5KBまでのGIF画像 (ノンインターレースGIF) 対応
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caramel*vanilla - Flickrがかなり面白い件と関連ツールいろいろ
http://www3.tokai.or.jp/janboon/hphtml/index.html