1read 100read
2013年04月Web制作695: CSSでデザインしたサイト 2 (630) TOP カテ一覧 スレ一覧 2ch元 削除依頼
皆が使えるテンプレートを作るスレ3 (636)
【ローカルルール】痛い注意書き 2【俺ルール】 (259)
TABLEデザインのサイトをCSSでどこまで再現できるか (728)
みんなでWeb制作解説サイト作らない? (519)
TABLEデザインのサイトをCSSでどこまで再現できるか (728)
【簡単】取っ付き易いWebページ講座Part3【正確】 (642)

CSSでデザインしたサイト 2


1 :03/10/25 〜 最終レス :2012/09/15
正しい HTML を CSS のみでデザインしたサイトをあげるスレ。
過去スレ等々は >>2-10 の辺り。
・自薦は禁止ではないが、他薦を装った自演は見抜かれます。自薦するなら潔く!
・サイト紹介の際は、リンク集・リンク集2でガイシュツでないか確認、
 ソースをみるかリントでチェックしる。
 アドレスだけじゃなくサイトへのコメントも!
・サイト紹介時にはメール欄空白でID表示を推奨。
 age進行が好ましくないと思われる場合はトリップをつけるべし

2 :
前スレ
http://pc2.2ch.net/test/read.cgi/tech/1067072595/l50

3 :
>>1
モツ

4 :
>>1=前スレの電波

5 :
よくやった!

6 :
>>1
RすぎんだよR

7 :
糞スレ勃てんなボケ>>1

8 :
>>4
いや、おれじゃない。
>>1しね。

9 :
今度は順調な立ち上がりだな

10 :
>>1
マゾですか?

11 :
Mは何の略か知っている人は結構居るけど
Sが何の略なのか知っている人は意外と少ない

12 :
>>11
Slave & Masters

13 :
サディスティックとマゾヒスティックかとオモタ

14 :
http://www12.ocn.ne.jp/~popship/2003-electric_prefer_world...html

15 :
本スレはマターリ進行中★
http://pc2.2ch.net/test/read.cgi/hp/1065889619/

16 :
メモ
http://www.ugtop.com/spill.shtml

17 :
お元気ですかー

18 :
>>11
サディズム&マゾヒスト

19 :
サディズム=攻撃的な性質
マゾヒスト=被虐的な性質の人
なんで性質と性格同列にしてんだはげが

20 :
むこうで久々にサイトが晒されていたので、コピペ。
http://saiyo.jr-central.co.jp/


21 :
M=マルキドサド
S=澁澤龍彦

22 :
>20
流れとしては
このスレで大量にCSSレイアウトサイト発掘→
その中からイケてるサイトがカスイケスレ
っていうのが理想といえば理想だけどな。

23 :
6hot観察スレにCSSでデザインしたサイトリストあったな
Validかどうかはチェックしてないけど

24 :
age

