ようこそゲストさん

トップページ > > 「ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？」の詳細

まずは記事をブックマークしよう

記事をみて、この記事にひとこといいたい参考になったので後で見ようと思ったらをクリック。
Buzzurlにブックマークすることができます。

22 19:11:47 by zazie-tyoさんこのサイトの新着ブックマーク

(以下本文からの引用)

yamazakiです。最近だいぶあたたかくなってきましたね。おかげで日中眠くて仕方ないわけですがいかがお過ごしでしょうか。
ウノウに入る以前も含めてそれなりに長いことHTMLとCSSを書いてきたわけですが、今回は試みに、「だいたいこういうところに気を使われたHTMLだと、CSSでのデザイン適用やレイアウトがやりやすいな」というこれまでの経験則を簡単ですがまとめてみたいと思います。
まあ、このあたりはCSS書く人とHTML書く人の間でちゃんとルールを決めておけばいいだけの話なので、そもそも何の役に立つのか疑問といえば疑問ですが（笑
たとえばユーザがCSSを書いてスキンを作れるようなサービスを作る際、どういったHTMLにするかを決める、みたいな時には少し参考になる、かもしれません。
ID、クラスを適切に割り振って、要素がCSS...

このエントリーのキーワード

このエントリーに関するコメント/返信 (8)

コメントをRSSフィードに追加

2008-04-22 14:23:03 by saburaimuさん [ＨＴＭＬ＆ＣＳＳ＆ＸＨＴＭＬ]
[tips] [css] [html] [webdesign]

これは使えるかも！

2008-04-22 19:12:23 by zazie-tyoさん返信(0)
2008-04-23 04:04:40 by inventさん [*css] [*tips] [*webデザイン] [ウノウラボ]
2008-04-23 05:10:48 by ftnk1221さん [html] [css] [ToRead]
2008-04-23 07:37:13 by yahoosizuさん [toread] [ウノウラボ] [参考になる]
2008-04-23 14:20:01 by liad0201さん [toread] [CSS] [あとで]
2008-04-23 19:51:15 by gkohey6311さん [あとで読む] [ウノウラボ] [わかりやすい]
2008-04-24 16:43:46 by yexyukyさん [あとで読む] [design] [web]

はてなブックマークのコメントを読み込み中です

このエントリーの関連エントリー

キーワードに「ウノウラボ」を含むエントリー

をここにドラッグ＆ドロップすると
関連エントリーとして登録することができます

1 2 3 4 5

CSS: ...続きを読む
メカデザイン: 《mechanical designから...続きを読む
CSSホールディングス: 正式社名「株式会社CSSホールディングス...続きを読む

RSSリーダーに追加

他のソーシャルブックマーク

この記事に問題がありますか？

通報する

<form action="/config/related/rate" method="post" id="rate_#{relation_no}" onsubmit="rate_relation(this); return false;" style="margin:0;">
				<input type="hidden" name="thumbprint" value="">
				<input type="hidden" name="relation_no" value="#{relation_no}">
				<input type="hidden" name="url" value="#{url}">
				<input type="hidden" name="score" value="1" id="score_#{relation_no}">
				<p class="rating">参考になりましたか？<input class="img" type="image" src="http://buzzurl.jp.eimg.jp/static/image/entry/btn_rating_yes.gif" value="yes" alt="はい" onMouseOver="this.src='http://buzzurl.jp.eimg.jp/static/image/entry/btn_rating_yes_on.gif';" onMouseOut="this.src='http://buzzurl.jp.eimg.jp/static/image/entry/btn_rating_yes.gif';" onclick="$('score_#{relation_no}').value='1';"><input class="img" type="image" value="no" src="http://buzzurl.jp.eimg.jp/static/image/entry/btn_rating_no.gif" alt="いいえ" onMouseOver="this.src='http://buzzurl.jp.eimg.jp/static/image/entry/btn_rating_no_on.gif';" onMouseOut="this.src='http://buzzurl.jp.eimg.jp/static/image/entry/btn_rating_no.gif';" onclick="$('score_#{relation_no}').value='0';"></p>
				<span id="indicator_#{relation_no}" style="font-size: 10px; color:white; background-color:red;display:none;">　</span>
			</form>

<p class="pic"><a href="/user/#{login}"><img src="http://buzzurl.jp.eimg.jp/user/#{login}/photo/small.png" style="width:30px"></a></p>
			<div class="c_body">
				<div><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_tl.gif" class="tl"><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_tr.gif" class="tr"></div>
				<div class="detail">
					<form action="/config/response/submit" method="post" onsubmit="response_post(this); return false;">
						<input type="hidden" name="bm_id" value="#{bm_id}">
						<input type="hidden" name="thumbprint" value="">
						<p class="txt">
						<input type="text" name="response" size="60">
						<input id="btn_#{bm_id}" type="submit" value="返信">
						<span id="loader_#{bm_id}" style="display:none"><img src="http://buzzurl.jp.eimg.jp/static/image/ajax-loader.gif">保存中です</span>
						</p>
					</form>
					<p class="res"><a href="javascript:void(0);" onclick="response_form_close('#{bm_id}'); return false;">閉じる</a></p>
					<div class="clear"><img src="http://buzzurl.jp.eimg.jp/static/image/common/s.gif"></div>
				</div>
				<div><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_bl.gif" class="bl"><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_br.gif" class="br"></div>
			</div>

<div class="detail">
					<p class="txt">#{response}</p>
					<p class="name">#{timestamp} by <a href="/user/#{login}">#{login}</a>さん</p>
					<p class="res" style="font-size:11px;">
					<a href="javascript:void(0);" onclick="response_delete('#{id}', '#{bm_id}', ''); return false;">削除</a>
					</p>
					<div class="clear"><img src="http://buzzurl.jp.eimg.jp/static/image/common/s.gif"></div>
				</div>
				<div><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_bl.gif" class="bl"><img src="http://buzzurl.jp.eimg.jp/static/image/common/balloon_bg_res_br.gif" class="br"></div>
			</div>
			</li>

まずは記事をブックマークしよう

ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
2008/04/22 19:11:47 by zazie-tyoさんこのサイトの新着ブックマーク

共通タイトルの編集保存中です

このエントリーのキーワード

このエントリーに関するコメント/返信 (8)

はてなブックマークのコメントを読み込み中です

このエントリーの関連エントリー

キーワードに「ウノウラボ」を含むエントリー

関連用語

RSSリーダーに追加

他のソーシャルブックマーク

この記事に問題がありますか？

まずは記事をブックマークしよう

ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？ 2008/04/22 19:11:47 by zazie-tyoさん このサイトの新着ブックマーク

共通タイトルの編集 保存中です

このエントリーのキーワード

このエントリーに関するコメント/返信 (8)

はてなブックマークのコメントを読み込み中です

このエントリーの関連エントリー

キーワードに「ウノウラボ」を含むエントリー

関連用語

RSSリーダーに追加

他のソーシャルブックマーク

この記事に問題がありますか？

ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
2008/04/22 19:11:47 by zazie-tyoさんこのサイトの新着ブックマーク

共通タイトルの編集保存中です