大学研究室ホームページ作成・制作 webcil
ptとpxの換算 ｐｔ（ポイント）とｐｘ（ピクセル）って、似ているようで違う、それとも実は同じかも？という疑問を抱いている方も多いと思います。今回のコラムはその謎に迫ります。 １ｐｔは、１インチを７２分の１したサイズのことです。 １ｐｘとは、１画素のことでサイズは解像度（ｐｐｉ：ピクセルパーインチ）によって異なります。 一般的な話として、印刷の解像度の場合は、３００～３６０ｄｐｉ（印刷の場合はピクセルではなくドットパーインチで表現します）が普通で、 ディスプレイモニタなどのスクリーン解像度の場合は、７２ｐｐｉが普通というのがあります。 最近は１４４ｐｐｉだったり、２１６ｐｐｉという高精細なものもありますが、一般的に７２ｐｐｉなので１インチあたり７２ｐｘということになります。 つまり、ｐｘもｐｔの１インチを７２分の１したサイズということで同じということになります。 ところが、です。インターネ
最近のデザインで使われている、ロゴ・ブランディング・Webサイトのガイドラインのまとめ
Webサイトやスマホアプリのレイアウトの構成・展開、UIエレメントのバリエーション、カラーの使い方など、デザインの定義がまとめられたスタイルガイドを紹介します。 ロゴやブランディングも引き出しを増やすためにも参考にしたいですね。
アートボード作成
このページにあるスクリプトはアップデートを行っていません。最新のスクリプトファイルは 新しいダウンロードページ https://onthehead.com/ais/#artboard からダウンロードください。 Add Artboards はあらかじめ用意しておいたグループアイテムを元にアートボードを作成するスクリプトです。 Add Artboards 実行イメージ まず、１つのパスアイテムと１つのテキストアイテムをグループ化します。そのグループアイテム（以下、アートボード用グループアイテム）を選択した状態でスクリプトを実行すると、パスアイテムサイズのアートボードが作成されます。アートボード名はテキストアイテムの内容が自動で反映されます。また、アートボード用グループアイテムを複数選択して実行すれば、複数のアートボードを一気に作成できます。 スクリプトには ショートカットキーを割り振る こと
「えーと、画像は全部2倍で作ればOKなんだよね？」を卒業しよう — un-Tech
お疲れ様です、大塚です。 Appleの新製品発表会が間近に迫ってきましたね。新しいiPhoneの発表はもちろんのこと、今年の「One more thing」も楽しみです。 しかしながら、新しいプロダクトにドキドキ・ワクワクしながらも、心のどこか冷静な部分で、 「また新しい解像度が出てきたわ…」 と、新しい苦悩を抱えてしまうエンジニアやディベロッパーの方も多いのではないでしょうか？高解像度ディスプレイを搭載したマルチデバイスへの対応は、なかなか骨が折れる作業ですからね。 …え、仕組みがよくわからないままコーディングしていたって？？ そいつぁーまずい。 なぜ、多くのスマートフォンやタブレット向けのWebサイトでは、画像が2倍で作られているのか？ その理由と、ディスプレイや解像度の仕組み、今日ここで覚えていって頂戴。 ディスプレイの仕組み ぼくたちが普段使用している、PCやスマートフォンのディス
Web Fontの使い方とGoogle Fontsのオススメフォント 10選
HTMLとCSSに1行追加するだけで利用できるWeb Font Web FontとはWeb上にあるフォントをブラウザで表示する技術です。 通常ブラウザで表示できるのはユーザーのパソコンにインストールされたフォントだけです。インストールされているフォントはユーザーごとに異なるので、実質使えるフォントはパソコンにデフォルトでインストールされているものだけでした。 サーバ上に保存されたフォントを利用するWeb Fontなら、ユーザーの環境に影響されず意図したフォントで表示することができます。 Web Fontのメリットとデメリット ざっくりとWeb Fontのメリットとデメリットについて触れておきます。 よく理解した上で利用するようにしてください。 Web Fontのメリット 1.ユーザーの環境に依存せず、意図したデザインで表示できる。 「字は体を表す」Webサイトに合わせた最適なフォントでユー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Wonderful World of SVG