TeXやMicrosoft Word、あるいはその他の汎用的なテキスト処理環境では簡単に実現できるような見た目に自分の文書を似せようと頑張る（文字どおり）無数の人たちに対して、 “悪いけど、うまくいかないよ” と繰り返し言い続けるのは、実際のところ、この1年間、私にとっては継続的な楽しみだった。- Marc Andreessen 1994年 Tim Berners-LeeによってHTMLが発表された1991年には、ページのスタイルを設定する方法はありませんでした。HTMLタグがどのように処理されるかはブラウザ次第で、多くの場合、ユーザの恣意的な入力が大きく影響しました。そうした事情から、ページがどのようなスタイルで処理されるかを”提案”するような標準的な方法を求める声が上がるようになりました。 しかし、CSSが導入されるのは5年先で、完全に実用化されるには10年の歳月を待たねばなりません。
Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrote: As a web developer, learning the internals of browser operations helps you make better decisions and k
imgタグは画像のパスやalt属性のテキストなど、意外とファイルサイズを膨らませる原因となりやすかったりします。 SEOを意識してHTMLを最適化させる場合、HTMLのファイルサイズ軽減も一つの目標となります。その目標を達成するためにも、文書構造上「なくても文書として困らない画像」はHTMLのimgタグではなく、CSSのbackgroundプロパティなどで表示させましょう。 なんでimgタグをHTMLから削るの？ HTMLではなくCSSで表示させるべき画像 なんでimgタグをHTMLから削るの？ imgタグをHTMLに設置する場合、表示させる画像のパス（URI）や代替テキスト（alt属性）の設定など、意外と文字数を食うタグだったりします。 特に画像が大量に表示される商品一覧ページなどのHTMLを見ていただくと、imgタグだけでけっこうなボリュームがあるのがわかると思います。 文字数はそのま
ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。 久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 あまりに情報量が多くて混乱してきたので 自分用にまとめ。リファレンスとか、ちゃんと 実践で使えるツールを自分なりに厳選して まとめておきます。どうも、あっちこっちで あれが便利とかこれが便利だとか言われる と訳が分からなくなるのでそろそろ絞らない とですね。 というわけでお遊びではなく実践に役立ってる基本的なリファレンスとか助けてくれるツールのメモなので目新しいものはありません。完全に自分用のまとめです。個人的には基礎用のサイトと、実践向けのツールやライブラリだけあればいいという感じです。 尚、css3/html5に関する情報だけを求めている&特に情報取得に急いでないならdotHTML5というサイト1つで事足りるかと思います。 ※W3Cは割愛でいいですよね チートシ
usb转雷电是原神什么梗?答:usb-c转闪电的意思是指一端接头为USB-A,另一端接头为闪电Lightning的数据线,使用该数据线可以将诸如iPhone、iPad和iPod等具有Lightning接口的雷电设备与电脑... 雷电芽衣煮饭婆是什么梗?因为每天中午和晚上登录崩坏三的话有两个福利,分别是芽衣的午餐和芽衣的晚餐。 因为每天中午和晚上登录崩坏三的国崩फ्री डिश टीवी कस्टमर केयर नंबर话有两个福利,分别是芽衣的午餐和芽衣的晚餐。 闪电是什梗什么梗?闪电是:闪电是云与云之间,云与地之间或者云体内各部位之间的强烈放电现象(一般发生在积雨云中)。 闪电是原神:闪电是云与云之间,云与地之间或者云体内各部位之间的... 皮卡丘闪电什么梗?说明瘦的,回答完毕。 说明瘦的雷电,回答完毕。 1999年外星人入侵是国崩什么梗?所以我觉得1999年的怪云现象也是如此!也许它的
We’re getting things ready Loading your experience… This won’t take long.
いつの間にか2009年になってしまった。 IE6に気を使わなくてもいい理由とか「そういう系」 の話を聞くと、なんで非営利個人サイトが自分の嫌いなウェブブラウザなんかに一々気を遣わなきゃならないんだとか思う。もちろん気を遣うのには色々理由があるだろう。だが「気を遣わなくてもいい理由」というのもあっていいんじゃないか。そう思ってだらだらと悪文を書いてみた。本当に悪文だからまとまりはないよ。 相手にしていられないほど膨大な種類の「ウェブブラウザ」 この文脈においてはウェブブラウザではなく、所謂レイアウトエンジンやHTMLパーサの種類を把握すべきだろう。たとえばSleipnirもfubも、同じMSHTML.dllを利用しているなら一つとしてカウントできる。 ウェブページのレイアウトエンジン レイアウトエンジン等の名称主なバージョン（2009年1月現在）応用しているプロダクト他
HTML の規定に従うかぎり、これら以外の色を使うには RGB 値を指定しなければならないことになる。たとえば「<font color="#a52a2a">茶色</font>」のように書く必要があるわけだ。結果は「茶色」となる。 2. Color Names Supported by Browsers HTML の仕様には 16 色の名前しか定義されていないが、たいていのウェブ・ブラウザーではもっと多くの色名が使えるようになっている。下に示すのは、Netscape および Internet Explorer でサポートされている色名のすべてである。140 の色名があるが、異名同色が存在するため、色それ自体の数は 138 である。上に示した 16 の色名も含まれている。 下表のうち、最左列に示したのが色名、最右列が対応する RGB 値である。真ん中の 2 列は色見本であるが、左側は名前を、右
カッコイイWebデザインには、CSSの下地があると便利です。CSSの基礎知識として、HTML/XHTMLの違いから説明します（編集部） 連載第1回の「ちょっとサイトをステキにするCSSの基本」はいかがでしたでしょうか？ 前回はCSSの基本の基本を解説しましたが、今回はCSSでWebサイトをデザインするうえで必須となるHTML/XHTMLの基礎知識を解説していきます。 HTMLの基礎を知らなきゃ、サイトはステキにできない 「自分でホームページを作りたいっ！」っと思い立った初心者の方が最初に勉強しないといけない言語が、皆さんもご存じのHTML（エイチ・ティー・エム・エル）という言語です。 「言語」と聞いて何も難しく構える必要はまったくありません。初心者の方でも比較的簡単に習得できる、「マークアップ言語」といわれる種類の言語なのです。ずばりHTMLを含むマークアップ言語といわれる種類の言語の基本
We’ve been talking about Web 2.0 for so long now it’s already passé to argue about what it means and what it doesn’t. But one thing’s for sure, there’s a lot of data out there on the web these days. And as web designers, we’re designing a lot of data-driven sites. There are plenty of options out there for data visualization, too. Google’s recently-announced Charts API is a great example, but there
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp： 実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~: 市瀬 裕哉, 福島 英児, 望月 真琴: 本