【レポート】ピクセル濃度に依存しないWebページの制作方法 | エンタープライズ | マイコミジャーナル
Ext JS is now Sencha iPhone 4のようなディスプレイピクセル密度が高いデバイスの登場で、WebデザイナやWebデベロッパの関心は、異なるピクセル濃度のデバイスにどのように対応するかといった点に集まりつつある。基本となるテクニックのいくつかはすでにいくつかのブログで紹介されている。 iPhone 4でもPCでも画像を綺麗に表示するCSSの使い方 iPhone 4に対応したWebサイトを作る方法 iPad向けWebアプリケーション開発テクニック これまでマイコミジャーナルで紹介したテクニックは細部のテクニックが多い。そこでSenchaブログに掲載されたResolution Independent Mobile UIを紹介したい。モバイルデバイスにも対応したJavaScriptフレームワークSencha Touchで使われているテクニックの根本をまとめたもので、ピクセル
でかいからこそ、と、何か大人の都合みたいのとか - 何かの記録
でかい企業(サイト)を採点 : Weblog : SimpleIsmを読んで思ったというか、とりあえずソースの記述方法に関してはあまり笑うとこでもないかなーと思いました(自分の個人的な感想ですが)。勝手な予想だけど、多分大人の都合かなんかだと思います。もろん技術的な都合もあると思います。 やほう Yahoo! Japan が何で CSS を HTML のなかに直接記述してるか理由は知らないですが、分割するっていうのをシーン別に考えていけば、開発段階では必要だが本番段階では不要とかいうようなこともあるらしいので、何かそんな感じの理由があるんじゃないかなー、と思います。ちょっと似てるような違うような感じだけど、「見易くするっていうのをシーン別に考えていけば、開発段階では必要だが本番段階では不要とかいうようなこともある」とも言えるかも(言えないかも)。メンテナンスとかのときは見易いほうがいいけど
いまさら聞けない“Web標準”、そしてXHTML＋CSS
いまさら聞けない“Web標準”、そしてXHTML＋CSS：いまさら聞けないリッチクライアント技術（4）（1/3 ページ） 前回の「いまさら聞けない、“Ajax”とは何なのか？」の説明の中で、Ajaxの定義の1つとして「XHTMLとCSSを使った標準規格のプレゼンテーション」というのがありました。前回の記事では、この部分をしっかり解説できなかったので、今回はこれについて解説をしましょう。 といっても、Ajaxの補足説明が今回の目的ではありません。HTML／XHTMLとCSSを使った「Web標準」について紹介します。 「Web標準」という単語はよく耳にしますが、具体的にどんなものか？ HTML／XHTMLとCSSとどのような関係があるのか？ さらに、HTML／XHTMLやCSSって何？ といった点について見てみましょう。 「Web標準？ Webを標準化することかな？」 AjaxやXML、Jav
使っていないCSSをWEBから簡単チェック「CSS Redundancy Checker」:phpspot開発日誌
CSS Redundancy Checker 使っていないCSSをWEBから簡単チェック「CSS Redundancy Checker」。 使っていないCSSのセレクタをあぶりだして、CSSのダイエットをすることが可能なツールです。 まず、(Step1)スタイルシートのURL を入力し、その後、(Step2)にスタイルシートを用いたページすべてを入力します。 そして、(Step3)「Check」ボタンを押せば、チェックを行ってくれます。 すると次のように、使用していないセレクタが一括して表示されます。 CSSのサイズが肥大化して困っているという方に便利なツールですね。 関連エントリ JavaScriptとCSSの両方を圧縮できる「YUI Compressor 2.0」リリース CSSデバッギングツール１０選
2007年度のCSSデザインベスト50発表
CSSとFlashのデザインでインスピレーションを得るためのサイト「Best Web Gallery」が選んだ2007年度のCSSデザインベスト50が発表されています。どれもこれもなかなか秀逸なデザインなので、来年度の新しいデザインに向けて、今年度の総復習を行って新たなインスピレーションの糧を得たい人や、ウェブサイトやブログのデザインを新しくしたいので参考になるデザインを探している人に最適です。 というわけで、ベスト50は以下から。 Capture the Valley - A project to benefit Habitat for Humanity http://capturethevalley.com/ Squawk http://www.squawkdesign.com/ Emeril's Holiday to Go : Home http://www.emerils.com/
CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
■floatでレイアウトしたときのボックスの間に隙間が出来る →隙間が出来るボックス要素全てに float 要素を追加 ■ <div>内に配置した<img>が<div>よりサイズが小さいと隙間が出来る → 下記を追加 img { display: block; } ■ Win IEだけずれる時があり、ずれる大きさがフォントサイズによって変わる →ずれる<div>等に vertical-align を設定する（top 又は bottom） ■ <td>内のフォントが正しく指定したとおりでない（Win IE Mac IE） →<td>の中に<span>をいれて対応する ■MacIEで<div>を floatさせると表示が崩れる。 → フロートさせるdiv の width height 属性を指定する ■<ul><li>で画像リンクを作成したときに WinIEでフォントサイズを変更すると 隙間
第13回 Webページで読みやすいテキストとは：ITpro
今回のポイント 1行あたりの文字数の目安 1段落の文字数の目安 段落に含む文字数 行間調整の考え方 字間調整を使ったロゴ風味見出し 日本語というのはもともと縦書き文化です。文字も筆で縦書きしていくときに書きやすいように作られています。現在PC画面上で見るフォントは，活字印刷物のフォントとは違い，横書きで読みやすいようにもともとの字体から若干形を変えられています。それでも起源である縦書きの形を完全に壊すことができないので，やはり横書きでは読みづらいようになっています。 日本人が苦痛を感じることなく読める横書き1行あたりの字数は20字＋α程度だと言われています。意識して雑誌などを見るとたいていが!)25文字から28文字程度です。用紙，つまり本のサイズがA4を超えるような大判になると，1ページを左右2段組に分けて25～28字程度に調整されています。 一方，縦書きの場合には識別許容量はグンと増加し
[Think IT] 第4回：Webブラウザの検証！ (2/3)
【即実践！HTML+CSS】 テーブルレイアウトから脱出せよ！ 第4回：Webブラウザの検証！ 著者：米倉 明男 公開日：2008/4/22（火） CSSコーディングを行い、Webブラウザのバグに対して個別対処を行う手法の1つにCSSハックと呼ばれるものがあります。CSSハックとは、WebブラウザのバグやCSSの解釈の違いを逆に利用して、特定のWebブラウザにのみ、CSSのセレクタレベルで個別指定を行う方法です。 CSSハックを記述する場合には、まずモダンWebブラウザを基準にコーディングしていき、IEで表示がおかしい箇所（セレクタ）に対して、CSSハックを後に併記します。通常のセレクタの後から併記することで、まずモダンブラウザは前のセレクタを解釈し、後ろのCSSハックの記述はIEで再読み込みするという順番になります。 注意したいのはあくまでもCSSハックは裏技に過ぎません。Webブラ
続・ブラウザを最大化して開く必要はないよ！：ekken
ブラウザを最大化して開く必要はないよ！ で言及した阿檀さんから反論が寄せられたので、再び記事にします。 読み難いと感じた読者にとっての手間は変わらないと思う 少なくとも、タイトルと当方で書いた内容はズレています。私は一度も、「ブラウザを最大化して開いている」と書いた覚えがありません。 Adan Kadan Blog 「モニターサイズがこれだけ大きくなっている時代に、」から結んだリンク先、「窓サイズ専用、《BROWSIZE.ORG》」の一覧表でお示ししたのは、「モニターサイズではありません。ブラウザーの窓サイズです。」 僕は前回の記事で言及したAdan Kadan Blogの記事の「“文月氏スタンダード準拠”を目指してみたものの」と書かれた段落の主旨を「モニターが大きくなっている時代に、可変幅のテンプレートを使用するのはナンセンスではないか」と読み取りました。(正確には「ウィンドウを大きく表
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
worldending.jp
Web制作 W3G
eclucifer blog - FC2 BLOG パスワード認証
webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