デザイン(構造も)がかっこいいblog

**Trackback(774)** · 04/09/10 09:19

勝手に晒しちゃっても良いものでしょうか？

**Trackback(774)** · 04/09/10 09:24

デザイン・構造のかっこいいBlogを見て
自分の運営するBlogの参考にするのは
良いと思うけど、コメントなどにいたずらに
書き込みするのは良くないと思われ…

Web制作板にも似たようなスレがあるね。
あくまでも眺めるという事ではOKでは？

**Trackback(774)** · 04/09/10 09:29

>>2
そうですね、そういう方向で大賛成です。

**Trackback(774)** · 04/09/10 09:31

これかっこいい！と出したものに関して
「ださいよ」とか、意味なくたたきが始まる予感だ。

**Trackback(774)** · 04/09/10 09:34

>>4
まじめな人はまじめなコメントくれると思うから大丈夫では？

３段カラムは当たり前ですけど４段は見たことがありません。
そんなブログ知りませんか？
あったらこっそり真似したいです。

**Trackback(774)** · 04/09/10 09:49

>>4
デザインセンスや美的感覚などは主観によるところが
大きいものです。自分が格好いいと思ったものが
他人から見ればダサイと賞される事もあるでしょう。

ファッションと同じようなもの。

其れを理解出来ずに煽り叩き始める奴は、そういった
事を理解出来ない厨房度の高い奴という事で…

**Trackback(774)** · 04/09/10 10:32

ところで、３カラムや４カラム（>>5に同じく見たことないけど）は、どうかっこいいのですか？

**Trackback(774)** · 04/09/10 10:42

なかなかないね。デフォルトのままが一番多いし。
たまに改造してるのがあっても微妙だったり重かったり。

**Trackback(774)** · 04/09/10 11:15

コンテンツを増やして行くと
デフォルト２段じゃ縦に長くなり過ぎるから
３段にする

>>7
かっこいいというか機能面(構造的に)で優れてると、、、
そんなら４段はもっと機能的かも？という発想で聞いてみました。

あるいはエントリーが横に並ぶとか
横スクロールで
これは読みにくいかも知んないけど新しい気がする
まだそういうブログ見たことないし

**Trackback(774)** · 04/09/10 11:18

ttp://www.delaware.gr.jp/
よこスクロール

**Trackback(774)** · 04/09/10 11:22

>>10
すげー見にくい。

**Trackback(774)** · 04/09/10 11:25

>>9
http://sample21.jugem.cc/
http://sample39.jugem.jp/
http://jugem.jp/jugem/template.php

**Trackback(774)** · 04/09/10 11:28

>>12
正直めちゃくちゃムカつく上に読む気が起きない

**Trackback(774)** · 04/09/10 11:36

>>12
そのテンプレートは画像解像度が1280x1024のユーザー向け
なのかな？
1024x768では見難かったけど、1280x1024で見ると整然として
奇麗に見える。

**Trackback(774)** · 04/09/10 11:43

ttp://manyana.exblog.jp/

