Sketch.app で角丸の半径を個別に指定する方法 | DevelopersIO
Sketch 3 最近、スマホアプリのデザインをするときにはほぼSketchで作業しています。一部、複雑なパスを描く場合や画像の加工が必要な時にはIllustratorやPhotoshopを使うような感じでやってます。 Sketchは動作が軽く、アイコンなどの素材の書き出しが柔軟で簡単なので非常にオススメのツールです。 そこで、今回はSketchのお役立ちTipsとして角丸の半径を個別に指定する方法をご紹介します。 てっきり... Sketchでは、角丸の半径を個別に指定することはできないものだと思い込んでいました。Illustratorだと四角形を描画するとこんな風に角丸の半径を個別に指定できますね。 これをSketchでも同じようにやりたいのですが、 Radiusって書いてあるだけでこのつまみを動かすだけだと当然４つの角が変化します。私はこれを一目見て諦めていたわけですが、Sketch
もう逃げない。HTMLのviewportをちゃんと理解する
と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返すし、media queryの条件判定でも480pxの画面幅が使われる。 次にviewportを実際の液晶画面に表示する。この時、view
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
