言葉で決まるアプリの印象 2 年前に発表されて以来、細かな更新が続いている Material Design。最近、UI の動きに関するガイドが大幅に改変されたことで、感覚的なところも共有しやすくなってきました。Android アプリにおける UI デザインの基礎を固める上で、Material Design は非常に参考になりますが、このガイドラインは見た目のことばかり書かれているわけではありません。 Material Design の中には「Writing」と呼ばれる言葉遣いに関する項目があります。ボタンのような操作 UI のラベルはもちろん、エラーメッセージや、挨拶文など、アプリに表示されるテキストすべてに関してガイドラインが制定されています。言葉は大事なインターフェイスですから、きちんと項目をつくって紹介してあるのは素晴らしいことです。 以下、「Writing」項目で紹介されているガイ
テキスト周りで使えるCSSの小技いろいろモバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック！基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 テキスト周りで使える CSS の小技 目次テキストを選択する時の色を変更蛍光ペンで線を引いたような効果長いテキストを「…」で省略する番号リストの表現を変更リンクの種類でアイコン変える言語によってスタイルを変更テキストリンクのエフェクトプリント時は URL を表示長い URL を途中で折返す途中で折り返さず、次の行に先頭の文字を大きく先頭を一文字分あけるグラデーションテキストブラウザーは特記していなければ Chrome、Safari、Firefox、
ｗが縦に二つ重なった文字の出し方教えて Tweet 1: 以下、名無しにかわりましてVIPがお送りします 2014/01/09 21:04:16 ID:OHSUSyF20 どっかで見たが出し方がわからない 文字の名前もわからないし特殊記号表探っても全然見つからない 教えて 2: 以下、名無しにかわりましてVIPがお送りします 2014/01/09 21:05:03 ID:FgxCIVQn0 w w 4: 以下、名無しにかわりましてVIPがお送りします 2014/01/09 21:06:05 ID:5IaWm7g60 ｗ ｗ 10: 以下、名無しにかわりましてVIPがお送りします 2014/01/09 21:09:08 ID:OHSUSyF20 >>2>>4こんな感じだけど1文字なんだよ 5: 以下、名無しにかわりましてVIPがお送りします 2014/01/09 21:06:33 ID:zL
ちょっとブログを書き慣れた頃から、悩むことがあるんですよねー。日本語の文中で半角英数字を入力するとき、前後に半角スペースを空けるかどうかです。僕はあるときはスペース入れたり、あるときは入れなかったり。書体に一貫性がありません。でも他の人のブログを読んでいても対応は様々。スペースを入れる人もいれば入れない人もいるみたい。半角スペース入れるべき、入れないべき？ 欧文では単語と単語の間にスペースを空けるのが当たり前です。一方で日本語ではそういう習慣はない。むしろそんなことをやると文章が非常に見づらくなる。大学入学直後の初めてレポート書くとき、悪い例として教えられましたよね。全角スペース入れまくりで縦書きなのか横書きなのか判別不能な頭の悪い文章。こういう文章だと、音声読み上げブラウザなんかも正しく読み上げられないでしょうね。じゃあ日本語と欧文が混在したときどうすれば良いのか。 欧文といってもですね
Webで文章を掲載する際、英数字は半角表記で統一するのが「常識」です。ですが、なぜ全角英数字はダメで半角英数字に統一するべきなのでしょう。改めて聞かれるとついつい「そういうものだから」と答えてしまいがちではないですか？ また、検索してみても、ちゃんとまとめられた記事がなかなか見つけられません。ということで、全角英数字ではなく、半角英数字を採用する理由をまとめてみました。 全角英数字は再利用性できません たとえば、電話番号やURLが全角で表記されていると、Office製品やメーラーでリンクとして認識されません。ブラウザのアドレスバーにコピーアンドペーストしても開けず大変不便です。全角英数字は禁則処理が行われません ブラウザでは英単語が途中で改行されないよう折り返しが行われます（禁則処理）。全角英数字では単語の途中であってもかまわず途中で改行されてしまいます。 全角英数字は可読性に欠けます 長
入力「×」のブラウザでは、「𠮷」が2文字とみなされるため、2文字目まで、つまり「𠮷野」までしか入力できません。 Mozillaの文書には、Unicode code pointsで数えると書いてあるので、そのうち改善されるのかもしれませんが、現時点ではTwitterのために「maxlength="140"」を使うことはできません。 pattern属性 Firefox 21とChrome 27、IE 10、Opera 12.15は、「pattern=".{0,3}"」（任意の文字からなる0から3文字）のような正規表現を使った検証にも対応していますが、やはり「𠮷野家」は4文字とみなされてしまいます。 JavaScript 追記：javascript – でBMP以外のUnicode文字をきちんと扱う（404 Blog Not Found） JavaScriptでは、文字列strの長さをst
昨日のコメント欄（ http://d.hatena.ne.jp/pha/20110126/1296044441#c ）の続きの話で。 僕は昔、内田樹さんのブログに影響を受けて半年ぐらいだけ合気道の道場に通っていたことがあるんだけど、そのときのことで思い出すことがある。自分より力の強い人に腕をぐっと掴まれて動けなくなったときに、それを力づくで振りほどこうとしたり抵抗しようとしてもうまく行かない。ではどうすればいいかっていうと、掴まれた腕はそのままにして自分の体をスッと相手の体の横などに移動させるのだ。そうすると立場が逆転して、相手の攻撃はこちらに届かなくなり、相手は腕に力が入らなくてこっちは力を入れやすくて、こちらが自由に主導権を握れるようになる。上手い人はそういう「どこに行けば自分が楽に動けるかという場所」が見えるようになるみたいで、先生がよく言っていたのは「力で対抗してはいけない。自分が
人名の表記 はじめて人物名を書くときの一般的ルール 人名の後には生没年を必ず付ける 歌川広重（1797～1858） 漢字圏以外の人名には、原綴をつける フェリス・ベアト（Felice Beato, 1834～c.1903） 漢字圏の人名には、原語での読みを付ける 蔡國強（ツァイ・グオチャン、1957～) 日本人名の略称（二回目以降） 近代以前は名前や号 （鈴木）春信 （狩野）探幽 近代以降は名字 萬（鐵五郎） 桑原（甲子雄） 但し近代でも雅号の場合は、号で書く （竹内）栖鳳 （橋本）関雪 西洋人名の略称（二回目以降） 近代以降は基本的には名字 （パブロ）ピカソ （エドゥアール）マネ 古い時代は名前で呼ぶこともある レオナルド（ダ・ヴィンチ） ミケランジェロ（ブオナローティ） 二つ以上繋がった名字は、全部書く （フィンセント）ファン・ゴッホ （アンリ・ド）トゥールーズ＝ロートレック 西
ニューヨーク・タイムズの日曜版に載っていた村上春樹氏の記事。僕のもっとも好きなエッセイの一つ。ジェイ・ルービンさんの英語訳を、村上風に日本語へ訳し戻してみたのですが、伝わるでしょうか？ 「ジャズの伝道師」 村上春樹／英訳：ジェイ・ルービン 僕は小説家になってやろうなんて思ったことはなかった——少なくとも、２９歳の誕生日を迎えるまでは。 これはまったくの真実である。 僕はまだ小さかった頃から沢山の本を読んできた。それこそ頭のてっぺんからつまさきに至るまで小説の世界にどっぷりとつかってきたようなものだから、それまで何かを書きたいと思ったことなんて一度もなかったといえば嘘になる。でも自分にフィクションを書く才能があるなんて考えたことはなかった。十代の頃は、ドストエフスキー、カフカ、バルザックといった作家を愛読していた。そして、彼らが僕たちに残してくれた作品に肩を並べるものを自分が書けるとは到底思
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
