2ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

CSSでイケてるデザインサイト 40

1 :Name_Not_Found:2007/06/25(月) 17:20:19 ID:???
HTMLをCSSでイケてる感じにデザインしたサイトをあげるスレ。
過去スレ等々は >>2-5 の辺りです。

◆HTMLをCSSのみでデザイン
・ソースなどをきちんとチェックして、物理・修飾要素、
 本来の目的に添わないTableの使用がないことを確認しましょう。

◆デザイン とは
・デザインは設計と訳されるべき、スタイル、ユーザビリティーを含んだ
 包括的な意味を持つ単語。見た目も重要だけど見た目だけじゃない。
・「使い勝手は最高、見た目最悪」も「見た目最高、使い勝手最悪」も
 良いデザインとはいえません。

◆イケてるデザイン とは
・イケてるか否かは個人の感覚の違いが出ますが、抽象論はおなかいっぱいです。
・各種サイズの可変/固定は、可変の方が人に優しい、固定の方が見栄えよくしやすい、です。

◆サイトへのコメント
・サイト推薦時にはコメントを添えよう!(自薦の場合は潔く申告すること。)
・サイトが紹介されたらできればコメントしてあげましょう。
・意見のズレにはあまりからまない。荒れる元になります。

◆既出を確認
・サイト紹介の際は、リンク集・リンク集2・まとめWikiでガイシュツでないか確認!
 1. ガイシュツチェッカーを使うと便利です。
 2. ガイシュツでもリニューアルされていれば大丈夫です。

952 :Name_Not_Found:2007/08/09(木) 20:48:18 ID:???
それはそもそもカラムが駄目って話の方だろう。

953 :Name_Not_Found:2007/08/09(木) 21:14:31 ID:???
広告だけが横スクロールバーで移動しなきゃならない右側にはみ出る可変が
あったら最高かもしれない。

954 :Name_Not_Found:2007/08/09(木) 23:08:45 ID:???
ジーンズにバンダナってなんですか?

955 :Name_Not_Found:2007/08/10(金) 02:09:26 ID:???
>>953
できるけど無駄だろw
そんなの作るくらいなら下におけばいい

956 :Name_Not_Found:2007/08/10(金) 02:41:23 ID:???
>>931
first-letter云々が記事にあった、と>>929は書いてないような?文盲かしら。

まあともかくfirst-letterってのはさー、画像を控えてデザインしたいっていう人には
助かる要素なんだよ。センスないかなあ。
私も使うけども、「他の装飾方法があまり開拓されてなかった時期」のを使うセンスが問題なのかなあ?

957 :Name_Not_Found:2007/08/10(金) 02:57:59 ID:???
私には恰好いいスタイルをつくる才能がないから、あえて平凡なスタイルをつくろうと思う。

そのためにはまず、恰好いいスタイルをつくるひとを批判しなければならない。
なぜなら私の価値がなくなってしまうからです。
恰好いいスタイルをつくる多くのひとたちは、アクセシビリティ・ユーザビリティに関心を払わない。
軽視している。これで私の価値は上昇した。

恰好いいデザインは他の人に任せて、私はアクセシビリティ・ユーザビリティ重視でいきたい。
あくまでもあえて、平凡なスタイルをつくろうと思う。

958 :Name_Not_Found:2007/08/10(金) 03:12:36 ID:???
ケミカルウォッシュのジーンズにバンダナ

秋葉ではフツーやん

959 :Name_Not_Found:2007/08/10(金) 05:45:38 ID:???
夏だなー

960 :Name_Not_Found:2007/08/10(金) 07:52:24 ID:???
自分も:first-letterはよく使うが、センスがないから:first-letterに頼って
しまうんだろうか。センスがあるとはどういうことって話だが。

961 :Name_Not_Found:2007/08/10(金) 08:48:41 ID:???
>first-letterが流行ったのなんて、他の装飾方法があまり開拓されてなかった時期だろ。

歴史修正主義だなw
first-letterはオサレだとおもいます。

962 :Name_Not_Found:2007/08/10(金) 09:53:15 ID:???
演出としては定番だし、これからも残っていくでしょうね

963 :Name_Not_Found:2007/08/10(金) 10:09:40 ID:???
>>954
賽銭箱に百円玉投げようとする人

964 :Name_Not_Found:2007/08/10(金) 12:24:01 ID:???
first-letterが合った方が読みやすいよ
ニュース系サイトみてて特に思う
http://japan.cnet.com/research/column/insight/per/story/0,2000091177,20354006,00.htm?ref=rss

965 :Name_Not_Found:2007/08/10(金) 12:31:12 ID:???
どこにつかわれてるのかわからん。
text-indentのことじゃなかろうな。

