対応ブラウザはコチラをごらんください→Can I use... Support tables for HTML5, CSS3, etc モダンブラウザはだいたい対応しているようです。IEは9から、Android Browser は4.4から対応。 ビューポートってなんだろう？ vw, vh, vmin, vmax のそれぞれの冒頭の「v」は「Viewport」の頭文字。 ビューポートとは、ブラウザの表示領域のことです。 PC用のブラウザならウィンドウサイズ。 タブレットやスマホは、デバイスごとに決められた表示領域があって、機種によって表示領域が違うので「Viewport」という概念が必要になったんでしょうね。 vw や vh の範囲はどんなもんかを調べていたら、有益なコンテンツを見つけました。 [CSS]ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位... | コ

海外デザインブログCanva Design School Blogで公開された「50 Beautifully Illustrated Graphics with Tips to Make You A Better Designer」より許可をもらい、まとめて日本語抄訳しています。 デザイナーは、フォントや色使い、イメージ写真、グラフィックデザインを利用することで、ユーザーを惹きつけるストーリーを描きます。作家が物語を考えるときに、いくつかのコツやテクニックがあるように、デザイナーにもうまくメッセージを引き出す秘訣があります。 その方法は、文字テキストのサイズを調整したり、背景イメージ写真を暗くしメッセージを読みやすくするなど、単純なことばかりです。しかし、文章をリズミカルに分割するなど、ちょっとした違いが大きな変化を生むような専門的なテクニックは、劇的なデザインの改善にも役立ちます。 今回

よりよいデザインにするために、デザイナーが頭の中で考えていることを、作例などのビジュアルとともにわかりやすく解説したデザイン書籍『なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉』が2015年7月31日に刊行されました。著者は、株式会社コンセントのアートディレクターの筒井美希。 本書は、デザインに興味があるすべての人に、楽しく読んで「なるほど！」と理解いただけることを目指し、3つの章で構成されています。 Chapter 1「編集×デザイン」では、まずはなんのためにデザインするのか、その目的を理解した上でその目的にふさわしいデザインを導き出すことの必要性を、目的別の作例を通して説き、さらに最終アウトプットとしてのデザインを考えていくまでの過程をプロセスを追って説明しています。 「デザイナーの7つ道具」と題したChapter 2では、デザインのコツや気をつけるべきポイントを、「天秤」や「

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

只今、マテリアル福山でWEB・DTP講座を受講されると 『気になる〇〇をプレゼント！』 マテリアル福山の無料:イラストレーターワンポイント講座 以前、フォトショップで同じ加工を施しましたが、イラストレーターではどのようにすれば出来るでしょうか? ・フォトショップでは「レイヤースタイル」の ドロップシャドウの効果だけを別レイヤーにしてしまってそのシャドウのレイヤーだけを変形しました。 では、イラストレーターでは・・・ ドロップシャドウをするには「効果」－「スタイライズ」－「ドロップシャドウ」ですね。 ご存知のように、効果は見えているだけで効果だけのオブジェクトではありません。 それを効果のオブジェクトにするには「アピアランスを分割」でできます。 それでは作成手順です。 １） 「ファイル」－「配置」で画像を配置します。 ２）続いて「効果」－「スタイライズ」－「ドロップシャドウ」で影をつけます。