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

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

/*CSSでイケてるデザインサイト!*/

1 :カススタイラー:2001/03/31(土) 03:51
ありそうでなかったテーマ、カスイケスレ!
駄スレ、外出、終了等のレス付くことは想像できるが、
あえて立てよう。

http://members.jcom.home.ne.jp/ksmiracle/Computer/CSS.html
大抵のものはここにあるだろう。

では、また。


2 :Name_Not_Found:2001/03/31(土) 03:53
カスですか。


3 :Name_Not_Found:2001/03/31(土) 03:54
カススタイラーって・・・
まあいいや。

4 :Name_Not_Found:2001/03/31(土) 14:54
http://www.gotdotnet.com/team/webcontrols/mathservice.asmx#Subtract

5 :カススタイラー :2001/03/31(土) 18:39
がんばって探します。

http://www.dive-in.to/~tks/

6 :カススタイラー :2001/03/31(土) 18:42
http://www.interq.or.jp/www1/da4393/begin/

>このHPはWindowsのIE4でしか
>正しく表示されません。
>IE4で見てください。m(__)m


7 :カススタイラー :2001/03/31(土) 18:53
http://www.threeoh.com/structure.html

タト人。

8 :Name_Not_Found:2001/04/01(日) 02:04
>>5
テーブルレイアウト
>>6
いきなり重ね文字
>>7
スタイルシート切ると無意味な画像、訳分からん

もっとマシなページ探して来いやこのチンカス。

9 :Name_Not_Found:2001/04/01(日) 06:55
>>8
はげ同意。

10 :カススタイラー :2001/04/01(日) 10:23
>>8
>>9
阿呆かあんたら。
だれが『あくせしびりぃ』なサイト捜せっつったよ?こんにゃろ。
『CSSでイケてるデザインサイト』だよ、こんにゃろ?

…まぁしかし
>>8>>9
派手しく同意。


11 :Name_Not_Found:2001/04/01(日) 10:32
>>10
ワラタ

12 :9:2001/04/01(日) 11:15
>>10
あら、あなたちょっとステキねェ。
興味が湧いてきたわ。んふ。

ここはどうかしら上のよりまともよーん。
http://www.cc-net.or.jp/~piro/index.html

あとその際とからのリンク
http://www.cc-net.or.jp/~piro/links/_making_webpage.html#c_design-css

