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

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

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

1 :カス:02/08/01 15:51 ID:8l1ietOD
正しいHTMLとCSSを使っているいいデザインのサイトをあげるスレ。

過去スレ
 1. http://natto.2ch.net/hp/kako/985/985978270.html
 2. http://pc.2ch.net/hp/kako/998/998894057.html
 3. http://pc3.2ch.net/test/read.cgi/hp/1010800617/l100
関連スレ
 CSS イケてるスタイルを作れ
  http://pc3.2ch.net/test/read.cgi/hp/991906104/l100
 CSS/DHTMLバグ辞典
  http://pc3.2ch.net/test/read.cgi/hp/991666454/l100
 代替スタイルシート
  http://pc3.2ch.net/test/read.cgi/hp/991400015/l100
 CSS スタイルシート質問スレッド 9
  http://pc3.2ch.net/test/read.cgi/hp/1025346520/l100

CSSでイケてるデザインサイトリンク集
 http://members.tripod.co.jp/monar01/

299 :Name_Not_Found:02/09/17 17:30 ID:???
悪くはないけど、いかにもありがちな感じだなぁ。
ま、読みやすいからいいんじゃない。


300 :Name_Not_Found:02/09/17 20:38 ID:???
他言語対応ナエ

301 :Name_Not_Found:02/09/17 22:26 ID:???
http://www.printnet.co.jp/~ukun/

最近適当?な感じだが私は彼のスタイルが大好きです。

