文章をデザインする – 段落や箇条書きをより読みやすくするために ｜https://wp.yat-net.com/name
文章を読み易くする為に段落を用いてレイアウトすることは非常に多く、いかに読みやすく、いかに見やすいかを考えて構成する必要がありますね。 1.段落の使い方 2.読みやすい改行位置 3.箇条書きについて 4.文章をデザインするという事 段落の使い方 このブログではある程度の長さで1段落を設定し、一つ一つのブロックが長過ぎないようにある程度の調節を心がけています。 しかし可読性や視認性の事を考えると当然これだけでは駄目ですよね。もっと考えるべき点があります。 今回はちょっとその辺りについて考えをまとめてみたいと思います。 読みやすい改行位置 まず文章を構成するにあたり、必ず考えるべきなのは改行の位置です。Webに限らず紙媒体でも同じで、どこで改行すれば読みやすいのか・見やすいのかを意識するのはとても大切な事ですよね。 基本的に改行は句読点位置で行う事。これが一番シンプルではないでしょうか？あと、
フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。
P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く
HTMLにおけるimg要素のalt属性
HTML Standardの4.8.1.1 Requirements for providing text to act as an alternative for imagesをざっと把握できるように日本語で箇条書きにしただけのものです。最終的には原文をしっかりと読むべきでしょう。 基本 必ず定義されるべきである その値は空であってはならない その画像に代わりになる最適な文字列である ページ上の全ての画像をそのalt属性の値で置き換えてもページの意味合いが変わってはならない 画像のキャプションや題名、銘とみなされるような補助的な説明を意味するものであってはならない 前後で解説されている情報の繰り返しであってはならない 画像以外に何も含まれていないリンクやボタンで使われる場合 リンクやボタンの目的を明確に伝える文字列を指定する わかりやすく説明するために文章ではなく画像のチャートやグラフを
月額費用が無料のオンライン決済代行サービスまとめ
リンク型オンライン決済代行サービス / 今所有しているサイトに決済ページのURLを貼り付... / spike他...全14件
Feedly Cloud はGoogle Reader 終了後の RSS の未来につながるか
Google Readerの退役にともない、その空隙を埋めるべく多くのサービスやアプリが奔走していますが、なかでも Feedly は単に Google Reader の代替というにはとどまらず、新しいコンテンツプラットフォームに進化する準備を着々と整えています。 そのかなめとなるのが、本日すべてのユーザー向けにロールアウトした Feedly Cloud の存在です。 もう Feedly をブラウザのプラグインで使うのではなく、Google Reader と同様、ウェブ上で利用することが可能になりますし、さらに外部のサービスとの連携も一気に進みます。### Google Reader からのシームレスな以降 現時点で Feedly を利用している人は、すべてのブラウザ上でバージョン16の拡張機能がインストールされていることを確認し、すべてのデバイスのアプリも再起動しておく必要があります。 あ
車車車く本牛勿 -Rollin' Real-: Photoshop：チャンネルミキサー使ってますか〜CMYK編〜
というわけで、前回の基礎編からの続きです。 いよいよ実践に入ります。チャンネルミキサー以外でではきない作業を探すまず、これです。そうでなければ使い慣た方法でやるのがいいわけで。 前回ゆった「青い鳥を赤い鳥に」みたいなのをやってみましょうか。それにつけ、まずは他の調整機能で考えナシにやってみます。 最初に画像を２枚用意します。いじる用と目指す用。 練習段階ではなおさら、実際に見えてマネできるゴールがすぐ脇にあったほうがいいと思います。 同じ商品の色違いを並べて撮影した物とか、いいと思うです。 予算の都合で鳥は用意できませんでした。別にユニクロ推しではありませんが。。まず、双方の画像のチャンネルサムネイルを熟視。ヒストグラムではなくサムネイル。 色によってチャンネルごとのコントラスト分布というのがあるわけです。いま、なにげに大事なこと言ってます。この左のブツだけを選択して、右のブツの色をマ
[じぶん学校] - All About
「じぶん学校」は、生活総合情報サイトAll About（オールアバウト）が企画・運営する、社会人のための学校です。「学び」と「出会い」を通じて、じぶんと「ヒト」「コト」「モノ」、そして「マチ」との新しいつながりをつくることができる場所です。「学び」と「出会い」を通じて、じぶんと「ヒト」「コト」「モノ」、そして「マチ」との新しいつながりをつくることができる場所。それがじぶん学校です。 新しいつながりは、じぶんの毎日を、より面白く、より刺激的にしてくれます。じぶんの周り、たとえば、「家族」「友人」「地域」「社会」との関係を、より豊かなものにしてくれます。 これからの「じぶん」への新たなる一歩を、ふみだしてみませんか？
正規表現入門(1) – 正規表現を使ってみよう
はじめまして。4月から入社した宇都宮と申します。アシアルではPHPエンジニアですが、前職では、HTMLコーダー兼PHPエンジニア、必要に応じて(Action|Java)Scriptと、色々やってました。 様々な言語を書いてたわけですが、言語を問わずいつも使っていた便利ツールがあります。それが「正規表現」。というわけで、今回は正規表現について書きます。 正規表現とは 正規表現とは、 (Action|Java) といった感じで、文字列をパターン化して表現する方法のことをいいます。この例だと、「”Action”又は”Java”のいずれか」という意味になります。 この記事において、「正規表現」とは、各種ソフトウェアやプログラム言語で利用できる特殊な文字列パターンのことを指します。 正規表現を使うのに、プログラミングの知識・経験は必要ありません。日々大量のテキストと格闘している人であれば、正規表現を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
IDEA * IDEA
IDEA * IDEA