もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita

HTMLのテキストはPhotoshopのように融通が効かないから、デザイナーからの細かいお願いはだいたい断っている...なんてことありませんか？ モダンブラウザは色んなプロパティが対応してきているので、できることも増えています。 今回は、知っているといざというとき便利なテキスト周りのCSSを集めてみました。 「日本語、文字詰めできないかな？ほら、このカタカナとかキモい。。」 「Webで文字詰めだと？無理なんだよあきらめな！」なんていう時代はもうとうに過ぎ去っています。OpenTypeのフォントであれば、日本語でもちゃんと文字詰めできるんです。 .class { -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } ↓こんなかんじで

[ysk_lucky-star]

字詰めをやりはじめると、行単位や文字単位で要求するようになるから全部断った方がいいのが自分の経験則（闇

[ifttt]

デザイナー「あれ？IEだと崩れてるんだけど…」

[knjname]

HTML/CSSガン無視のデザイナという役割は、アリなんだろうか

[hdampty7]

Webって動的なんっすよ。その記事の文字列を最適化したからって別の記事では別の見え方するんっすよ。で、大体どんな文字列でもバランスよく見えるようにするためには触らないのが一番。

[nokogiring]

論点が異なるけど、そこまでデザインにこだわりがあるwebサイトならHTML作成をデザイナーと分業すべきでないと思う。

[noonworks]

これWebデザイナの仕事じゃないの……？

[ultimate-ez]

Appleのサイトを見て、こんな感じで文字詰めを、、、とオーダーされて、Appleのソース見た時の衝撃を思い出すよ

[sigwyg]

“text-align: justify;” やめろォッ！両端揃えが許されるのは、固定幅の枠に対して文字数も制御されている雑誌か、それに準ずるほぼ更新のないLPだけだ！

[vlxst1224]

「そんなラーメン屋でパスタ頼むような事言われても無理っすよ」みたいなうまい事言ってそうで全然言ってない断り文句で煙に巻くべき

[revolverjunkey]

レスポンシブ対応したら改行位置とかずれてくるんだから、text-align: justify;とか使ったらダメだろ。というか、細かく調整しても原稿差し替えとか発生したら再調整になるんだったら触らないほうが絶対良い。

[watanuki_28]

こんなこともできるんですね！

[nilab]

文字詰め font-feature-settings: "palt", リガチャ font-variant-ligatures: no-common-ligatures, 左右両端を揃えたい text-align: justify

[b_wa]

文字詰めしてあると画像なんだ（このサイト重そう）って勘違いしてそっ閉じ

[nekonokokonekoshishinokokojish]

コーディングできない（Web）デザイナーは甘え

[teppodone]

#てぽめも“モダンブラウザは色んなプロパティが対応してきているので、できることも増えています。 今回は、知っているといざというとき便利なテキスト周りのCSSを集めてみました。”

[tmatsuu]

たしかに最新動向追ってなかったので知らなかった。へー

[kenichi_odo]

ここで言うデザイナーは何を指しているんだろ

[y0a6t5er]

大変ですけれど勉強になりますね

[mashori]

"ブランザのフォントのレンダリングの方法の違い"、「の」が多いな…　要らない「の」が幾つかないか？あとブランザってtypoなのかそういう専門用語があるのか、素人の自分にはわからない…

[aoiasaba]

私デザイナだけど社長からこういうの言われて困ったことあるな。昔はこういう技術無かったし。

[hirata_yasuyuki]

「ルビ」は活字サイズ「ルビー」より。ほかにもサイズに宝石の名前がついているよ。(トリビア) / 阿部寛以上にシンプルなページ (時価総額50兆円の会社です) http://www.berkshirehathaway.com/

[mas-higa]

阿部寛のホームページを見習えよ

[upink]

すごい！悩んでた諸々が解決した

[akatakun]

「ここのpタグ？のところ？いい感じに左右両端を揃えたいんだけど...」: text-align: justify

[hikoukii]

css テキスト

[mami-hate]

fontの太さ調整とかの2017年版

[yomogi]

文字詰めや両端揃えなどの話。リガチャ（合字）を調整できるのは知らなかった。

[masa8aurum]

ブコメを参照

[KoshianX]

こういうのデザイナーがやるのでは。まあしかしこんなのもあったのか。CSSはもう把握しきれないなあ……。

[marony0109]

こういう一文にもならない自己満足が、ほんとうに大好きなんだよな日本人は。こういうのを断れないからリーマンは辛いな。

[siomaruko]

紙媒体に帰れ！と言いたくなるな。

[awajiisland]

ポイントとか級数で話してくる紙上がりのデザイナーさんだから、CSSで文字詰めできることも知る由もなし。良かったー！

[a-kuma3]

どんなに標準化が進んだとしてもバッドノウハウというのはなくならないのだなあ、と、あらためて思った　:-/

[nil0303]

そんな文字単位でアレコレやるだけのお金と時間があるんですかねぇ...

[rryu]

あまり普及していないのは環境によって見え方が違うというのが許容されないからな感じがする。

[hotokenozadesu]

デザイナーよりクライアントを説得してムダな時間を省くのが大人の流儀。ペーパーしか扱っていないデザイナーはインターフェースとかいう概念ないからね。

[nikousatsu]

なるほど、だから企業は細心の注意が必要な謝罪文をpdfであげるのか

[kno]

「これ読んでCSS直してけさい」でいいじゃないかな

[hiduki001]

まず第一にクロスブラウザ対応できてるのか書いてほしい。できてないなら使わない、使えない

[nekosann_08]

記事内容ありがとう。でもそんな要求断るよう。（基本ロジック