25 :
>>23
これだな。
まあ6hotサイトらしいからボランティア(?)ってことで。
while ("im automaton");
http://nicht.s8.xrea.com/
とてむぽ ヽ(;´Д`)ゝとーてんぽー
http://www7.ocn.ne.jp/~totemupo/
digi^2
http://amn.s24.xrea.com/digi/
D*3(だってだめだもの)
http://members.at.infoseek.co.jp/bant666/
AcidTentacle
http://tentacle.s35.xrea.com/
Led better
http://www.geocities.co.jp/Bookend-Kenji/7624/
リヴメモ
http://mulho.parfait.ne.jp/
mobitype
http://mobitype.vis.ne.jp/
yukiakari
http://www.boreas.dti.ne.jp/~huit/
銀瓶梅
http://www.pandora.nu/kuzuha/
inside vision
http://insidevision.oops.jp/
Routine Days
http://www.users.yun.co.jp/~souichi/

26 :
レスしてから気付いた。
一週間以上前の書き込みかよ・・・

27 :
なんだか落ち着いちゃったからね〜。

28 :
R >>24

29 :
ttp://pawa.sinayaka.com/
2chでの宣伝をして、無料サーバー管理人をバカにして、謝罪もなしに削除した香具師。

30 :
宣伝か私怨か・・・

31 :
http://www.kinpa.com/
惜しいかな。h1とか入れてくれればカスイケに持っていくのに…。

32 :
デジャブが・・・
既出じゃねーの

33 :
>>31
すげ―。
ここまでこだわって div と span だけだと、
むしろすがすがしいね。

34 :
>>31
div厨確定だな

35 :
>>31
やべ…
漏れのサイトとすげーソースが似てんだけど…

36 :
>31表示が早い気がする。
気のせいか?
divとspanだけでやってると早くなるのかな?

37 :
tableでやるよりは早いだろうな

38 :
http://web.poporo.net/home/kuroneko/

39 :
>38
素直に綺麗。

40 :
>>38
よくわかんない。

41 :
意味は分からないけど、コードは綺麗だね。
401Transitional & css.
W3C信者っぽいが。

42 :
>38
マルチカラムデザインじゃないから…

43 :
W3C信者ならFONTタグなんて使わんだろう。

44 :
>42
こういった情報載せだけのサイトだったら
余りマルチカラムデザイン自体向いてない気する
これ、要は一般人が無料R系サイトを利用する時に
相手が本物の女性かどうか判別する為のサイトだよ
余計な装飾されると扱いづらい。

45 :
http://www.scottandrew.com/
http://www.hssh.jp/~hssh/
http://thefool.fc2web.com/
http://www.1point.jp/~book_2ch/index.html
http://red.ciao.jp/fantasy/
http://www.aquaplace.com/
http://starry.night.nu/
http://www.macintoybox.com/
http://www.d1.dion.ne.jp/~hirosi_s/index.html
http://www.annie.ne.jp/~sheepers/komain.html
http://3110.sunnyday.jp/
http://cheser25.hp.infoseek.co.jp/
http://phoenity.com/
http://www.users.yun.co.jp/~souichi/
http://radicli.net/rr/
http://d-o-b.ciao.jp/^o^/
http://www.windfarm.co.jp/
http://www.deadbydesign.com/
http://www006.upp.so-net.ne.jp/Initialz/index.html
http://chankaz.cside4.jp/
http://raku-gaki.com/
http://apc.dip.jp/takaya/index.htm
http://www1.odn.ne.jp/~cce60200/
http://www.muffy.jp/
http://www.ritsumei.ac.jp/kic/~tyv07679/index-j.html
http://tr.vis.ne.jp/
http://www.kapowaz.net/?showarticle=13032003
http://akiko.kuhndesign.com/
http://www.clagnut.com/
http://www.interq.or.jp/orange/nori/
http://www10.plala.or.jp/psychedelic-text/

46 :
多いなオイ

47 :
http://www20.tok2.com/home/ilovemankonoana/

48 :
懐かしいなオイ

49 :
いい!いいな!おい!

50 :
でもさ…。
せっかく綺麗なソースでも、これからスタイルシートに
マルチカラムが追加されると思うと欝でない?

51 :
age

52 :
http://www.siliconcafe.com/
昔はテーブルタグばかりだったのに

53 :
>>52
<p>&nbsp;</p>
汚点はこれだけだと思う。
他はすばらすぃ

54 :
W3C Validator変わったのに今気づいた

55 :
<div class="header">
<h1><span class="image-h1">ようこそ、シリコンカフェへ</span></h1></div>
<div class="center">
<div class="container">
とか
<span class="blackback"> <p>〜
とか
まぁそれはともかく、なんか見難くないか?

56 :
>>55
漏れもすごく読みにくいサイトだと思った。
正直、イマイチ。

57 :
グラヒクがカコイイだけに何だかショボーン

58 :
http://www.scottandrew.com/
http://www.hssh.jp/~hssh/
http://www.1point.jp/~book_2ch/index.html
http://thefool.fc2web.com/
http://red.ciao.jp/fantasy/
http://www.aquaplace.com/
http://starry.night.nu/
http://www.macintoybox.com/
http://www.d1.dion.ne.jp/~hirosi_s/index.html
http://www.annie.ne.jp/~sheepers/komain.html
http://3110.sunnyday.jp/
http://cheser25.hp.infoseek.co.jp/
http://phoenity.com/
http://www.users.yun.co.jp/~souichi/
http://radicli.net/rr/
http://www006.upp.so-net.ne.jp/Initialz/index.html
http://chankaz.cside4.jp/
http://raku-gaki.com/
http://akiko.kuhndesign.com/
http://tr.vis.ne.jp/
http://www.interq.or.jp/orange/nori/
http://www.clagnut.com/
http://www1.odn.ne.jp/~cce60200/
http://www2.ocn.ne.jp/~u.kenji/
http://www.muffy.jp/
http://d-o-b.ciao.jp/^o^/
http://www.windfarm.co.jp/
http://www.deadbydesign.com/

59 :
CSS系スレ議論隔離所 ※議論はここで※
(カスイケスレ、CSS質問スレなどなど)
前スレ?
CSSデザインの可能性を探るスレ
http://pc5.2ch.net/test/read.cgi/hp/1048226232/l50

60 :
ユーザービリティのお話ならこっち↓
http://pc5.2ch.net/test/read.cgi/hp/1020575673/
アクセシビリティのお話ならこっち↓
http://pc5.2ch.net/test/read.cgi/hp/1034270272/
http://pc5.2ch.net/test/read.cgi/hp/1036059671/
フォントのお話がしたいならこっち↓
http://pc5.2ch.net/test/read.cgi/hp/1045635129/
とりあえずCSSでデザインしたサイトを晒したいならこっち↓
http://pc5.2ch.net/test/read.cgi/hp/1065882318/
その他W3C系の話題ならこっち↓
http://pc5.2ch.net/test/read.cgi/hp/1059912652/
http://pc5.2ch.net/test/read.cgi/hp/1061741473/
http://pc5.2ch.net/test/read.cgi/hp/1065719058/
まだまだループ議論が足りない人はここ↓

61 :
前スレ最後の方で突如切れてる人は何なんだろう。。。
本スレにも誘導を張り始めたし。
ちょっと前にいたユーザビリティの話をしたくない人?

62 :
>>61
したい人?

63 :
>>61
ユーザービリティのお話ならこっち↓
http://pc5.2ch.net/test/read.cgi/hp/1020575673/

64 :
>>62=63
デザインはユーザビリティを含まないと思ってるの?
スクリプト反応が嫌いなだけじゃなくて?

65 :
>>61
具体的なサイトに対するユーザビリティ評価を離れた
抽象論はしたくないですけど。

66 :
>>65
そりゃ、具体的なサイトを離れた抽象論は
どんな話題にも限らずしたくないですよ。

67 :
隔離スレだの押し付け合いをしてただけだの、どうレッテル貼ろうと結構。
本スレさえ正常に機能すればいうことないので。

68 :
「馬鹿ばっか」
これほどこの言葉が似合うスレはないな、本スレ含め。

69 :
>>67
いってるし←と突っ込むスレなんですよね、ここは。

70 :
>>68
ずっと黙ってたかおまえが一番馬鹿っぽいぞw

71 :
>>66
したくない抽象議論が過去に散々ループされてそのせいで
イケてるサイトを紹介という本来の機能が邪魔されたわけで。
質問スレのほうじゃ議論のせいで質問できないみたいなこともあったわけで。
CSS系スレにはこうした議論スレが必要だということがわかったわけなんで。

72 :
>>71
そう思って議論スレとしてこっちを次スレに指定したら突然切れはじめたわけだが。

73 :
>>70
だから、馬鹿ばっかなんだよ。俺もお前も。

74 :
>>72
主流派が、だろ?

75 :
抽象的なデザイン議論を本格的・徹底的にしたいと思って来たら、
「隔離スレ」であんまりな参上に唖然とした人がいたんじゃなかろうか。
きっとしばらくしたらテンプレ先のスレで活発な議論がわき起こるよ。

76 :
主流派は議論スレの次スレができるのが面白くないらしい。

77 :
元々主流派を隔離する為に作られたようなスレが今やっと機能しだすとはな

78 :
良識派って都合の悪い事は全部主流派に押し付けんのなwwwwwwww

79 :
主流派って結局他人のサイトにちゃっちゃ入れたいだけだろ。
実際コアな話できる場でしないもの。だから抽象論ばっかり展開する

80 :
>>78
(´,_ゝ`)プッ

