uchiuchiyamaのブックマーク / 2019年2月1日

uchiuchiyama id:uchiuchiyama

2019年2月1日のブックマーク (5件)

Sketchで少しだけ迷ったこと - Qiita
はじめに Illustratorや、Fireworksでは簡単にできていたけど、 Sketchだとどうやるんだろう？と悩んだ機能についてメモしていきます。文字をアウトライン化するアウトラインをかけたい文字を選択し、ツールバーの「Type」から「Convert Text to Outlines」を選択する。文字がアウトライン化される。塗でグラデーションを設定する塗でグラデーションを設定する場合はまずインスペクターメニュー（右側のプロパティ設定とかするところ）から「Fill」を選択。表示されるメニューの中から、「Linear Gradient」を選択。放射状のグラデーションがかけたい場合は「Radial Gradient」円錐を描くようなグラデーションの場合は「Angular Gradient」「Linear Gradient」を選択することで、グラデーション設定用のメニュ
uchiuchiyama 2019/02/01
sketch
リンク
Material Design System with Sketch Symbols
I want to present you Plaster a mobile design system made to simplify working with Material guidelines by implementing fundamental principles and Sketch app best practices into nested symbols, granting the user with a fast and reliable component-based design approach. Guide contents:💡 Intro — Backstory, and idea behind creation.👀 Overview — A quick look at the main sections.🎛 Setup — Control pa
uchiuchiyama 2019/02/01
material

ui

sketch

design
リンク
僕の考えた最強のsketchで便利なカスタムショートカットの作成方法 - Qiita
背景 sketchはWEBデザインを作成する上で非常に便利なツールですね。痒いところに手の届く機能や、豊富なプラグインでほとんどのことは実現可能かと思います。ですが、意外と困るのが一部のアクションに対するショートカットです。例えば、「オブジェクトの整列」とかです。この記事では、macの設定を利用して、カスタムショートカットを設定する方法と、設定して便利だった物を備忘録的にご紹介します。カスタムショートカットの設定方法 1.macの設定を開く 2.「キーボード」を選択 3.「ショートカット」を選択 4.「アプリケーション」を選択 5.「追加」ボタンよりsketchを選択 6.メニュータイトルにはそのアプリケーション内のメニューコマンドの位置を記入します。 7.キーボードショートカットには、どのコマンドでショートカットを起動させるかを入力します。＊既存のショートカットとバッティング
uchiuchiyama 2019/02/01
sketch
リンク
[Sketch] 便利ランチャー Sketch Runnerをご紹介! #sketchplugin | DevelopersIO
Sketch Runner とは? こんにちは UI Designerの清田です。今回は、 Sketchプラグインでお気に入りの Sketch Runnerをご紹介します。 Macユーザーではおなじみのランチャーアプリ「Alfred」はご存知かと思いますが、そのランチャー機能をSketch内で使用できるツールです。 Sketch 内のアートボードへのフォーカス出来たりと痒いところに手が届く機能を提供してくれているので、お試しあれっす。インストール必要環境 Sketch バージョン 3.7以上それでは、インストールのご紹介。公式サイトへアクセスし、プラグインをダウンロードします。 Runner.zipがダウンロードと解答し、Runner.sketchpluginを実行すると以下のSketchが起動され、以下のアラートが表示されますがOKするとインストールされます。正常にインスト
uchiuchiyama 2019/02/01
sketch
リンク
CSS Flexboxのレイアウトで起きる厄介な問題をJavaScriptを使用せずに、解決するテクニック
CSS Flexboxの利点は柔軟なレイアウトを行えることです。しかし、そのフレキシブルさがネックになってしまうことがあります。ここ数ヵ月の間、あちこちのブログやコミュニティで議論されていたFlexboxのレイアウトで起きる厄介な問題が解決したようなので、紹介します。 The Flexbox Holy Albatross by Heydon Pickering 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめに CSSレイアウトの厄介な問題 Media Queryで実装する -ばかげてます JavaScriptで実装する CSSで解決はじめに私はこの6ヵ月の間、さまざまな活動に取り組んでいました。 ※これらに限定されるものではありません。頭をかきむしる窓の外をみつめるベッドで天井をみつめる枕に叫ぶ呪文をつぶ
uchiuchiyama 2019/02/01
css

design
リンク
- 2019年2月4日
- 2019年2月1日
- 2019年1月31日