[B! tips][HTML] kyouzontのブックマーク

Mozilla の Web O'(pen) Wonder

驚きの連続ウェブの見事なデモを探検してください! 高機能なブラウザで実現されるすばらしい発明の世界を! デモを投稿!

kyouzont 2011/08/01

リンク

実は以前に別の場所でも書いたのですが、今回Google Page Speedの方でも少しだけ触れられていたので、改めてまとめ。自分でも経験があることなのですが、開発をやっているとどうしても、構造をモジュール化して複数のファイルに分割して管理したくなります。 StyleSheetにおいても同様で、プレゼンテーション層のコンポーネントにあわせてCSSを用意し、ページ構成にあわせて取り込むようなことをやりたくなるでしょう。しかしその際、@import構文を使うのはパフォーマンスと挙動の両方に有害である可能性が高いと、「」の著者としても知られるSteve Souders氏が警鐘を鳴らしています。使うべきでないポイント @importは、大きく分けて2つの観点で「使うべきでない」とされています。ひとつは、パフォーマンスの問題。StyleSheetはほぼ全ての主要ブラウザでパラレルロードがサポ

kyouzont 2011/07/07

リンク

[CSS]外部スタイルシートの指定は@importとlinkでどちらがいいか

外部スタイルシートの指定は@importとlinkでどちらがいいかと、書籍「ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール」の@importはパフォーマンスに悪影響を与えることについてのフォローアップを紹介します。 don't use @import 内容は、IEでは@importで外部スタイルシートを指定すると、パフォーマンスに悪影響を与えるので使用しないでください、というものです。下記は、外部スタイルシートを@importとlinkを組み合わせて、それぞれのパフォーマンスを比較したもので、キャプチャはそのサイトのものと、参考に当環境でIE7/Fx3(XP)を検証したものです。 @import @import 2つの外部スタイルシートを@importで指定。 <textarea name="code" class="html" cols="60" rows="5">

kyouzont 2011/07/07

リンク

HTML入力フォーム

WebブラウザにHTMLファイルを表示させる通常の「静的なページ」に対し、メールフォーム、掲示板、ブログなどのようにWebブラウザから入力された要求に対して Webサーバ側でプログラムを呼び出し処理した結果を返すしくみを、CGI （Common Gateway Interface ）といいます。このようなページを、「動的なページ」といいます。この動的なページには、サーバ側でPerl、PHPやC言語などのプログラムが使われたり、JavaScript のようにブラウザ側で処理します。このとき WebサーバのCGI プログラムに渡すパラメータは、テキストボックスやチェックボックスなどのフォーム部品で指定します。これらのデータを入力するためのユーザインターフェース部分を、HTMLでは<form>要素で記述します。 form 要素の構造 form 要素は、<form>～</form>で一つの

kyouzont 2011/06/17

リンク

複雑な表（テーブル）の作り方 colspan rowspan - ホームページの作り方 - MB-Support パソコン初心者のサポートページ

複雑な表（テーブル）の作り方 colspan rowspan 表（テーブル）のセルを空白にする方法は、セル内で全角スペースを入れれば良いだけですが、2 つ以上のセルを合体させたると、より見やすくテーブルを構成する事ができます。特定の行だけ、縦の仕切り線を破る場合は <td> に colspan="またがるセルの数" を挿入します。 HTMLソース(メモ帳) <html> <head> <title>題名</title> </head> <body> <table border="1"> <tr><th colspan="2">ホームズの思い出</th></tr> <tr><td width="200">白銀号事件</td><td width="200">黄色い顔</td></tr> <tr><td>株式仲買店員</td><td>グロリア・スコット号</td></tr> </table>