CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事：CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね！ New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS（Cascading Style Sheets、スタイルシート）ですね！今では CSS3 が話題を集めていて、CS
携帯サイト開発者の裏メモ ドコモDoCoMo XHTML istyle 反映方法
携帯サイト作成からGoogleモバイルSEO、Yahooモバイルカテゴリ登録やアフィリエイト、ドロップシッピングといった情報やPHPを利用した開発のメモというかメモ docomoの場合（XHTML） input自体に以下を追加。 全角かなモード istyle="1″ だと style="-wap-input-format:＆quot;*＆lt;ja:h＆gt;＆quot;" 半角カナモード istyle="2″ だと style="-wap-input-format:＆quot;*＆lt;ja:hk＆gt;＆quot;" 半角英字モード istyle="3″ だと style="-wap-input-format:＆quot;*＆lt;ja:en＆gt;＆quot;" 半角数字モード istyle="4″ だと style="-wap-input-format:＆quot;*%＆lt;ja
コーディング前に確認しておきたいこと。 - CSS HappyLife
CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう？ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。 って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は？って思う事とかもばーっと書いてみます。はい。 なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容（だと良いな）！ じゃあまずは最初に確認しておきたい基本的なことか
★はじめに | Search | Google Developers
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 モバイルサイトとモバイルファースト インデックスに関するおすすめの方法 Google のインデックス登録とランキングでは、スマートフォン エージェントでクロールしたモバイル版のサイト コンテンツを優先的に使用します。これをモバイルファースト インデックスと呼びます。 モバイル版のページを用意することは、コンテンツを Google の検索結果に表示させるための要件ではありませんが、非常に強く推奨されています。このページで説明するおすすめの方法は、モバイルサイト全般にあてはまり、当然のことながら、モバイルファースト インデックスにもあてはまります。 ユーザーに最適なエクスペリエンスを提供できるよう、このガイドで紹介されているおすすめの方法を実践してください。 モバイル フレンドリーなサイトを
ke-tai.org > Blog Archive > ケータイ3キャリアに対応するためのDOCTYPE宣言について
ケータイ3キャリアに対応するためのDOCTYPE宣言について Tweet 2009/10/14 水曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | 11 Comments » XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。 先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います。 下記2つのサイトでは、どちらもif文でユーザエージェントを判定して、DOCTYPEを出し分けるという処理を紹介しています。 → ma-san.org 携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法 [ma-san.org] → ある人のぼやき 携帯サイトのDOCTYPE分岐方法 [d.hatena.ne.jp] DOCTYPE宣言とは
パクレゼルヴ:PakuReserve R&D Laboratory » Blog Archive » パクレゼルヴもラボ的な開発部ブログを作ってみる
はじめまして。 パクレゼルヴ開発部の”のびーにょ”です。 パクレゼルヴの開発って、何作ってるの？って感じだと思いますが 携帯電話のWEBコンテンツ作ってます。 日々、Google先生に色々聞きながら調べ物とかしてるんですが、いろんな企業のラボが引っ掛かることが非常に多いです。 これって結構ブランディングとかにもなるなーとか思いながら調べ物とかしてるんですが、 外部の人に内部のこと(開発してるものや事)を知ってもらうのにも良いんですよね。 調べればわかることだし、社内で秘密にするレベルの話でもないですし。 ってことで、パクレゼルヴの開発部もブログ形式でラボっぽいことやります。 とりあえず一発目として・・・ 【auの携帯電話でセレクトボックス(プルダウンメニュー)内部が改行されることについて】 ちょっと前にはまったのでTips的に <div style="font-size:x
auでselectボックス（プルダウン）が2行になる現象 │ これからゆっくり考L +α
恐らく、auの古めの機種でしか発生しないとは思うのですがたまたま遭遇してしまったため書き残しておきます。 というか、今までこんな現象知らなかったので...今まで私が制作したサイトはことごとく2ｇ（ｒｙ ...。 xhtml、htmlどちらでも同じ現象が発生します。 他のキャリアで見るとなんの問題もない普通のプルダウンなんですが。 auの古めな機種（A5511T、W41CAで検証）で見ると、 という感じで2行になります。 ちなみに、auの最近の端末で見るとプルダウンの部分だけ他よりもフォントが大きく見えてしまいます。 サンプルページ →サンプルページを見る 原因は？ selectの外側で小さめの文字サイズを指定すると、selectボックスの中身のテキストはデフォルトのサイズのままだけど、ボックスのみが小さめの文字サイズにあわせて小さくなります。 要するに、「中身は大きいままなのに外側のボック
CSSでマルチカラムレイアウト
はじめに 本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介していきます。 今回は、本連載の総まとめとして、CSSでマルチカラムレイアウト（段組レイアウト）を実現する方法を紹介します。CSSでマルチカラムレイアウトを実現する方法はいろいろありますが、今回は、最も基本的な方法として、前回の記事で解説した「floatプロパティ」および「positionプロパティ」を利用した、「フロート型」と「ポジショニング型」のレイアウトテクニックを紹介します。同時にページレイアウトで起こりがちな問題とその対処方法についても扱います。 対象読者 XHTMLとCSSの基本を理解している方。 Web標準サイトの実践的な作り方に興味のある方。 必要な環境 （X）HTMLやCSSを記述するエディタと、それを確認するブラウザがあれば、特別な環境は
iモードHTMLとiモードXHTMLを正しく切り替える方法 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
最近発売されているドコモの機種（FOMA）のブラウザにはたいてい iモードHTMLとiモードXHTMLの両方に対応したモードが搭載されています。 例えば、最新のハイエンド機種FOMA 904iでは、ドコモの技術情報の端末スペック表を見ると、 iモードHTMLはバージョン7.0、iモードXHTMLは2.1に対応していることが分かります。 これは、携帯電話が機能向上するのと並行して、 携帯に対応したHTMLもバージョンアップを繰り返すためです。 このi-HTMLとi-XHTMLの違いは、多くはHTMLタグで指定できる属性やCSSの対応状況になりますが、簡単に言ってしまえば、i-XHTMLのほうがより豊かな表現が可能になっていると解釈しても間違いではないでしょう。 さて、携帯サイトを作成する際のポイントについてふれますが、 多くの方が勘違いされているのは、 ドコモの機種が割と新しい機種、つまりX
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://mocamoca.biz/blog/2008/04/xhtml.html
モバイルxhtmlのDOCTYPE宣言について | WEBコンサルティング会社i-seeds社長ブログ
トータル1000種類以上、XHTML/CSSのフリーのテンプレート配布サイト集
IDEA * IDEA