タグ

2016年8月19日のブックマーク (3件)

  • グラフィックを改善するためのデザイン8原則 | Adobe Blog

    この記事は、2016/6/27 にポストされた 8 Basic Design Principles to Help You Create Better Graphics(原文執筆:Amy Copperman)を翻訳したものです。 グラフィックデザインは非常に需要の多いスキルです。見た目が重視されている現代では、広告、Webサイト、ロゴ、動画、Webコンテンツなどで常に質の高いデザインが求められています。プロのデザイナーでなくとも、繰り返しシェアされるコンテンツを作成することは可能です。例えば、スマートフォンの画面を1、2回タップするだけで手持ちの写真にデザイン要素を追加するができます。高度なツールは手段の一つにすぎません。視覚的効果が高いものは何か、なぜメッセージがぼやけてしまうのか、デザインを見る目を養う必要があります。以下に、視覚的要素を活用してグラフィックを作成する際に心にとどめてお

    グラフィックを改善するためのデザイン8原則 | Adobe Blog
    tihata
    tihata 2016/08/19
  • Mojik

    Mojikという、ウェブにおける和文の文字組みをコントロールするためのJavaScriptライブラリを公開しました。いまのところ、以下のパターンでの「アキ」を調整できます。 連続する約物のアキ 行頭の始め括弧のアキ 欧文間のアキ Mojik.compose()メソッドの引数にCSSセレクターを渡すと、マッチする要素から上記に該当する箇所を検出し、それぞれマークアップが挿入されるので、CSSでアキ量を調整します。以下のページに実際に動いているデモがあるので、ぜひ見てみてください。 Mojikデモ ウェブページの文やタイトルなどで使われることを想定しているので、HTMLタグがあっても問題なく動作することは必須条件でした。基的に、まずHTML文字列をテキストとタグに分けて、正規表現でテキストの検索を繰り返す、という方法を採っています。ここらへんはkotarok/jQuery.waokonなど

    Mojik
    tihata
    tihata 2016/08/19
    試してみよー!
  • WordPressの投稿でSVG画像を使えるようにしても、OGPやTwitter Cardsで対応してなかった件 – Rriver

    WordPressの投稿でSVG画像を使えるようにしても、OGPTwitter Cardsで対応してなかった件 イメージオプティム でPNG画像を最適化すると、やたらと時間がかかるなぁと思ってTwitterでつぶやいたら「さっさとSVGに行けと言う啓示なのでは?笑」というコメントをいただきました(笑)。最近このブログに使う画像はSVGに最適なイラストが多いですし、ファイルサイズを小さくできて高解像度のディスプレーにも対応できるので確かにメリットがありそうです。 そこで早速WordPressの投稿にSVG画像をアップしようと思ったんですが。。。メディアアップローダーでは以下のようなメッセージが出てきてアップさせてもらえませんでした。デフォルトではサポートされてないんですね。ちょっと驚きました。 ということで、今回はWordPressの投稿でSVGを使うために必要なカスタマイズや関連する設定

    tihata
    tihata 2016/08/19
    WordpressでSVG投稿できるんだねー!SNSサポートもとむー!!