81 :
>>78
↑こういうのが主流派な

82 :
>>74 76
よくわからんが↓は主流派なのか? >>75なら納得できるけど。
993 Name_Not_Found 04/06/09 23:31 ID:???
次スレは、ってはってるやつは荒らしてる側の人間だというのはよくわかる
995 Name_Not_Found 04/06/09 23:46 ID:???
>>993
なぜ?
996 Name_Not_Found 04/06/09 23:50 ID:???
どこが誘導先っていうかそいつに当て嵌まる所を誘導する。
テンプレに混ぜてないのは偏った奴の所業
(中略)
997 Name_Not_Found 04/06/09 23:52 ID:???
>>996
>994読んだ?
ここはループ議論隔離スレなんだ。
くだらない議論しかしてなかったじゃん。
998 Name_Not_Found 04/06/09 23:53 ID:???
じゃループ議論隔離スレでも立てれば?
アクセシビリティの話をアクセシビリティのスレでするのは問題ないだろ。
無駄に煽ったり大事めかして騒ぎ立てるやつがいるから問題なだけだ。

83 :
本スレで抽象議論ループさえ煽らないでくれたらいいよ。
主流派は早くRばいいね。

84 :
ユーザビリティに触れたいのが主流派だとすれば、
彼はそうじゃないみたいだから主流派じゃないと思うんだが。

85 :
■主流派
・CSS使ってるだけで珍しかった時代の残党
・L字ボーダー、キモオタが多い
・簡素であればユーザビリティが優れていると曲解している
・文字サイズ指定や幅固定してるサイトを叩くのが大好き
・抽象論を展開し、なんとか自分達がイケてるということにしようと必死
■良識派
・テーブルレイアウトから脱却した組
・基本的にセンスは高い
・揚げ足取りと批判の区別がついている
・ユーザビリティもしっかり研究している
・議論は白い目で眺めつつ、イケてるサイトをしっかり紹介