こことかどうよ。mac風だって。
機能性はまぁ・・・中の下('A`)

**Trackback(774)** · 04/09/10 11:53

>>12
どうもですﾍﾟｺﾘ
普通の縦だと上から下だから時間軸わかりやすいけど
左から右だとわかりずらいかもしんないですね
左に目線を持ってこさせるデザインにすれば良いのかも知んないけど
もっといっぱいエントリーかいてほしい
古い記事は見切れてもいいし

なんかだんだんそこまで見づらいと思わなくなってきた

**Trackback(774)** · 04/09/11 07:11:01

ttp://nothing.but.jp/sb/

**Trackback(774)** · 04/09/11 08:58:50

連続投稿スマソ
http://www.yukan-fuji.com/

**Trackback(774)** · 04/09/11 17:19:25

>>17は良いな。すごく参考になる。

>>18は普通。
漏れも３段にしようかと思ったけど、
真ん中が苦しくなるね。

**Trackback(774)** · 04/09/11 20:03:04

1段フラッシュでいいじゃん。
まだ誰もしてないんだよねー

**Trackback(774)** · 04/09/12 12:54:47

ttp://studio.katati.com/

**Trackback(774)** · 04/09/12 20:21:55

>>17いいな

**Trackback(774)** · 04/09/13 03:02:25

漏れHINAGATAつかってみた。今回のはhtmlもｲｲしなかなかｵｽｽﾒ。ここから編集するといいかも。
http://hinagata.biz/

**Trackback(774)** · 04/09/13 08:07:43

>>17
なんだかんだ言ってdiv厨じゃねーか。
デザインは参考になるが、構造的には×かと。

**Trackback(774)** · 04/09/13 08:48:15

3段にするならヒナガタでしょ
かなり使える

**Trackback(774)** · 04/09/13 10:24:04

>>25
ヒナガタしっかり構造化されてて(・∀・)ｲｲ!!
漏れもこれをもとに作るよ。

**Trackback(774)** · 04/09/13 10:50:10

>>24
div厨って…

( ﾟ,_ゝﾟ)ﾊﾞｶｼﾞｬﾈｰﾉ

**Trackback(774)** · 04/09/13 11:05:50

>>27
divほど多くて意味の無いタグは無い。

**Trackback(774)** · 04/09/13 11:10:38

Table厨よりかマシ

**Trackback(774)** · 04/09/13 11:34:09

ID:wSevLDc9は知障。

**Trackback(774)** · 04/09/13 11:55:43

実質的に、divをつかうしかないでしょ。
spanでやっちゃう人もいるけど。

**Trackback(774)** · 04/09/13 12:15:10

何を根拠に…。
なにも全くなくせとは言ってない。
数だよ。数。
<div class="navi">前：メイン：次</div>

なら検索ロボットや音声ブラウザはただのテキストとしか判断しない。

<ul>
<li>前</li>
<li>メイン</li>
<li>次</li>
</ul>
ならここはリストになってるという事を理解する。

表示を横並びにしたいならスタイルシート使えばいい。

divほど要素として意味の無いものはないよ。
ただの箱。

スタイル無効にしてみてみろよ。
いいHTMLとそうじゃないのがあからさまにわかるから。

http://www.fromdfj.net/html/divsyndrome.html

**Trackback(774)** · 04/09/13 12:26:16

>>32
おまえの方が病気だよw

**Trackback(774)** · 04/09/13 12:30:25

>>33
そっくりおかえしします。
そんなdivdivdivしてるくせになにが「デザイン（構造も）がかっこいいblogだよ。みためがかっこいいblogにｽﾚﾀｲかえれば？

**Trackback(774)** · 04/09/13 12:42:22

>>17は見せ方はうまいと思った。でも指摘されてるようにDIVが多いようにも思った
DIVは複数の要素を構造的にまとめるためのものだもん

自分でドキュメントを作るときは
ez-htmlのツリー解析で正常に解析されない場合
構造的にムダが多いと判断してる

**Trackback(774)** · 04/09/13 12:45:03

　　　　／￣￣￣￣＼
　　　（　　人＿＿＿＿）
　　　｜./　　ー◎-◎-）　　　　　　　　　　　　　←ID:wSevLDc9
　　　（６　　　　　(_　_)　）　　　　ｶﾀｶﾀ
　　　｜　.∴　ノ　　３　ﾉ　　＿＿＿＿＿_
　　　　ゝ　　　　　　　ノ　　.｜　 |￣￣＼　＼
　　　／　　　　　　　＼＿＿|　　|　　　　|￣￣|
　　/　　＼＿＿＿　　　　　|　　|　　　　|＿＿|
　　|　＼　　　　　　|つ　　　 |＿_|＿＿／　／
　 /　　　￣￣　　|￣￣￣￣|　　〔￣￣〕
　｜　　　　　　|￣
┏━━━━━━━━━━━━━━━━━━━━━━━━━━
┃
┃>>33
┃そっくりおかえしします。
┃そんなdivdivdivしてるくせになにが「デザイン（構造も）がかっこいいblogだよ。みためがかっこいいblogにｽﾚﾀｲかえれば？
┃
┗━━━━━━━━━━━━━━━━━━━━━━━━━━

**Trackback(774)** · 04/09/13 13:53:19

<html><body><pre>

</pre></body></html>

でいい。

**Trackback(774)** · 04/09/13 14:35:16

喪前ら釣られすぎ。

デフォルトで入ってるテンプレにDiv過多なのは事実。
もちょっとスリム化してくれた方が見やすい。
idやclass指定する為だけにdiv使う必要はない。

まあ使う人の好きな方で良いと思うけどな。

>>32のサイトは、仕様書嫁って書いてあるのが痛い。んなもん読まねーよ。

**Trackback(774)** · 04/09/13 21:11:58

>>28
つーか、タグがメインなのかデザインがメインなのかどっちよ？
デザインだろボケ。

**Trackback(774)** · 04/09/13 21:22:57

タグは構造といって良いものか？

構造デザインが知りたい訳で
部材までズームする必要はありますかね？

**Trackback(774)** · 04/09/13 21:25:50

ttp://nitram-nunca.main.jp/alternative/

かなり綺麗

**Trackback(774)** · 04/09/13 21:47:33

>>39,40
そんなこといってる内は XML を理解していないと思われるぞ

**Trackback(774)** · 04/09/13 21:59:27

>39-40
知障乙

**Trackback(774)** · 04/09/13 22:02:33

>>43
知障乙

**Trackback(774)** · 04/09/13 23:15:42

blogじゃないかもしれんが
http://www.yasuhisa.com/could/
カッコイイと思う。

**Trackback(774)** · 04/09/14 00:32:39

>41
激しく洗練されていていいね。

**Trackback(774)** · 04/09/14 00:35:07

>>41
なんだかんだ言ってdiv厨じゃねーか。
デザインは参考になるが、構造的には×かと。

**Trackback(774)** · 04/09/14 00:35:13

>>45
の人はスタイルシート・スタイルブックの著者だよ。

**Trackback(774)** · 04/09/14 00:52:37

構造がどうとかstrictとかうるさい香具師は
web製作会社では使えない。

コストがかかりすぎるからな。

というのが他板で出た結論

**Trackback(774)** · 04/09/14 00:54:49

divってデブって呼ぶ事にしてる
俺の小さなこだわり

**Trackback(774)** · 04/09/14 01:34:16

>>49
同意。そういう考えをもつのは構わんがようは応用。
しかしテンプレ公開するのはまたちょっと違うのだが。ようは間違ったものをばらまくのは(・へ・)ﾖｸﾅｲという考え。

**Trackback(774)** · 04/09/14 14:27:25

>>51
だね。
そのデザインぱくらせてとか言われても、とても他人様に渡せる構造じゃないと思って渡せない＿|￣|○

**Trackback(774)** · 04/09/14 17:07:57

ttp://pop-space.com/mt/girls/
ココのデザイン好きなんだけど

**Trackback(774)** · 04/09/14 17:17:04

>>53
記事もやくたつし

**Trackback(774)** · 04/09/14 17:26:52

>>53
なんだかんだ言ってdiv厨じゃねーか。
デザインは参考になるが、構造的には×かと。

**Trackback(774)** · 04/09/14 17:34:55

>>53
カレンダー、どれがクリックできるのかわからない。
それ以外はいいと思った。
ソースは見てない。

**Trackback(774)** · 04/09/14 17:38:37

>>55
DIV厨っても、深い階層の入れ子にはしてないと思う

たとえば４隅の角に画像を配置するために

<DIV><DIV><DIV><DIV>
こういうこと
</DIV></DIV></DIV></DIV>

してたら激しくDIV厨だけど

04/09/14 19:03:47

つーかべつにｄｉｖはいいだろ。
それよりｂｏｄｙでいきなりｓｃｒｉｐｔだなんて。
しかもｄｉｖでレイアウトしながらｂｌｏｇｂｏｄｙでいきなりｔａｂｌｅだし。めちゃくちゃ
もっとシンプルにちょっといじるだけでこんなたいしたことないデザインできるだろ。

04/09/14 19:05:17

カレンダーもひどいな、えんえん何十行も続くな・・・
16</span></td>
<td align="center"><span class="calendar">
17</span></td>
<td align="center"><span class="calendar">
18</span></td></tr><tr>
<td align="center"><span class="calendar">
19</span></td>
<td align="center"><span class="calendar">
20</span></td>
<td align="center"><span class="calendar">
21</span></td>
<td align="center"><span class="calendar">
22</span></td>
<td align="center"><span class="calendar">
23</span></td>
<td align="center"><span class="calendar">
24</span></td>
<td align="center"><span class="calendar">
25</span></td></tr><tr>

04/09/14 19:13:01

スパンスパンスパンスパンスパンﾌﾟｹﾞﾗ

**Trackback(774)** · 04/09/14 19:15:29

>>60
なんかエロい！・・・って思う漏れがエロい！？

04/09/14 19:23:49

>>61
あ</span></td>
<td align="center"><span class="calendar">
ん</span></td>
<td align="center"><span class="calendar">
あん</span></td></tr><tr>
<td align="center"><span class="calendar">
ああん</span></td>
<td align="center"><span class="calendar">
あん</span></td>
<td align="center"><span class="calendar">
あっ</span></td>
<td align="center"><span class="calendar">
ああーん</span></td>
<td align="center"><span class="calendar">
あん</span></td>
<td align="center"><span class="calendar">
ああん</span></td>
<td align="center"><span class="calendar">
あああん</span></td></tr><tr>

**Trackback(774)** · 04/09/14 19:40:38

表組みはテーブルでいいじゃん。ﾚｲｱｳﾄでないし。そういうある意味まちがった解釈がよくないと思うのだが。

04/09/14 19:45:51

表組じゃないだろ、使ってるとこは

**Trackback(774)** · 04/09/14 21:04:30

漏れが必要最小限に抑えたソースを
うちの社長がフロントページで開いて、divだらけにしやがりました。

04/09/14 21:51:21

何でそんなにｄｉｖを嫌うのか？
そもそもｄｉｖの本来の意味や用途知ってる？

**Trackback(774)** · 04/09/14 22:15:42

>>66
知らない。（マジレス）
いい機会だから教えてください先生。

**Trackback(774)** · 04/09/14 22:41:07

>>1が中途半端にスレタイに（構造も）なんて入れるから揉めるんだよな・・・
「とにかくデザインだけかっこいいblog」なら良かったのに・・・

**Trackback(774)** · 04/09/14 22:43:15

>>1
師ね

**Trackback(774)** · 04/09/14 23:03:55

>>66=div厨

**Trackback(774)** · 04/09/15 00:02:11

このスレdiv厨とか言ってる奴のサイトを見てみたいｗ
きっとスカスカでなんにもないんだろｗ

**Trackback(774)** · 04/09/15 00:09:17

なんかしょーもないスレになってるな。

**Trackback(774)** · 04/09/15 00:15:06

アンチDIV厨も、まったくDIVを使うなと言っているわけではない

**Trackback(774)** · 04/09/15 00:22:07

記事を一日ずつDIVでまとめるのは全然問題ないけど、
デザインのためだけにDIVを増やしたり、
極端な話では>>57みたいのとかは、ちょっと

そういう漏れも、BODY直下にDIVとかやってたけど
こういうの↓↓↓
<BODY>
<DIV>

</DIV>
</BODY>

今まで挙げられているサイトはどれも適度なDIVの数だと思うよ
思う
思

**Trackback(774)** · 04/09/15 08:15:12

おまえらレベル低すぎなんだよ
とりあえずここでチェックしたものから紹介しろや
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

**Trackback(774)** · 04/09/15 09:06:29

正しいhtmlを晒すスレじゃないし

**Trackback(774)** · 04/09/15 09:14:02

現在までにこのスレで晒されてるblogをチェックしてみますた。

98点 XHTML 1.1
http://hinagata.biz/

98点 XHTML 1.1
http://www.fromdfj.net/html/divsyndrome.html

95点 XHTML1.0 Transitional
http://nothing.but.jp/sb/

85点 XHTML1.0 Transitional
http://nitram-nunca.main.jp/alternative/

66点 XHTML1.0 Transitional
http://www.yasuhisa.com/could/

52点 XHTML1.0 Transitional
http://sample39.jugem.jp/

52点 XHTML1.1
http://studio.katati.com/

30点 XHTML1.0 Transitional
http://sample21.jugem.cc/

27点 XHTML1.0 Transitional
http://jugem.jp/jugem/template.php

-91点 XHTML1.0 Transitional
http://www.yukan-fuji.com/

-142点 XHTML1.0 Transitional
http://pop-space.com/mt/girls/

-557点 XHTML1.0 Transitional
http://manyana.exblog.jp/

HTMLではないそうです
http://www.delaware.gr.jp/

**Trackback(774)** · 04/09/15 09:20:02

このHTMLは -937点です。

漏れのサイト｡･ﾟ･(ﾉД`)･ﾟ･｡
ていうかExcite標準のスキンだからさ・・・ね・・・('A`)

**Trackback(774)** · 04/09/15 09:28:41

ちなみにhtmlintは主に文法を見るので、ただ点数が高ければいいわけじゃないよね。
div厨とか判断できないからそれははまた別件。

**Trackback(774)** · 04/09/15 09:28:51

alt属性がないってので減点されまくるサイト多いよね・・・・俺もorz

**Trackback(774)** · 04/09/15 11:44:40

自分で治せるならまだマシさ。
BlogPeopleとかなんかだと、URL自体が糞で点数下がるし。
もれもCSSスレとかで「喪前は糞」いわれて、必死で直したけど、
100点いかなかったよ。まぁ、どうでもいいんだけどさ。

**Trackback(774)** · 04/09/15 13:51:19

はやく偉そうなお前らのサイトを見せてくれよ

**Trackback(774)** · 04/09/15 14:06:00

>>82
まずは一番偉そうなお前のサイトから見せてくれよ

**Trackback(774)** · 04/09/15 14:15:02

じゃあまずは一番エロそうな>>85のサイトから見せてもらおう

**Trackback(774)** · 04/09/15 14:52:47

（・３・）てれまんがな

**Trackback(774)** · 04/09/15 14:53:26

ttp://blog.livedoor.jp/yuuna0222/

**Trackback(774)** · 04/09/15 17:08:29

>>86
何このすぐに広告サイトに移動させようとするブログは！けしからんデス！

**Trackback(774)** · 04/09/15 17:45:25

>>86
なんか背景無い方がすっきりしてて分かりやすいな。
背景鯖がトロいらしく、背景表示前のほうが読みやすかった。

**Trackback(774)** · 04/09/15 18:51:55

-421点だった

**sage** · 04/09/16 10:02:31

今div厨がトレンディなスレはここですか？(;ﾟ∀ﾟ)=3
僕も早くdiv厨になりたーい！

**Trackback(774)** · 04/09/16 10:09:31

>>1
http://d.hatena.ne.jp/shaberiba-nhk/

**Trackback(774)** · 04/09/16 11:24:51

ttp://blog.so-net.ne.jp/blog/

これはblog？

**Trackback(774)** · 04/09/16 11:27:18

>92
うひゃー

**Trackback(774)** · 04/09/16 11:31:03

>>92
うわぁ・・・デザインうんこだなあ・・・

**Trackback(774)** · 04/09/16 11:32:46

>92
驚いた

ｱﾌｫ丸出しですな

**Trackback(774)** · 04/09/16 12:05:51

>>92
SNSっぽい機能もあるっぽいね。
それにしてもデザインがシドイ！

04/09/16 12:14:35

>>92
↓これだけで全部の記事ノブログがおすすめブログだってよ！

品川プリンスに水族館が！

品川プリンスホテルに来春水族館ができるそうだフニャ。

品川プリンス隣に水族館
品川プリンスに都内最大級の水族館、来春開業

ジェットコースターなどの屋内遊戯施設も併設されるそうで、いまから楽しみ。

元祖？品川水族館の入場料が1,100円なのに対して、こちらは1,800円とのこと。映画１本分か～。
ちょっと醒めてしまったけど、まぁ一度は行ってみよー。

**Trackback(774)** · 04/09/16 13:08:54

>>92

スレッド ☆⌒ 凵＼(＼･∀･) まだぁ?