966 :Name_Not_Found:2007/08/10(金) 12:45:33 ID:???
first-letterで英字段落最初を二倍角にしてfloatってのに蝶憧れている。
ttp://www.swlab.it.okayama-u.ac.jp/man/rec-css2/selector.html#first-letter

967 :Name_Not_Found:2007/08/10(金) 12:55:33 ID:???
わかるわかるw でも和文だとうまくいかないんだよな
serifつかうとなんかガイナックスみたいになって嫌だ

>>964
恥かしい子だな

968 :Name_Not_Found:2007/08/10(金) 14:17:31 ID:???
わかるわかるw
おまけに日本語の形式段落と英語のパラグラフじゃ大分違うから
形式段落で二倍角なんてやっても恥ずかしいしなー。

969 :Name_Not_Found:2007/08/10(金) 15:13:08 ID:???
text-indentどころか全角スペースだからな、それ。
そのサイトが読みづらいというなら、まあ分かるけど。

970 :Name_Not_Found:2007/08/10(金) 23:55:15 ID:???
>>969
段落の一番最初にカギ括弧がきてる場合は、日本語の作法として字下げはしないものなんだよね。
だから自分は、それを使い分けるCSSを書くのも面倒で、段落の最初に地の文がきてる場合は全角スペースを入れて字下げしてる。
(そもそも文書に意味づけを行うHTMLでは、こういうのを使い分けるためのクラス名なんかは書くべきじゃないだろうけど。)

971 :Name_Not_Found:2007/08/11(土) 00:06:05 ID:???
小説サイトやってるけど、字下げは手打ちスペース。
WEB上の表現だから、paragraphとしてマージンとれば問題ないんだけどね。
そうすると、原稿用紙のルールを守れよ!ってメール送ってくる奴がいるから鬱陶しいんだ。

どうでもいいな。こんな話。

972 :Name_Not_Found:2007/08/11(土) 02:18:24 ID:???
white-space:pre

973 :Name_Not_Found:2007/08/11(土) 03:24:19 ID:???
>>971
スペースとマージンだと、前者がテキストの中身そのもので後者が単に修飾になるから
全然意味は違ってくるぞ。
別にどっちの意味を選択するんでもいいが、表現としての問題じゃない。

974 :Name_Not_Found:2007/08/11(土) 11:06:08 ID:???
>>970-971
激しく同意できない

975 :Name_Not_Found:2007/08/11(土) 12:50:55 ID:???
 たとえそのコーヒーがこぼれたとしても、彼らは発言を撤回することはないだろう。
一枚の紙切れさえあれば、ことは足りるのだ。すくなくとも、男はそう確信していた。
 そのときだった。玄関からけたたましい物音と共に何者かの声が聞こえてきたのである。
「あばばばばば! びろーん!!」
 紛れもない、忍びの里が送り込んだであろう刺客の襲撃だった。

↑ってのが小説としての形式だけど、これをWEBで発表する「WEB上のテキスト」だとするなら、

 たとえそのコーヒーがこぼれたとしても、彼らは発言を撤回することはないだろう。
一枚の紙切れさえあれば、ことは足りるのだ。すくなくとも、男はそう確信していた。
 そのときだった。玄関からけたたましい物音と共に何者かの声が聞こえてきたのである。
「あばばばばば! びろーん!!」
 紛れもない、忍びの里が送り込んだであろう刺客の襲撃だった。

976 :Name_Not_Found:2007/08/11(土) 12:53:00 ID:???
 たとえそのコーヒーがこぼれたとしても、彼らは発言を撤回することはないだろう。
一枚の紙切れさえあれば、ことは足りるのだ。すくなくとも、男はそう確信していた。
 そのときだった。玄関からけたたましい物音と共に何者かの声が聞こえてきたのである。
「あばばばばば! びろーん!!」
 紛れもない、忍びの里が送り込んだであろう刺客の襲撃だった。
--------------------------------

↑ってのが小説としての形式だけど、これをWEBで発表する「WEB上のテキスト」だとするなら、

--------------------------------
<p>たとえそのコーヒーがこぼれたとしても、彼らは発言を撤回することはないだろう。
一枚の紙切れさえあれば、ことは足りるのだ。すくなくとも、男はそう確信していた。</p>

<p>そのときだった。玄関からけたたましい物音と共に何者かの声が聞こえてきたのである。</p>

<p>「あばばばばば! びろーん!!」</p>

<p>紛れもない、忍びの里が送り込んだであろう刺客の襲撃だった。</p>
--------------------------------

これでもいいんじゃね? でもそうすると「原稿用紙のルール守れよ」って奴が湧いてくる
って意味じゃないか? たぶん。

