タグ

2015年11月28日のブックマーク (3件)

  • UIデザイナーの私がPhotoshopからSketchへ乗り換えた9つの理由 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    初めまして。アメリカからやってきたUIデザイナーのCorey(コーリー)です。 LIGの転職サービス「Poole」でUIデザインをしています。 PhotoshopやIllustratorをメインとして使うデザイナーは多くいると思いますが、私はPhotoshopをほとんど使いません。1年前にSketchへ乗り換えたからです。 現在、日のデザイン界ではSketchはそれほど使われてないかもしれませんが、海外ではSketchが大ブームになっています。 今回は私が最強なPhotoshopからSketchへ乗り換えた理由をお伝えします。 Sketchへ乗り換えた理由(Why I Use Sketch) http://bohemiancoding.com/sketch/ 1. UI Design中心 Sketchは完全にWebとモバイルUIデザインの専用ツールなので、それ以外の余計な機能が入っていま

    UIデザイナーの私がPhotoshopからSketchへ乗り換えた9つの理由 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Snap.svgの使い方まとめ

    Snap.svgの使い方 まとめ How to useすなっぷ.svg タイトル svg要素の基的な使い方まとめ・別館 written by DEFGHI1977@xboxlive 記事ではsvg世代のjavascriptライブラリとして有望なSnap.svgの使い方について実際に動作しているサンプルを交えて解説しています(これは動作サンプルであると同時にテストコードと言えるものですね).なお間違いがあったり,バージョンアップに伴う不整合が発生するかも知れませんので,その点ご容赦下さいね.やっぱり手でゴリゴリ書いてます. なお,Snap.svgを用いたSVG(もしくはjavascriptの)入門記事ではありません.Snap.svgを上手く活用したいのであれば,背後で動いているsvgについてよく知っている必要があります.そのため,ある程度SVGやプログラミングの知識があることを前提に話を

  • SVGの見た目は「属性」で書く――HTMLとの違い

    SVGCSSよりも後に登場した仕様なので(SVG 1.0が2001年リリース、CSS 2が1998年リリース)、いくつかの属性は普段CSSでなじみのあるプロパティとまったく同じ名前になっています。また、それ以外の属性名についても、ハイフン「-」区切りとなっており、CSSプロパティ名の作法に則っています。SVGの属性名は、当時としてはモダンなルールで決められたわけですね。 それぞれの属性がどのような表示になるのか、簡単に見ていきましょう。 塗り色を指定する「fill属性」 fill属性は、塗り色を指定する属性です。値にはCSSでも使っている「色」を指定します。fill-opacity属性を併用すれば、塗り色の透明度も指定できます。 <body> <svg width="320" height="200" viewBox="0 0 320 200"> <circle cx="40" cy="

    SVGの見た目は「属性」で書く――HTMLとの違い