Web制作者向け・横幅固定の非レスポンシブHTMLデモ :: [コエカタマリン MX 2007]
（去年の10月の話なのですが、当ブログで紹介できていなかったので改めてこちらで記事にします） 低予算でWebページを制作しなければいけない場合のための、Web制作者向けデモページを開設しました。 「横幅640pxで作った１つのHTMLファイル」で、PC・スマホ共通のビューを実現しようとするとどうなるか？というのを端末で目視確認するためのデモページです。 非レスポンシブ・テストページ 低予算（手抜き）で制作しなければならないケースを想定しているので、 ・メディアクエリ（media query）を使わない そのかわりに ・viewportの設定のみで済ませたい という作りになっています。 viewport設定 <meta name="viewport" content="width=640" /> つまり「非・レスポンシブ」で、横幅640px固定でページ制作した場合のデモというわけです。 これ
![Web制作者向け・横幅固定の非レスポンシブHTMLデモ :: [コエカタマリン MX 2007]](https://cdn-ak-scissors.b.st-hatena.com/image/square/30e01a90c88610b7d23620cdc7a81ccbbf0138a4/height=288;version=1;width=512/http%3A%2F%2Ftouch-qr.sakura.ne.jp%2Fsblo_files%2Ftaichistereo%2Fimage%2Fnonres2-thumbnail2.png)
jQuery UI でテーブルタグをsortableに :: [コエカタマリン MX 2007]
jQuery UI Sortableを使えば、直感的にマウスでドラッグアンドドロップしてアイテム（行）を入れ替えられるようなWebページが作成できます。 念のため説明しておくと、 jQuery UI Sortableは、jQuery UIのなかのひとつのフィーチャーです。 jQuery UIは、jQueryのプラグイン（ライブラリの一つ）です。 jQuery UI Sortableを使用するには、jQueryとjQuery UIを読み込むか、 以下のようにjquery.ui.sortable.jsが依存している「core」「widget」「mouse」だけを読み込めば軽くなります。 <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src=
min/maxワイド等利用可能になるライブラリminmax.js
CSS minimum and maximum sizes The CSS2 standard specifies four properties that can be very useful when working with CSS layouts: min-width, max-width, min-height and max-height, These can be used in conjunction with the well-known width and height properties to get effects which can be especially helpful in designing layouts that are a mix of fixed-size and window-size-relative units. For example,
標準モードでfont-sizeとline-heightがtableに継承されない問題の解消 | Takazudo Clipping*
以下のような指定をすると、 body{ font-size:80%; line-height:1.4; } ページの中の要素が全て少し小さめの、font-size:80%で表示される。しかし、DOCTYPEの指定が互換モードだったり、どうやっても標準モードになってしまうIE5, IE5.5では、下のように、table内の文字は、ブラウザのデフォルト値の通り、でかいままになる。 これを防ぐためには、font-size:inheritを指定すれば、親のfont-sizeが継承されそうだが、IE6ではinheritは（たぶん）未対応なため、inheritを指定しても文字はでかいまま。しかし、以下のような指定をすれば、回避できる。 table{ font-size:1em; } tableにfont-size:1emを指定することで、親のfont-sizeと同じ大きさになる。これでtableの中も
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PC操作説明の記事などに使える、CSSスタイルのみでキーボードのキーを再現 :: [コエカタマリン MX 2007]
EZweb 絵文字一覧
