タグ

文章とデザインに関するlocke-009のブックマーク (2)

  • wbrタグを使って文章を改行し、レスポンシブなビューを作る - Qiita

    レスポンシブデザインで簡単に区切りよく改行したい時 1月にエンジニアとして働き始め、間も無く1ヶ月の新米です。 研修が終わり開発に参画し、画面デザインをしている際のおはなし。 レスポンシブデザインの際にシンプルなコードで簡単に改行出来るものを見つけました。 それがこちらです。 wbrタグとword-break: keep-all; これです。実装は超絶簡単。 まず、CSSを書きます。

    wbrタグを使って文章を改行し、レスポンシブなビューを作る - Qiita
  • 伝わる文章 | 基本要素 | SmartHR Design System

    相手に誠実に、わかりやすい文章を書くための心がけをまとめました。 どういう思考プロセスからどんな表現が生まれるのか、参考として実例を紹介しています。実際に読み比べ、SmartHRの従業員として何かを伝えようとするときの、参考にしてください。 伝わる文章のガイドライン何を伝えるかによって、必要な情報の量や説明の粒度は異なります。 情報が不足していたり、逆に情報が多すぎたりすると、読者が意図を読み取れないことがあります。 読み手となる相手の状況(読む場面、事前知識など)を踏まえ、言葉にする内容や表現を厳選することが大切です。 目的に合わせて情報を取捨選択する読者の目線に立ち、コンテンツの目的に合わせて情報を取捨選択しましょう。 実例1:法律や業務に関わる記事目的業務に関係する「厚生年金保険」について正確に知りたいと思っている人に、わかりやすく内容を伝える。 Before日の年金制度は、全国民

    伝わる文章 | 基本要素 | SmartHR Design System
  • 1