977 :Name_Not_Found:2007/08/11(土) 13:14:49 ID:???
p {
text-indent: 1em; /* ←全角スペースを使うかどうかは投稿ルールで決めておく */
margin: 0;
font-family: xxxxx, monospace; /* ←好みで */
line-height: 2em; /* ←これも好みで */
}
とかで出版物風になるだろうが、Web だと横組みが基本になるし、
返って読みにくいというか、違和感ありそうだな。
青空文庫あたりで既出の議論かもしれないが、その辺はよく知らん

978 :Name_Not_Found:2007/08/11(土) 15:29:00 ID:???
>>976
そういうことじゃなく、全角スペースというテキストで取るか
CSSの装飾とするかで、全角スペースが意味ある文章なのか装飾なのかが
変わってくることが問題じゃん。

979 :Name_Not_Found:2007/08/11(土) 16:02:19 ID:???
brでいいよ

980 :Name_Not_Found:2007/08/11(土) 16:41:54 ID:???
>>978
字下げの要素があるんならともかくとして、マークアップとして考える必要ないだろ。

>>976
元のテキストはパラグラフじゃないじゃん。「HTMLのルール守れよ。」

981 :Name_Not_Found:2007/08/11(土) 16:42:15 ID:???
内容物の先頭に 「 がある場合を除外、つうセレクタがあればいいが現状無理。
会話とか発声を表すパラグラフならクラス割り振っても問題ないとは思うが。

982 :Name_Not_Found:2007/08/11(土) 16:56:48 ID:???
>>980
マークアップとしてはpしかないだろ。
ただスペースが文字かCSSかというところだけが問題だ。

983 :Name_Not_Found:2007/08/11(土) 19:02:22 ID:???
HTML+CSSにまで組版の作法を持ち込むこともないんじゃない、と思ったがパラ
グラフ先頭の「は字下げしない組版ソフトってあるんだろか。TeXなら対応し
ているかなと思ったがだめだった。

984 :Name_Not_Found:2007/08/11(土) 20:01:36 ID:???
>全角スペースが意味ある文章なのか装飾なのか

全角スペースが意味ある文章って、具体的にはどういうこと?
字下げはリーダビリティの問題じゃないの?

985 :Name_Not_Found:2007/08/11(土) 20:05:01 ID:???
文芸関係だと、こだわりが強い作家もいるんじゃないの?
プロ/アマ問わず。

986 :Name_Not_Found:2007/08/11(土) 20:16:09 ID:???
そういえば、Mac系で行頭の全角スペースを無視するブラウザがあったな。
Safari1.0だったかな。バグだろうけど。

987 :Name_Not_Found:2007/08/11(土) 20:34:34 ID:???
もうJavaScriptでやっちゃえよ

988 :Name_Not_Found:2007/08/11(土) 20:48:03 ID:???
外人でも全角スペース使うの?

989 :Name_Not_Found:2007/08/11(土) 21:30:35 ID:???
海外のOSに全角スペースってあるのか?
向こうは先頭の一文字でかくしてるのが多いよな

990 :Name_Not_Found:2007/08/12(日) 07:00:25 ID:???
990

991 :Name_Not_Found:2007/08/12(日) 07:00:56 ID:???
991

992 :Name_Not_Found:2007/08/12(日) 07:33:11 ID:???
タイでは5文字くらい平気でインデントとるよ埋め

993 :wordpress:2007/08/12(日) 10:53:21 ID:???
aaaaaaaaaaaa

994 :Name_Not_Found:2007/08/12(日) 13:01:05 ID:???
>>984
リーダビリティの問題でしかないのなら「」もテキストとして必要なくなる。
contentにすべせき、という意見になるぞ。

995 :Name_Not_Found:2007/08/12(日) 13:27:36 ID:???
a

996 :Name_Not_Found:2007/08/12(日) 13:28:20 ID:???
i

997 :Name_Not_Found:2007/08/12(日) 13:29:07 ID:???
u

998 :Name_Not_Found:2007/08/12(日) 13:32:59 ID:???
998

999 :Name_Not_Found:2007/08/12(日) 13:34:04 ID:???
999

1000 :Name_Not_Found:2007/08/12(日) 13:34:36 ID:???
1000
ヤッホーーーーーーー
初めてだぜ!!!!!!!!!!!!!!!!!!!!
うはwwwwwwwwおkwwwwwwwwwwwwwwww
VIPPER

1001 :1001:Over 1000 Thread
このスレッドは1000を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。

191 KB
★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.02.02 2014/06/23 Mango Mangüé ★
FOX ★ DSO(Dynamic Shared Object)