| ＾＾ |秒刊SUNDAY | WEB開発者がSleipnirを絶対に使ってはいけない７つの理由
2009年04月29日 WEB開発者がSleipnirを絶対に使ってはいけない７つの理由 カテゴリ：WEBデザイン Sleipnirは使いやすい、すばらしい･･･などと絶賛するユーザがいますが、果たして本当にそうなのでしょうか、私はそれは有り得ないと断言します。 ◆読む前に WEB標準だの、コーディングだのAcidだの･･･訳がわからない方は、そのままSleipnirを使っていてOKです。 判りやすく言うと、SleipnirはアナログSafari、Firefoxなどは地デジぐらいの違いがあります。 という説明をしますので、開発者以外の方には『ふーん』程度に思っていてください。 では。 １：表示結果がWeb標準でない。 上の写真は、左から『Firefox、Safari、IE6、Sleipnir』をAcidという確認ツールで見比べた結果です。 Firefox、Safariについてはほぼ同じ
社内のプロジェクト管理に役立つ、フリーのアイコン素材 | コリス
社内のプロジェクト管理関連をグラフィカルにしたフリーのアイコン素材をSmashing Magazineから紹介します。
Tableless Contact Form sample02
テーブルを使わないお問い合わせフォームのサンプル。 シンプルなブルー系。タブっぽいラベル。 Checked(win):IE6,IE7,FireFox2,Opera9,Safari Mac未確認。 <fieldset> <legend>Contact details</legend> <form action="" method="post" class="form" id="contactform"> <ul> <li><label for="company">会社名</label> <div><input name="company" type="text" id="company" size="50" /></div></li> <li><label for="name">お名前（ご担当者名）</label> <div><input name="name" type="text" id
bodyに62.5％と指定する方法 - purazumakoiの[はてなブログ]
これもWeb Directions East 2008に参加した人から紹介された フォントサイズをブラウザ間で統一するためのTips なんでも業界では有名な、ダン・セダーホルムという人がこのやり方でやっているらしい bodyに62.5%と指定すると何がよいのか？ ブラウザのデフォルトサイズは何もしないと16pxなので 16px × 0.625 = 10px という風にまず基本サイズを10pxにする。 で、12pxで表示したかったらfont-size:1.2emとか、px単位で考えれるようになる。 直感的に指定できるとここが味噌みたい。 例 body { font-size: 62.5%; } p.text1 { font-size: 1.2em; } /* 12px相当 */ p.text2 { font-size: 1.4em; } /* 14px相当 */ 参考 RedLine Mag
![bodyに62.5％と指定する方法 - purazumakoiの[はてなブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a33c6a8fe3a04f712c3947a8dc9a720520819a9/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704538227038789114%2F11696248318755873160%2F1374114784)
[使えるCSSテクニックVol.2] CSS を使った見栄えの良いテーブル パート2 | バシャログ。
[HTML] <table id="table-01"> <tr> <th>MS 名</th> <th>パイロット</th> <th class="speech">台詞</th> </tr> <tr> <td>ザク II</td> <td>ジーン</td> <td>シャア少佐だって、戦場で勝って出世したんだ！</td> </tr> <tr class="even"> <td>グフ</td> <td>ラル</td> <td>ザクとは違うのだよ、ザクとは！</td> </tr> <tr> <td>アッガイ</td> <td>アカハナ</td> <td>大佐、イワノフのアッガイがやられました</td> </tr> <tr class="even"> <td>ゲルググ</td> <td>シャア</td> <td>ララァ、私を導いてくれ</td> </tr> </table> [CSS] 要所のみ掲
![[使えるCSSテクニックVol.2] CSS を使った見栄えの良いテーブル パート2 | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌
Justify elements using jQuery and CSS jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法が紹介されております。 何ができるか？というのは次の図を見て頂くのがはやいでしょう。 ビフォア ↓↓↓↓ アフター これを実現するために、CSSとマークアップによって実現するのが普通ですが、jQueryによってもっとスマートに出来るようですね。 具体的には、次のように、label の中で width がもっとも大きいもののサイズを得て、そのサイズにJavaScriptで調整しちゃうというものです。 $(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); });
ハイクオリティなフリーHTML&CSSテンプレート集「101 High Quality CSS And XHTML Free Templates」
TOP > WebDesign > ハイクオリティなフリーHTML&CSSテンプレート集「101 High Quality CSS And XHTML Free Templates」 今やWEB制作で標準ともいえるCSSとXHTMLによるレイアウト。今日紹介するのはそのCSSとXHTMLによって作られた無料のテンプレートを集めたエントリー「101 High Quality CSS And XHTML Free Templates」です。 Preview | Download 様々な種類、ジャンル、デザインテイストのテンプレートが集められています。今日はその中から気になったテンプレートをピックアップして紹介したいと思います。 詳しくは以下 ■Genious Web XHTML And CSS Template ワイドを大胆に使ったテンプレート。迫力があります。 Preview | D
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]実用的なレイアウトが揃っているフリーのテンプレート集 -Best Free Templates
http://www.dynamicdrive.com/style/csslibrary/item/corporate_css_tableless_form/P20/
http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/P140/
http://www.designwalker.com/2009/03/form-design-2.html
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
