これを避けるために、強制的に改行を入れる人がいて。/>総武線</label></div>より力ずくの例としては、テーブルにして行を切ってしまうとか。いう方法でも一応問題は解決するんだけど、後日路線が増えたら関係ないところまで直さないといけないし、フォントサイズを変えている人がいたら意味不明なところで改行される恐れもあって、できればこういうことはしたくないものですよね。/>総武線</label></div></blockquote>こういう風に、改行されたら困る単位で”white-space:nowrap;”を指定してあげれば、それ以外の位置を見つくろって改行してくれるので、内容が変わってもフォントサイズが変わっても大丈夫なコードになります。#ここでstyle=””を使っているのは、見やすさのためなので、本来はもちろんCSS上で適当なセレクタに”white-space:nowrap;”を指定しましょう。当たり前の話なんだけど、なぜか強引に改行を挿入する人がいっぱいいるみたいなので書いてみた。cssコメントするデザイナさんにメイドめーるのデザインを駄目出ししていただいたプログラマの人が、デザイナさん10人に自分のサイトのデザイン、どこがダメなのかを指摘していただいたという話があって。10人のデザイナさんに駄目出しして頂きましたいいなぁ、僕も教えてほしいなぁ・・・・。思っていたので、先日のwebtekoのプレゼンの際に、メイドめーるのデザインを出して、「どうしてこんなに素人っぽいの?」と聞いてみました。#一部で誤解されている方がおられたみたいですが、メイドめーるのデザインは、素人っぽさを狙ってこうなったのではなくて、僕が全力でデザインしてこうなっています。デザインに関していただいたつっこみ@WEBTEKOグラデーションを使うとそれっぽくなるスペースの取り方がバラバラなのでまとまって見えない。大きくすればクリックしてくれるとは限らないボタン→対照色じゃなくてもいい。吹き出しつけたら?ボタンの中にアンダーラインは変。ボタンなの?テキストなの?コンテンツ量が少ないので、ajaxとかで1ページにまとめちゃってもいいのでは?頂いた意見の中で、わりとすぐに対応できそうだったコンテンツ間隔の問題と、ボタンの作り方を修正したのが、今のデザインです。あと、ちょっと落ち着かせる意味でロゴを小さくしてみた。・・・多少はマシになった気がする。プレゼンテーションがうまく見えないみたいだったので、アップロードし直して差し替えました。ウェブテコ第8回「デザインのあれこれ」で、「プログラマがデザインをがんばってみた」というテーマでお話しさせていただきました。mogya.スピーカーとしてトークしながらデザインについて教えていただこうという目論見wにつきあっていただいたみなさま、どうもありがとうございました。プレゼンで出てきた書籍と、プレゼンでは触れられなかったけど参考になった本のリンクです。デザイン全般に関する書籍レイアウトや配色について書いてある本です。一冊に全部書いてあるのでちょっと薄いですが、ざっと学ぶにはこれがいいかと。レイアウトに関する本あと、レイアウトに関しては、このサイトも大変参考になりました。デザイン勉強会の資料を公開します。もぎゃろぐということで、seleniumをつかって、target=”_blank”のリンクを開くことをごまかしてきたのですが、案の定、これではごまかせない話が出てきました。target=”_blank”のリンクを開いて更にその先でテストを続行したい場合にどうするか。考えた末、こんな手を思いつきました。s=window.document.getElementsByTagName('A');for(i=0;i<s.length;i++){s[i].target='_self';}問題になるクリック処理の一個手前で、こんなのを実行します。このコマンドは、JavaScriptを走らせて、全てのリンクのtargetを”_self”に書き換えてしまいます。結果としてリンク先は同じウィンドウで開くので、そのままテストを続行することができます。ThemeCountry。