302 :Name_Not_Found:02/09/17 22:48 ID:???
>>301
何を今更。このスレの初代>>1さんじゃん(w

303 :とっておきの:02/09/18 02:33 ID:???
切り札です。

いいですか。
刮 目 し て 見 る べ し
www.geocities.co.jp/AnimeComic/5732/

凄いぞ。大いなる意味で。

304 :Name_Not_Found:02/09/18 06:24 ID:???
>>303
感動しますた。

305 :Name_Not_Found:02/09/18 14:23 ID:???
>>303
素晴らしい。

306 :Name_Not_Found:02/09/18 16:34 ID:???
>>303
たぶんスレ違いです。



…え?マジレス禁止?

307 :noxy:02/09/18 23:37 ID:???
出尽くしですかな?

308 :Name_Not_Found:02/09/18 23:56 ID:iuBdGuaw
http://sugi.pobox.ne.jp/

デザインは・・・
内容は中々面白かったです。


309 :Name_Not_Found:02/09/18 23:58 ID:???
そろそろリストから落とすべきサイトをチェックすべき時では?
物凄い量になってるっしょ。

310 :Name_Not_Found:02/09/19 00:06 ID:???
気に入らないサイトがあるんですね?

311 :309:02/09/19 01:30 ID:???
>>310
いや、そう言う訳では…(^^;;
実際全部見たわけではないし(w

ValidなHTMLじゃないやつとかも混じってきてるっぽいし、
見直してみるのもどうかな?と思ったんです。

312 :Name_Not_Found:02/09/19 01:49 ID:???
>>303
レナ姫を超したナ カコワライカコトジ

313 :Name_Not_Found:02/09/20 11:47 ID:???
>>298
偶然印刷プレビューしてみて気づいたけど、いいね。
「本家」と称するほうには論文なんかもあるみたいで、
そのせいか紙で見ることを意識したスタイルになってる。

314 :Name_Not_Found:02/09/20 14:13 ID:???
なんとなく香ばしいと感じる漏れは多分ひねくれてんだろうな

315 :Name_Not_Found:02/09/20 15:35 ID:???
http://www2.odn.ne.jp/akimbo/index_j.html
http://redlight.parfait.ne.jp/
http://www.sixnine.net/finkl/

暇だったから湾岸道のアンテナ巡回。既出だったらスマソ

316 :Name_Not_Found:02/09/20 15:59 ID:???
一番上のサイト、ブラウザのUAを偽装してるのでアクセス出来なかった。

317 :Name_Not_Found:02/09/20 16:10 ID:???
一番上のサイトの掲示板を覗いて思ったんだけど
旧かなの連中が書き込んだりしたら俺だったら削除しちゃうな

スレ違いsage

318 :Name_Not_Found:02/09/20 21:54 ID:???
>>315
3つとも文章の読みやすいレイアウトでなかなか良い

319 :Name_Not_Found:02/09/21 02:49 ID:???
もっとない?

320 :Name_Not_Found:02/09/21 03:56 ID:???
>>1
のCSSでいけてる〜に載ってるのでもショボイデザインのサイトあるよな

321 :Name_Not_Found:02/09/21 04:02 ID:???
headlineで左右どっちかのボーダー太くして、上下は細くってのとか飽きた

322 :Name_Not_Found:02/09/21 20:32 ID:???
>>321
headlineってなんですか

323 :Name_Not_Found:02/09/21 21:44 ID:???
http://www.tokyomissile.com/

324 :Name_Not_Found:02/09/21 21:53 ID:???
http://www.d-mix.net/pc-main.html
宣伝にあらず。
今日届いたspamの送り元。ホントに本人が作ってるのだろうか…。

325 :Name_Not_Found:02/09/21 22:30 ID:???
>322
Hn(H1〜H6)

326 : ◆/Re6aTC. :02/09/21 22:31 ID:???
>>324
下着とビデオの販売をしている個人サイトかYO!
ハァハァ

327 :Name_Not_Found:02/09/21 23:45 ID:???
>>326
200番目のサイトが閉鎖してますた。と報告してみたりするCUBE。

328 :Name_Not_Found:02/09/22 01:00 ID:???
>>324
<br><br><br><br><br><br>とかやってるし、
テーブルレイアウトだし、スレ違いだ。

ていうか、晒すときには一度ソースをよく見てから晒してくれ。皆の衆。

329 :Name_Not_Found:02/09/25 11:29 ID:???
<p><br></p>

330 :Name_Not_Found:02/09/25 12:34 ID:???
皆の衆なんて使うの?ふつうに

331 :Name_Not_Found:02/09/25 15:37 ID:???
ageるぞ皆の衆。

332 :Name_Not_Found:02/09/26 15:22 ID:???
もっとない?
すげーの

333 : :02/09/26 19:26 ID:???
(´∀`∩)↑age↑

334 :Name_Not_Found:02/09/26 22:32 ID:???
http://chihaya.3nopage.com/Osaka/index.php

Osakaフォントスレで発見

335 :Name_Not_Found:02/09/26 23:47 ID:???
>334
禿しくtable

336 :Name_Not_Found:02/09/27 00:01 ID:???
>>334
( ´,_ゝ`)

337 :Name_Not_Found:02/09/27 00:02 ID:???
>>334
宣伝?

338 :Name_Not_Found:02/09/27 01:23 ID:???
一件CSSに見えるけどソース見ると激しくtableだね…


339 :Name_Not_Found:02/09/27 04:54 ID:???
>>338
tableを模したcssなら見てきたけど

cssっぽいtableて(w

340 :Name_Not_Found:02/09/27 05:52 ID:???
これはパッと見気付かないね
テーブルレイアウトするようなレイアウトじゃないし。

341 :Name_Not_Found:02/09/27 06:21 ID:???
逆に、CSSでなら>>334のデザインをどう実現すればいいのですか?
見出しに十文字の線がつくのとか。
marginやposition:relativeのマイナス値とか、強引で不自然な手法しか思ひつかない……。

342 :Name_Not_Found:02/09/27 06:34 ID:???
画像やborder併用すれば色々考えられるんじゃないの?
仮にスマートな方法がなかったならデザイン変えればいい。
グリッドレイアウトに囚われすぎてるとCSS的な視野が狭まるよ

343 :ふへ:02/09/27 06:38 ID:P/vq+APu
これぐらい、いくらだって方法はある。説明するのもだるい。

344 :Name_Not_Found:02/09/27 07:37 ID:???
>>342
borderを使用するのは当然のことが、
それでも「marginやposition:relativeのマイナス値」避けられまいよ。

>>343
なら書き込まなくてよいぞ。

345 :ふへ:02/09/27 07:58 ID:P/vq+APu
>>344
marginやposition:relativeのマイナス値も使わずに出来る。
position:relativeがマイナス値になってしまうのは、見出しの単語をボックスの中の左上に書こうとするからだろ。

346 :Name_Not_Found:02/09/27 08:08 ID:???
>>345
<h1><strong>見出し</strong></h1>と入れ子にして
strong要素にmargin-leftを指定するってこと?
それにしたってmarginやposition:relativeのマイナス値無しでは
線を十字に交叉させることはできない。
直角三角形の斜辺を除いた形なら作れるけど。

347 :Name_Not_Found:02/09/27 09:07 ID:???
線が交差した画像を作っておいて、背景に指定すれば?

348 :Name_Not_Found:02/09/27 09:38 ID:???
ホント、ふへはわかってない奴だな。やれやれ。

349 :ふへ:02/09/27 12:29 ID:P/vq+APu
>>346
ボックスを複数使っても出来る。

>>341
小学生ですか?
マイナスが不自然だの強引だのっていう発想は、小学校までの算数の考え方です。
中学校でマイナスの概念を理解しましたか?理解すればマイナスもプラスも似たような数だということがわかります。

>>347
それはボツ。今はcssでという事だから、画像を使うのは反則。

350 :ふへ:02/09/27 12:49 ID:???
>>341のための中学校数学入門講座 上

現在、一般的に使われる数の考え方は、小学校までのそれとは違って、中学校での数の考え方を用いられています。
中学校での数の考え方は、小学校までの数の考え方が拡張されたもので、小学校までの数は扱うことができ、さらに小学校までの数の考え方では扱うことが出来なかった現実世界の多くの数を表現できます。
では、次回で中学校での数の考え方の本題に入ります。

351 :Name_Not_Found:02/09/27 12:53 ID:???
CSSで画像は使っちゃいけないんですかぁ?

352 :ふへ:02/09/27 12:57 ID:P/vq+APu
>>341のための中学校数学入門講座 下

中学校の中学校の始めに出てきた、+8や−6といった数字、これらは何を指しているのでしょうか。
中学校での数は、0を基準とし、0を省略する、といった2つの考え方の上に成り立っています。
だから、+8というのは、詳しく書けば、0+8という意味で、-6は、詳しく書けば0-6という意味です。
これら、数や数式といったものは、現実世界などに現れる数量を記号と数字で置き換えたものに過ぎませんので、
0+8と0-6は言葉でも表現することが出来ます。0+8と0-6はそれぞれ、0から8増えたもの、0から6減ったもの、です。
そうです。これで+という数と−という数が同レベルの数だということがわかったと思います。
みなさんは>>341のような痛々しい人にはならないように、立派な大人になってください。
これで講義は終わります。

353 :ふへ:02/09/27 13:02 ID:P/vq+APu
>>351
画像を使っていいなら、344も画像を使ったらいいと言ってたはず。
画像は出来る限り使わない方がいいし、画像は無しという方向の空気が流れていると感じたのは僕だけでしょうか


354 :Name_Not_Found:02/09/27 13:04 ID:???
新種のスレ乗っ取りですか?

355 :ふへ:02/09/27 13:07 ID:???
>>354
違います

356 :Name_Not_Found:02/09/27 13:16 ID:???
ふ へ 必 死 だ な (藁

357 :Name_Not_Found:02/09/27 13:28 ID:???
くれぐれもバスジャックなどするなよ
二番煎じは(・A・)イクナイからな

358 :Name_Not_Found:02/09/27 14:23 ID:???
marginのマイナスはできたけど
paddingはだめでした。何故ですか?
頭痛いです。

359 :Name_Not_Found:02/09/27 14:37 ID:P/vq+APu
では頭痛薬を飲んでください。

360 :Name_Not_Found:02/09/27 14:47 ID:???
たかが十字のボーダーつくるために何個もdiv使ったり、マイナスのマージン指定するくらいなら、
画像使った方がよっぽどスマートだと思うがどうよ。
borderの値に十字ってのがないんだからすなおに画像使えよ。本末転倒かと。

361 :ふへ:02/09/27 14:52 ID:P/vq+APu
まあ、僕だったら画像を使うな。

362 :Name_Not_Found:02/09/27 14:57 ID:???
>>359
ふへタン、いらっしゃい♥

363 :Name_Not_Found:02/09/27 18:26 ID:???
>>360
>borderの値に十字ってのがないんだからすなおに画像使えよ。本末転倒かと。

激しく同意。

364 :Name_Not_Found:02/09/27 20:59 ID:???
ふへ>マイナスが不自然だの強引だのっていう発想は、小学校までの算数の考え方です。
あのな。
marginの負値やpositionはバグりやすいから、
古いヴァージョンのブラウザでも表示を崩れさせないためには
なるべく使用しない方がいいんだよ。ワカッタ?

365 : :02/09/27 21:04 ID:???
>>358
http://www.w3.org/TR/REC-CSS2/box.html#value-def-padding-width
<q>Unlike margin properties, values for padding values cannot be negative. </q>

>>360
そだね。
画像でやるのが最も簡単だし、HTMLいじくる必要もないしね。


366 :Name_Not_Found:02/09/27 23:02 ID:???
ここは既出でしょうか?
http://cgi22.plala.or.jp/simpleli/
mozillaスレで見つけました。

367 :Name_Not_Found:02/09/27 23:49 ID:???
しばらく見ないうちに盛り上がってるね(w

368 :Name_Not_Found:02/09/28 04:00 ID:???
>>364
バグるブラウザが悪い。

369 :ふへ:02/09/28 05:43 ID:???
>>364
>marginの負値やpositionはバグりやすいから、
>古いヴァージョンのブラウザでも表示を崩れさせないためには
>なるべく使用しない方がいいんだよ。ワカッタ?

自身のhtml文書記述ミスをバグのせいにする人発見・・・。

370 :Name_Not_Found:02/09/28 08:27 ID:???
また変なコテハンが…

371 :Name_Not_Found:02/09/28 08:56 ID:???
何だよhtml文書記述ミスって
無能な香具師がコテハン使うな

372 :Name_Not_Found:02/09/28 09:58 ID:???
>>369
君は国語の勉強をやり直すべきだね
小学校1年生から

373 :Name_Not_Found:02/09/28 11:46 ID:???
ふへ=嵐

374 :ふへ:02/09/28 13:42 ID:???
うるせえ、馬鹿ども。やっぱりここはツーチャンネルだけあって低学歴なデブオタクしかいないんだな。俺は東大だから、まあHP制作なんて仕事はやらねえがな。ぷふぷ。

375 :Name_Not_Found:02/09/28 13:44 ID:???
mailto:騙りでふへを誘ってみるぜ

阿呆の周りに湧くのも阿呆のみ

376 :Name_Not_Found:02/09/28 13:57 ID:???
オマエモナー

377 :Name_Not_Found:02/09/28 14:17 ID:???
つーかさスレ違いなんですよ。
質問スレでもなんでもいってくださいよ。
ふへなんて無視してればいいんですよ。

378 :Name_Not_Found:02/09/28 14:48 ID:???
ひょっとしてふへはCSSで画像を指定することはできないと思っているのだろうか

379 :Name_Not_Found:02/09/28 16:51 ID:???
既出のように思えて仕方がないのですが。イラストサイトです。
http://mineko.fc2web.com/
某無料Webスペース自動挿入広告の凄まじいエラーをさっぴいて観ると吉。

380 :Name_Not_Found:02/09/28 17:36 ID:???
>>379
なんつうか…凄い派手なソースだな

381 :Name_Not_Found:02/09/28 18:19 ID:???
全部削ったら1kbくらい軽くなりそう

382 :Name_Not_Found:02/09/28 19:10 ID:???
http://mineko.fc2web.com/ を HTML4.01 Transitional としてチェックしました。
143個のエラーがありました。このHTMLは 33点です。タグが 36種類 529組使われています。文字コードは Shift JIS のようです。




383 :Name_Not_Found:02/09/29 07:06 ID:???
>>379
スレ違いだろ。div病だし。

384 :Name_Not_Found:02/09/29 09:15 ID:+ub/IgSL
Idiot Site For Opera
 http://dai.pekori.to/opera/

385 :Name_Not_Found:02/09/29 09:21 ID:???
シンプルでよろしい。

豚の戰爭
http://www26.tok2.com/home/mpcp/

386 :Name_Not_Found:02/09/29 09:59 ID:???
>>384
ガイシュツ

>>385
ダサスギ

387 :Name_Not_Found:02/09/29 10:23 ID:???
>>386
ガイシュツって……どこに?
「CSS でイケてるデザインサイトリンク集」にも載ってないんですが。
http://webcafe.zive.net/~css/

388 :Name_Not_Found:02/09/29 12:36 ID:???
ダサいから載らないだけですが、何か?

389 :Name_Not_Found:02/09/29 14:30 ID:???
私の作ったサイトもダサいので、リンク集から外して下さい。(恥かしいので特に名を秘す)


390 :Name_Not_Found:02/09/29 14:39 ID:???
どーでもいーけど イケてる って言い方 だせえ

391 :Name_Not_Found:02/09/29 15:49 ID:???
ふーん良かったね
帰っていいよ

392 :Name_Not_Found:02/09/29 17:02 ID:???
386=388=390=ふへ

393 :Name_Not_Found:02/09/29 17:09 ID:???
>>392
既知

394 :Name_Not_Found:02/09/29 18:40 ID:uBTWCifJ
ttp://www.dacafe.org/
ttp://www.hortensia-azul.com/
ガイシュツ?

395 :Name_Not_Found:02/09/29 18:55 ID:???
>>394
上のは何…

下は下で完全なDiv病。

396 : :02/09/29 18:59 ID:???
>>394
どちらもDIV病では。<p>が一個も無いよ。
それに特に上のほうはCSSでといえるの?

結論:スレ違いっぽい


397 :395:02/09/29 19:07 ID:???
ほんとだ。上のはソース見る気もしなかったけど、
これはDiv病というよりむしろlint病っぽい

398 :Name_Not_Found:02/09/29 19:31 ID:???
どうよ
http://pcmania.jp/~osdev/

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

read.cgi ver 05.04.02 2018/11/22 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)