タグ

2013年6月21日のブックマーク (9件)

  • 文章をデザインする – 段落や箇条書きをより読みやすくするために ｜https://wp.yat-net.com/name

    文章を読み易くする為に段落を用いてレイアウトすることは非常に多く、いかに読みやすく、いかに見やすいかを考えて構成する必要がありますね。 1.段落の使い方 2.読みやすい改行位置 3.箇条書きについて 4.文章をデザインするという事 段落の使い方 このブログではある程度の長さで1段落を設定し、一つ一つのブロックが長過ぎないようにある程度の調節を心がけています。 しかし可読性や視認性の事を考えると当然これだけでは駄目ですよね。もっと考えるべき点があります。 今回はちょっとその辺りについて考えをまとめてみたいと思います。 読みやすい改行位置 まず文章を構成するにあたり、必ず考えるべきなのは改行の位置です。Webに限らず紙媒体でも同じで、どこで改行すれば読みやすいのか・見やすいのかを意識するのはとても大切な事ですよね。 基本的に改行は句読点位置で行う事。これが一番シンプルではないでしょうか？あと、

    文章をデザインする – 段落や箇条書きをより読みやすくするために ｜https://wp.yat-net.com/name

  • レスポンシブWEBデザインのデザイン・設計上の注意点 | Web制作 | | SRE BLOG | SRE BLOG

    レスポンシブWEBデザインはその特徴から、レイアウトの自由度が低いと言われています。どのようなデザインにするのかは悩ましい問題とも言えるでしょう。 そこで今回は前回のレスポンシブWEBデザインの基本に続き、実際の事例とともにデザインや設計における注意点を紹介していきます。 １、各デバイスのサイズを把握しましょう！ レスポンシブWEBデザインの最大の特徴はなんと言っても、色々な端末から見れるということ。設計する前に端末のサイズを把握していなければ、始まりません。 参考までに主要なディスプレイサイズを図にしてみました。 ユーザーがいつどんな環境でサイトを見るのか、考えてみることが大切ですね。 ２、よく使うブレークポイントはこれだ！ どの画面サイズでも見やすいサイトになるよう適切なブレークポイントを設定しましょう。 ちなみにSRE BLOGでは1160,1080,1024,985,960,940

  • CSS3アニメーションを使ったボタンホバーの12種類のかわいいエフェクト

    12 fancy buttons デモはChrome, Safari, Firefoxなどのモダンブラウザでご覧ください。 12種類の中から、特に気に入ったものを下記にピックアップしてみました。 ※各CSSはエフェクトの箇所のみで、ベンダプレフィックスは省略しています。 demo 4 のアニメーション ホバーすると、上からパタッとなります。 .b04_3d_tick { perspective: 500px; perspective-origin: center top; } .b04_3d_tick div { position: absolute; text-align: center; width: 100%; height: 50px; box-sizing: border-box; padding: 10px; border: #000000 solid 1px; } .b04_

  • フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。

    P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く

    フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。

  • 2013-06-20

    これ読んどけ。最悪どちらか片方でいいから。*1 インストラクショナルデザイン―教師のためのルールブック 作者: 島宗理出版社/メーカー: 米田出版発売日: 2004/11メディア: 単行本購入: 10人 クリック: 71回この商品を含むブログ (36件) を見るパフォーマンス・マネジメント―問題解決のための行動分析学 作者: 島宗理出版社/メーカー: 米田出版発売日: 2000/03メディア: 単行本購入: 39人 クリック: 312回この商品を含むブログ (119件) を見る 続きはこちら 明日から役に立つインストラクショナルデザインのすすめ - 図書館学徒未満 「わからせる」にはどうすればいいか -理解とモチベーションのコントロール - 図書館学徒未満 *1:類書を読もうとして「パフォーマンス・マネジメント」で検索すると経営学のほぼ関係ない文献がバリバリ引っかかって大変なことになります

    2013-06-20

  • 暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]

    2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。

    暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]

  • http://anifav.com/special/20130620_1484.html

  • 櫻田潤 | インフォグラフィック・エディター

    ビジュアルの力で世界を丸くする。 地球の形状が「丸い」のは、そこで暮らす僕たちにひとつの「ビジョン」を指し示しています。地球の形と同じように、世界で起こっていることのすべてが丸く収まっていれば良いのですが、現実は違います。 大小いろいろな規模の摩擦がいたるところに発生し、繰り返されます。その解決に必要なのは、お互いの「考え」や「価値観」「立場」、「状況」「状態」を示し、認め合うことです。そのために、「ビジュアル」の力を活用していきます。

    櫻田潤 | インフォグラフィック・エディター

  • 植物だって相当ヤバイ、恐怖の殺人植物ベスト10 : カラパイア

    我々の住む世界は植物で覆われてる。植物から受ける恩恵は多く、日本では植物性だから、体にやさしいという概念が定着してしまったようだが、体にやさしくない植物だって多く存在するのはご存知の通り。麻薬の原料だって植物由来のものも多いし、タバコだって植物だ。体にかぶれを引き起こす植物もある。 今回、全く新しいレベルの致死率を持つ殺人植物をが海外サイトに特集されていた。花を摘んだり、実を食べることで死に至らしめるだけでなく、場合によってはその植物にただ近づいただけでも死ぬ危険性がある植物すら存在するのだ。

    植物だって相当ヤバイ、恐怖の殺人植物ベスト10 : カラパイア

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.