13 :カススタイラー :2001/04/01(日) 11:40
>あとその際とからのリンク
より
http://www.page.sannet.ne.jp/m-shina/
閉鎖だってさ(w

http://w2222.nsk.ne.jp/~u_pyong/




14 :Name_Not_Found:2001/04/01(日) 11:56
>http://www.page.sannet.ne.jp/m-shina/
>閉鎖だってさ(w

レイプリノレフーノレだからって、閉鎖はいかんよな(w
アクセシビリティの面では最悪だが主旨と違うようなのでsage

15 :Name_Not_Found:2001/04/01(日) 13:23
エイプリルフールだからって嘘つけばいいって紋じゃないよな.
面白くないとな.

16 :Name_Not_Found:2001/04/01(日) 13:51
<!-- 『Lab SiR』は 4月 2日より『SiR』と改称して順次リスタートしていく予定です。 -->

17 :Name_Not_Found:2001/04/01(日) 14:00
http://hms.vis.ne.jp/bwr/
嘘カミングアウトしてるし( ;´Д`)

18 :Name_Not_Found:2001/04/01(日) 14:07
>>16 てことは閉鎖は嘘でわないっつーことかッ!

19 :Name_Not_Found:2001/04/01(日) 23:49
>>17
キッチンワラタ

20 :Name_Not_Found:2001/04/07(土) 05:10
age

21 :Name_Not_Found:2001/04/07(土) 14:17
>>11
の http://www.cc-net.or.jp/~piro/index.html
このサイトはちょっと為になるかもあげ

22 :Name_Not_Found:2001/04/07(土) 15:36
CSS関係のスレで紹介されるサイトがいっつも同じだ。
他には無いのか?

23 :Name_Not_Found:2001/04/07(土) 15:55
そりゃ、質問があるたびに上位(謎)から紹介されていくのは当然なわけで。
いっつも同じになるのは仕方ないんじゃないかな?

24 :Name_Not_Found:2001/04/07(土) 15:57
>>22

ieonly.skipup.com/~zena/
www.iris.dti.ne.jp/~fuse/
www.skipup.com/~l-_-l/
www.skipup.com/~peace/

skipupの幹部連中にそれっぽいのがいたぜ。


25 :Name_Not_Found:2001/04/07(土) 16:13
>>24
l-_-l氏のサイト、前はシンプルで良い感じだったのに。
だんだんと最悪になっていくなぁ。。。
なにが一体彼をそうさせるんだろう。。。

26 :Name_Not_Found:2001/04/07(土) 16:14
>>22
そう思うなら自分でもっとイイの作ってよ。
いやマジで。


27 :Name_Not_Found:2001/04/08(日) 00:46
>>26
てことは、既出サイト以外にはもう無いってことね。

28 :22:2001/04/08(日) 02:12
>>27
少なくとも俺は知らん。

29 :Name_Not_Found:2001/04/08(日) 17:57
>>25
はは。最悪っすか。最悪っすネ。
…直しまソ…。(そのうち)

既出じゃないっぽいトコ
ttp://hp.vector.co.jp/authors/VA025093/

30 :Name_Not_Found:2001/04/08(日) 19:52
なんかアダルトサイトなのにxhtml&cssで書いてあるとこ発見。
過去ブラウザ気にしてないのかな?
それとも確認済みなのかな?
アダルトにしてはカコイイサイトのように思われ。
http://www.ero-site.com/
↑それにしても恥ずかしいドメインだ(笑)

31 :Name_Not_Found:2001/04/08(日) 20:13
↑カッコイイ

32 :Name_Not_Found:2001/04/08(日) 21:08
ホントだ。
各戸好いじゃん
>>30
アダルト系もxhtmlとか使うようになってきたんだね
でもメディアの進化はアダルトからって言うしね
とりあえずage

33 :Name_Not_Found:2001/04/08(日) 21:24
>>30
でもエロサイトとしてはダメだな。

34 :Name_Not_Found:2001/04/09(月) 00:15
もっとないのか!?
age ♥

35 :Name_Not_Found:2001/04/09(月) 10:38
>>33
激同。あのデザインでは小綺麗すぎて勃たないな。

36 :Name_Not_Found:2001/04/09(月) 15:05
でも変にきったねー目がちかちかするサイトよかずっといいと思うけどな。
どうでもいいのでsage

37 :Name_Not_Found:2001/04/09(月) 15:05
sageミスった。スマソ。

38 :Name_Not_Found:2001/04/09(月) 15:30
ていうかもっとエロいのきぼん

39 :差下:2001/04/09(月) 16:10
ttp://www.bekkoame.ne.jp/ha/appe/maingallery.htm

40 :Name_Not_Found:2001/04/09(月) 16:50
http://www.seniornet.ne.jp

41 :Name_Not_Found:2001/04/09(月) 17:23
http://www.jedi.to/web/

42 :Name_Not_Found:2001/04/10(火) 06:37
もっと出せ

43 :Name_Not_Found:2001/04/10(火) 09:33
やだッ

44 :Name_Not_Found:2001/04/11(水) 00:54
>>1 のページからテキスト系?らしいのをめっけた。
http://www1.neweb.ne.jp/wa/fishq/
http://magiann.milkcafe.to/jujube/

どうッスか?


45 :Name_Not_Found:2001/04/11(水) 02:41
>>40
すばらしい。
凝ったレイアウトしてるのに文字サイズ変えてもレイアウト崩れないし、
このページを見るであろう身体的弱者の為にHTML4+CSSを上手に利用している。
単に自己満足の為にアクセシビリティだWAIだ騒いでるページとは大違い。

>>44
ただ単にCCS適用してるってだけのページでは?

46 :Name_Not_Found:2001/04/11(水) 03:19
たしかに>>40はいいね。参考なる。

47 :Name_Not_Found:2001/04/11(水) 10:20
>>40
いいですね。
ナビゲーション、文字の大きさ、見やすさ文句無し!

48 :カススタイラー:2001/04/11(水) 10:36
>>40
透過画像の使い方がいい。
ただ、ちと重いな…。

外出承知でまぁコレとか。
http://www2.gol.com/users/slowhand/kilmac/kilmac_i.htm

おれ、マカーです。ゴメンくさいゴメンくさいゴメンくさい!

49 :Name_Not_Found:2001/04/11(水) 11:37
>>48
イメージほぼゼロでこの見栄え・・・おそれいる。

50 :Name_Not_Found:2001/04/11(水) 11:38
>>40
はちょっと本気でイイ!な。

51 :Name_Not_Found:2001/04/11(水) 11:59
>>48
いや、おもいっきりテーブルつかてるですけど

52 :Name_Not_Found:2001/04/11(水) 12:04
>>51
w3c信者の・・・じゃないからいいんじゃない?そういうのは
いちおーCSS使ってるし

53 :426:2001/04/11(水) 12:40
>>40マジ素晴らしい。

54 :sage:2001/04/11(水) 15:37
>>51
参考>>10

55 :Name_Not_Found:2001/04/11(水) 16:15
ttp://www.age.ne.jp/x/wwkt/frame.html

56 :Name_Not_Found:2001/04/11(水) 18:50
>>52
まあいいとは思うけど「CSSでイケてるデザイン」にテーブルレイアウトは
含まれるかって判断は人によって違うからね。

俺的に「CSSでイケてる」と思うのは
・テーブルは使わず段組等のレイアウトを実現している。
・スタイルシートを切っても問題なく閲覧できる。
・border装飾ばかりじゃなく画像を効果的に使っている。
・文字サイズを変えてもレイアウトが崩れない。
といった所。特に3番目は重要。

57 :ねぎま:2001/04/11(水) 19:41
>>40
拙作であります。感想どうもです。背景固定はIE4ユーザーに
ちょっとやさしくなかったかなと思う次第です。Win95/98入れて
そのままブラウザアップデートせずに使ってる人とか、ご年配
には多いからなあ。

すでに更新は自分の手から離れていて、今は徐々に崩れて
いくのをただ見守るのみです。手渡した時はまだ7割の出来
だったので、やや切ないです。

とか書いてみる。WAI的な思想を実践で使うと
どうなるかな、という実験的要素もあった仕事でした。
NN4対策でゴネられたらホームページ・リーダーを盾に
すると良いようです。言い方悪いけど。

58 :ねぎま:2001/04/11(水) 19:43
あとero-site.comのリンクちかちかにハッとした。
何気ない小技が好きです。

59 :ねぎま:2001/04/11(水) 19:46
>>48
MacIE5だと殺人的に重いよね…。CSSファイルの指定が
複雑だったり、階層が深かったりすると起こる症状みたい。
http://www.cc-net.or.jp/~piro/index.html とかも同じ
症状に陥ってるっぽい。positionを使うと起きる気がする。スマソ
あと何回も書いてスマソ

60 :カススタイラー:2001/04/11(水) 20:03
おお、制作者様ですか。

MacIE5にはおれも泣かされています。
ある意味、http://www2.gol.com/users/slowhand/kilmac/kilmac_i.htm
は正しいかもしれん…。

読み込みの遅さはいずれ時の流れが解決するでしょう。(おそらく)
ただ、表示の違いだけはどーしようもない。

困ったもんだ。

>ねぎま
何かオススメきぼんぬ




61 :ねぎま:2001/04/11(水) 21:07
>>60
表示の違いは、奇抜なことをしなければ
努力でそこそこ埋まると思います。がんばって。
根本的なフォントの差とか色味はどうにもならないけど、
目標がそれを追い求めることかどうか、の方が重要です。

おすすめは、多分何回もURL出てきてるだろうけど
http://www.netlaputa.ne.jp/~yamakita/
http://coolo.junbi.net/dicros/
あたりで。前者は言わずもがな、後者は一見普通ですが
そのうち化けるであろうセンスを持ってます。

62 :Name_Not_Found:2001/04/11(水) 21:21
>>61
どっちもどこにでもありそう。。
つうか小奇麗にちゃんと整理されてるだけで、
こんな事も出来ない奴が多いからこうやって話題にのぼるんだろうな。。
この程度の事が「標準」になっててもおかしくないはずなのにな。

63 :Name_Not_Found:2001/04/11(水) 21:27
>>62
>つうか小奇麗にちゃんと整理されてるだけで、
ここにどれだけの奥深さがあるか御主には知る由も無かろう。

64 :Name_Not_Found:2001/04/11(水) 21:28
>>63
いやだから、それを奥深いと言っちゃうからダメなんだって(w

65 :Name_Not_Found:2001/04/11(水) 21:34
では貴方の作ったサイト、あるいはおすすめサイトを
教えて頂こうか。話はそれからだ。

そこにあぐらをかいていてはダメだという意味では同意。

66 :Name_Not_Found:2001/04/11(水) 21:46
>>65
ん?なんで教えるの?そんな話の流れか(w会話がおかしいぞ(w

67 :426:2001/04/11(水) 22:24
>>61
そのふたつは駄目だ。>>40はマジで素晴らしいが。

68 :オグマ:2001/04/11(水) 22:38
>>67
サイトの用途に合わせたレイアウトがよろしいんでは?
シニアネットは情報サイト(?)なので専念されたデザインが必要ですが,
テキストサイトはそういうのはないんでは?


69 :ねぎま:2001/04/11(水) 23:03
>>67
どのへんが駄目か、よければ教えてください。
ちゃんと見るべきところがあると自分では
思うんだけどなあ。

70 :Name_Not_Found:2001/04/11(水) 23:12
>67
40のサイトは掲示板がテーブルレイアウトだぞ。

71 :Name_Not_Found:2001/04/12(木) 01:08
61=69 は、そのサイトにこだわるが、
そんなに一押しだったのだろうか。
ハードルは高く持っていいと思うけどな。

72 :Name_Not_Found:2001/04/12(木) 02:09
ねぎまさん。すばらしいです。

73 :426:2001/04/12(木) 15:52
>>69
たとえばメニューやナビゲーションを英語にしているとか(title属性で補足すれば良いというものではない)。
リンク文字列とそうでない文字列との違いが下線のみとか(いや微妙に違う色のような気もするが)。
深い階層に入るほどにタイトルが伸びるのもどうかとか(まあ伸びてもイイっちゃイイが)。
などなど、些細といえば些細な点ばかりだし、DeltaはDelta単体としては良いのだろうとは思うが、、
駄目つうのも言葉のアヤみたいなもんで、見るべきところは個所としては当然ある。
そもそも本気で駄目なサイトやページであっても、見るべきところが全く無いわけではないし。

74 :426:2001/04/12(木) 15:56
あと後者のほうとか見てて思うんだが、日本語の中に入るアルファベット(でもcodeとか
じゃなくて日本語として混入しているもの)の前後に半角スペース入れるのってどうなの?
非視覚ブラウザにとってはノイズに過ぎないように思うのだが…

75 :Name_Not_Found:2001/04/12(木) 16:23
Macのアクセスキーショートカットはcontrol+キー。

76 :ねぎま:2001/04/12(木) 19:00
>>71
こだわるというか、比較的センスよく使ってるなということで
挙げてみたですよ。視点によるかも。

>>72
ありがとお。

>>73
なるほどね…。頷けるといえば頷ける。上でも書いたけど
視点の違いだろうね。タイトルにあるような
「CSSでイケてるデザインサイト」という文面から直感で
選ぶと自分はああいうサイトを挙げた、ということで。

日本人向けである以上、直感を超えた英単語を使うのは
マズイし、リンク色は標準が良いというのはわかる。

ノイズといえばそうなのかなあ。読み上げブラウザでは
支障は出ないと思うんだけど。自分も短い英単語のみ、
とかだとスペースはさむよ。でも「DOCTYPE 宣言」みたいな
書き方はしないなあ。

これがつまり

>日本語の中に入るアルファベット(でもcodeとか
じゃなくて日本語として混入しているもの)の前後に〜

ってこと?

>>75
そだっけ。自分の記憶ではcmdだったような。

77 :ねぎま:2001/04/12(木) 19:17
http://www.motchie.com/article/multicolumn.html

こんなのがあたよー。

78 :Name_Not_Found:2001/04/12(木) 21:34
>>40
すばらしくもなんともないやん。>>17 と変わらん普通のテーブル風やん。

79 :Name_Not_Found:2001/04/12(木) 23:09
>>74
http://www.alpha-net.ne.jp/users2/kater/wind/note/011.html
こういう見方もある。

80 :オオグマ@ippc013.shinenet.ne.jp:2001/04/12(木) 23:45
>>73-74
>>79 みたいなことがあるので空けてます。音声ブラウザで読み上げたことはないので
わかりませんが,それなりに理解はできるんじゃないかなあと思ってます。
実際にそういう人が近くにいれば実験できるんですが。
あと,リンクを張ってるときは,英数字であろうと全角字であろうと半角スペース
空けてます。

81 :Name_Not_Found:2001/04/13(金) 00:15
「ありがとうは英語で【スペース】Thank you【スペース】といいます。…………」
という風には読み上げられないのか。

82 :オオグマ:2001/04/13(金) 00:26
「スペース」と読まれるってこと?
それはないような気がするけどなあ。
僕の予想はちょっと間ができるぐらいだと。

83 :Name_Not_Found:2001/04/13(金) 00:32
Ve2000 では「スペース」なんてアホな読み方はされなかったが?


84 :Name_Not_Found:2001/04/13(金) 02:08
>・空白を入れない。アルファベットを使用することにより、(和文の作法に
> 則って)単語の切れ目は示されている。したがって、さらに他の手段で
> 境界を明示する必要はない。
>・空白を入れる。さもないと、(欧文の作法に則って)アルファベットの
> 部分が地の和文と意味的に連続していることになり、おかしいからである。
>どちらも一理あるようで、簡単にはどちらが正しいとは言い難い。

そうでもないと思う。日本語とアルファベットは対等関係ではなく、
日本語の文章にアルファベットがあるという包括関係にあるのだから、
あくまで人は日本語モードで読んでいく。だから、日本語のルールが
優先されるのが自然。例えば、きれいに日本語とアルファベットで
単語が分かれているうちはいいのだが、実際には「NTTドコモ」という
ように一つの単語にアルファベットが混合する場合がある。その場合、
読みやすいからといって「NTT ドコモ」としてしまうと、空白に
「余計な意味」が出てきてしまい、ひとつの単語としては違和感が
生じてくる。そういうことまで考えると、結局、ルールが一意に統一
できず、統一感に欠けてくる。だから空白は入れないのが無難と思う。

85 :Name_Not_Found:2001/04/13(金) 02:13
>>84
なる。。でもどっちも一理あってよくわからん。

86 :Name_Not_Found:2001/04/13(金) 02:20
>>84
うーん。そういう場合は「NTTドコモ」と言う固有名詞一単語だから
区切らなくていいんじゃないかなぁ?と思う。
この場合はNTTも含めて日本語の一単語だと捉えられると思うので。

ちなみに僕は前後空ける派。時々気分で変わるけど(笑)。
例えば
「Linuxの生みの親であるLinus Torvards氏がMacOS Xを批判。」
より
「Linux の生みの親である Linus Torvards 氏が MacOS X を批判。」
のほうが区切れ方として自然に見えると思うから。

試した事ないけど>>81みたいな事はありえないと思う。
文字コードどおりに読み上げるわけじゃないんだから。

87 :オオグマ:2001/04/13(金) 02:27
くっつけたら見にくくない?なんか全角文字と半角文字は合わないような気がしてしょうがない
んだけど。「Win3.1はMS-DOS上で動作してた」より「Win3.1 は MS-DOS 上で動作してた」の
方が読みやすいとは思うけどなあ。つまり,人の好みということかなあ。論理的には解決しな
いような気がしてきたよ。
でも,一つのサイトの中にスペース入れてるのと入れてないのが混合して統一感がなかったら
気持ち悪いけどね。

関係ないけど「コントロール パネル」なんかスペース入れてるよねー。


88 :Name_Not_Found:2001/04/13(金) 02:45
Win3.1
Win 3.1

数字の前後もスペースを入れるべきだろうか。

89 :オオグマ:2001/04/13(金) 02:49
>>88
それ,同じく悩みました。
「HTML 4.01」と書くときに,W3C の仕様書やら翻訳された仕様書やら
HTML な書籍やら雑誌やらそこら中を見たんですが,結局バラバラだった。
だから,僕が信頼しているサイトが記述しているように「HTML 4.01」とした。そんだけー

90 :ネーム・ノット・ファウンド:2001/04/13(金) 05:27
日本語文中にアルファベットを用いる必要は全くない。
「エヌティーティードコモ」
「ウィン3.1はエムエスドス上で動作してた」
「エイチティーエムエル4.01」

91 :空けない派:2001/04/13(金) 07:54
>>90
なるほど・・・と思ったが、
ISOのように「アイエスオー」「イソ」の二通りの読みがある場合や、
書き手が読み方を知らない場合に困る。

そういうことはスタイルシートでやるべきものではないか。
http://www.doraneko.org/misc/i18n-format/WD990127.html

92 :Name_Not_Found:2001/04/13(金) 08:56
>>89
日本語の文中にHTML 4.01が出てくる場合、HTML的には
<p lang="ja">この文章は<span lang="en">HTML 4.01</span>で書かれているぞゴルァ。<p>
ってならないか?
言語属性が英語の要素内は英語の書式で書けばいいんじゃないか?

93 :Name_Not_Found:2001/04/13(金) 10:16
>>92
閉じてないよ…。

94 :オオグマ:2001/04/13(金) 16:21
>>91
>>92 のような感じで CSS を使えば解決しそうだけど,そういう CSS が完全に
実装されるのはまだまだ遠いと思うなあ (その仕様書は Microsoft の人が書いてる
みたいだけど)。

<p>なんだか <span class="en" lang="en">HOT</span> な気分だ。</p>

span.en { padding: auto 0.2em; }

こんな感じに class 属性を使用して (Mozilla なら lang="en" を判別),今のところは CSS の
padding で空白を作るのはどうだろう? ちょっと話がそれてるような気がするけど。


95 :86:2001/04/13(金) 17:38
>>94
なるほど。それスマートだね。

96 :名無し:2001/04/14(土) 02:56
>94
だとしたら、英語で終わる文章はどうするんですか?
例えば「ID。」だとしたら、IDと句点の間に意味を成さない
ブランクができるんだけど。
その部分だけ見栄えのためのclass(padding)を与えないってのは
どうだろう? 例えば文章をIDの後に付け加えた場合とか。

97 :オオグマ:2001/04/14(土) 03:16
class に二つ指定したらどうだろうか。たとえば以下のような感じで。

「僕のお気に入りは<span class="en">ZDNET</span>と <span class="en end">TECHSIDE</span>。」

span.en { padding: auto 0.2em; }
span.end { padding-right: 0em; }

ちょっと複雑になっちゃうけど,今のところはこのぐらいしか思いつかないよ。

これがおいしくなかったら,もう手動しかないね。

98 :Name_Not_Found:2001/04/14(土) 03:53
んなことはいいからイケてるサイト探して来いやゴルァ( ゚Д゚)

99 :Name_Not_Found:2001/04/14(土) 06:43
>>98
それ正しい。
でもせっかくちょっといい話題で盛り上がってるから許してよ。

ちなみに私は英語で終わって読点がつく場合でも他と同じように
paddingがあってもいいように思います。別に変じゃないような気が…。

100 :Name_Not_Found:2001/04/14(土) 07:06
やっぱり"空けない"と割り切ってしまったほうが、
すっきりすると思うけどなあ。例外に悩まなくて済む。
そもそも、空けなくても、読みにくいほどじゃない。

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

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

read.cgi ver 05.04.00 2017/10/04 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)