オリジナル書体『秀英体』で活版印刷の風合いを再現した「にじみフォント」を開発 | ニュース | DNP 大日本印刷
大日本印刷株式会社（本社:東京 社長:北島義俊 資本金:1,144億円 以下:DNP）は、オリジナル書体「秀英体」で活版印刷の風合いを再現した「にじみフォント」を開発しました。第1弾として「秀英にじみ明朝L」を、ソフトバンク・テクノロジー株式会社（本社:東京 社長:阿多親市 資本金:664百万円以下:SBT）のWebフォントサービス「FONTPLUS」で、11月18日に発売します。 【開発の背景】 DNPは、前身である秀英舎の時代にオリジナル書体「秀英体」を開発し、100年以上にわたり、時代の変遷にともない開発を続けています。近年、デジタルメディアが進展するなか、出版や広告の分野では、古びた和紙や木目のテクスチャー（質感）、手書き文字などを活かし、あえてアナログな風合いを加えて温もりや手触り感を表現することが増えています。また、印刷用の版の凹凸の凸部分にインクをつけ、紙に転写する活版印刷の
Material design カラー アクセシビリティ（コントラスト比）テスト結果
Material design カラー アクセシビリティ（コントラスト比）テスト結果 「Material design guidelines（マテリアル デザイン ガイドライン）」のスタイルガイド内「Color palette （カラーパレット）」に挙げられている各背景色と文字色を「JIS X 8341-3:2016」に基づいてコントラスト比をチェックし、結果としてまとめたものです。 最低限のコントラスト比 4.5:1（適合レベル AA）、最低限のコントラスト比 7:1（適合レベル AAA）。詳しくは実際の規格を確認してください。 文字色については「黒 = #111111」、「白 = #FFFFFF」として、Material design guidelines のカラーパレットにある背景色と文字色の組み合わせでコントラスト比をチェックしています。「AA」「AAA」は適合レベル、「（大）」と
まとめ・キュレーションサイト、知恵袋系サイトなどを除外したGoogle検索
まとめ・キュレーションサイト、知恵袋系サイトなどを除外したGoogle検索。検索時に邪魔なサイトを排除してありますのでノイズを排除しながら検索ができるほか、便利なフィルター機能もあります。 クリーンサーチは、まとめサイトやキュレーションサイト、知恵袋系などのQ&Aサイトなどを除外したGoogle検索をGoogleカスタム検索を利用して作成したものです。検索時に邪魔なサイトを排除してありますのでノイズを排除しながら検索ができるほか、便利なフィルター機能もあります。 もともと私が個人的に作成して使っていたものを、少し見た目などを整えて公開したものですので、除外するサイトやフィルターなどは私個人が使いやすいようにしてあります。 ですので、すべての人にとって有益かはわかりませんが、Google検索をしていて、キュレーションサイトが結果に出てくるのは邪魔だなとか、Web関連のクリエイターさんなどで、
面倒なレスポンシブイメージの画像作成を自動化してくれる神ツールとブレイクポイントの考え方
レスポンシブイメージ、使ってますか？ ウェブサイトの表示パフォーマンスの最適化をする際に、一番手っ取り早いのが画像の最適化です。そこで、イメージオプティム とかMac Automatorとpngquantなどのツールを駆使して一生懸命に画像自体を最適化したりレスポンシブイメージを使って画像を出し分けたりするわけですけども、特にレスポンシブイメージは手動でやるのは正直言ってかなり面倒です。 そ・こ・で！ 本日ご紹介したいのが「Responsive Image Breakpoints Generator 」です。このツールを使えばレスポンシブイメージの複数画像の作成やHTMLの記述を自動化できて、しかも！アートディレクションまで自動化できるんです。 ということで、今回はレスポンシブイメージについての簡単なおさらいと、画像作成の基本的な考え方、それから自動化について書いてみます。 では、行ってみ
CSSによる両端揃えの問題点とその解決へ向けて - Weblog - Hail2u.net
日本語の文章の場合、両端が揃っているとおさまりが良い。CSSではその両端揃えを行うためにtext-alignプロパティーにjustifyという値が用意されている。完全に日本語だけの段落ならほぼ100%、和欧混在の段落でも9割以上の段落で想定通り機能するが、まれに無残な結果になる。それは自動折り返しで長めの英単語が行頭に来る場合だ。 両端揃えは文字と文字の間を開けることで行われる。日本語だけの段落の場合、ほとんどどこでも改行することができる上、行送りの禁則処理が起こっても最大2文字分なので、行の長さが十分にあればその調整は認識されないだろう。問題は和欧混在の段落だ。 Demo: Justifying Problem この「contemporary」くらいの長さの単語だとまだマシな方で、あまり問題が起こることはない。しかし、このウェブサイトのようにcompareDocumentPosition
一文字単位にレイヤを分解するスクリプト
set_char.jsx 一文字単位にレイヤを分解するスクリプトです 2年前に制作したスクリプトを改めて公開します。 以前公開したものに続き、またまたお遊び程度のプログラムですがよろしければ使ってみてください。 使い方 ※音鳴ります Size:あ を指定すれば日本語のテキストでもズレが少ないです。 ダウンロード CC2014でしか動作確認してません
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