86 :
テンプレみておこるやつって当てはまるやつ。これは誤魔化しようの無い事実

87 :
主 幅固定R
良 >>主 おまえがR ←ここで噛み付くから荒れてループに突入するんです。過去ログを読むとよくわかります
スルー出来ないお子様は死んだほうよい

88 :
>>84
散々既出だが、触れたい触れたくないという次元の話じゃなくて、
具体的なサイトの評価を離れた抽象議論はやめれという話。
意図的に「ユーザビリティに触れたくないんですね」みたいに
摩り替える輩がいるようだが。「リンク集未掲載者の僻み」に近いものがある。

89 :
・基本的にセンスは高い
・揚げ足取りと批判の区別がついている
・ユーザビリティもしっかり研究している
・議論は白い目で眺めつつ、イケてるサイトをしっかり紹介

こういう人は前スレやこのスレには書き込まない。これは誤魔化しようの無い事実

90 :
・議論は白い目で眺めつつ、イケてるサイトをしっかり紹介
早く紹介してくれよ。本スレ過疎ってるよw

91 :
>>87
まあ 常識的にいわせてもらえば主の段階が間違ってんだけどな。
良が絡むからって主が責を問われないわけではないから。
主A:幅固定R(系発言)←あらし
主B:幅固定R(系発言)←あらし
主C:幅固定R(系発言)←あらし
主D:幅固定R(系発言)←あらし
主E:幅固定R(系発言)←あらし
良 >>主E おまえがR
ってのがパターン

92 :
>>88
微妙にユーザビリティ全否定派がいるみたいには見える。

93 :
そんな簡単に見つからないよ。
海外の紹介サイトの更新待ちだったり、雑誌待ちとかね。
個人だけで探すのは限界があるから。
最初から探したこともない人にはわからんだろうが。

94 :
>>87
北朝鮮みたいな発想だな。お前がR。

95 :
>>91
言い方はともかく「幅固定だね」といった発言まで否定するのはどうかと。
それ言うと「配色おかしいね」といった発言まで否定しなければならなくなる。

96 :
主流派の荒らしを放置してるとスレの総意だと勘違い。
ほんと悪い流れだわ。黙ってると馬鹿をみるね

97 :
>>96
主犯

98 :
>>95
これはもうねスクリプト発言なの。

99 :
>>95
確かに。
ユーザビリティに重きを置く人にとってはチェックポイントの一つ。
言及すること自体を悪とみなすべきでない。
その後の抽象議論に展開する方を問題視すべき。

100read 1read
1read 100read
TOP カテ一覧 スレ一覧 2ch元 削除依頼
■◇■アクセストレード専用スレ パート1■◇■ (766)
【ブログ】ブログってウザクないか?【blog】 part3 (472)
みんなでWeb制作解説サイト作らない? (519)
【Not Valid】偽HTMLがW3Cアイコン貼るな! (452)
とにかく掲示板に書きこみが欲しいなら・・ (381)
【これは】気に入った機能を挙げるスレ【便利だぜ】 (384)
--log9.info------------------
ホジュン(許浚)宮廷医官への道 part2 (377)
【コメディー】ママと恋に落ちるまで【FOX】 (205)
【FOX】ラスベガス Las Vegas -4- (631)
【AXN】グレイズ・アナトミー Part6【禁ネタバレ】 (486)
【FOX】New Girl 〜ダサかわ女子と三銃士 (526)
【スパドラ】Law&Order:LA Part2【スピンオフ】 (306)
アルフ・再放送中★9【火7:25〜】 (677)
0011ナポレオン・ソロ4 (372)
現地放送中の韓国ドラマ2 (530)
ふたりは最高! ダーマ&グレッグ 16 (216)
【韓流セレクト】天使の誘惑 (215)
☆☆☆ エミー賞ほか予想スレ 2010〜 ☆☆☆ (297)
【ネタバレ有】HOUSE M.D. part2【FOX.com】 (608)
【WOWOW】アンフォゲッタブル 完全記憶捜査 Part1 (598)
★韓ドラベストワーースト&ランキングスレ★ (657)
【LaLa TV】スレ立てるまでもない海外ドラマ 2 (326)
--log55.com------------------
メトロノームを使ったことない奴
ブラームスみたいな作曲家になりたい
カシオトーン・ポータトーン Part2
お前ら一つの曲完成させんのにどれ位時間かかる?
ピアノの先生に恋をした
原曲聴かないとピアノ弾けないヤシ
ショパンの練習曲Op10-10を弾きたくて
ピアノと精神病