Alfredの基本的な使い方を一通り網羅して覚える(前編) - ごりゅご.com
![Alfredの基本的な使い方を一通り網羅して覚える(前編) - ごりゅご.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/44df5735ad027068f289374acd7c466483b3e60e/height=288;version=1;width=512/https%3A%2F%2Fgoryugo.com%2Fwp-content%2Fuploads%2F2015%2F08%2Fd335e1e42114d6e1e7c893a57a0270b4.jpg)
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは、井畑です。 今回はPhotoshopのレイヤーの整理の仕方やルールについて自分で決めている事をご紹介したいと思います。 「他の方はどうやってレイヤー整理してるのるかなー?」と気になって、まずは自分で公開してみることにしました:) もちろん、自分のやり方がベストだとは思ってはいないのですが、ある程度カンタンにできて、ある程度それなりに整頓できるやり方かなーとは思っています。 それでは、早速ご紹介します。どうぞー!! このPhotoshopレイヤー整理ルールのポイント このルールの「ポイント」は次の2点になります。 整理する時間が決まっている ポイント一つ目は整理する時間・デザインする時間を分けているところです。そうすることで、それぞれの作業を
ペンツールは、PhotoshopとIllustratorで最も重要なツールの1つです。ペンツールを楽に使えるようになると、デザインの新しいチャンスが広がり、ワークフローも大きく改善されるでしょう。 PhotoshopとIllustratorでのペンツールの役割や使い方の違いを理解し、それぞれで作業する時にベジェ曲線を思い通りに描くのに役立つ2つのこつを紹介します。 Two Simple Techniques To Help You Master the Pen Tool 元記事のライセンスに基づいて意訳しました。 ペンツールの種類 ペンツールの役割 ベジェ曲線を思い通りに描くための2つのこつ ペンツールの種類 IllustratorやPhotoshopのペンツールは、アンカーポイントやベジェ曲線を作ったり、追加したり、削除したり、微調整することができます。これらのオプションは、ショートカッ
こんにちは、デザイナーの藤田です。 先日、がっつりイラストを使用する案件を担当して以来、デザインにイラストを取り入れているサイトが気になっております。 図版を入れる箇所に写真を使用するのが困難だったり、写真を入れるとデザインが説明的になりすぎて雰囲気が薄れたりする場合に、イラストやアイコニックな表現を行うことはよくあります。 今回は、その表現方法が素敵だなと感じたサイトをまとめてみました。 イラストを効果的に使用しているサイト10選 写真を愉しむ家 &ima (アンド イマ) http://and-ima.jp/ トップページにて「STUDIO、LIVING、KITCHEN」の3つの機能訴求の補助としてイラストを使用しておりますが、こちらのイラストがあることで訴求対象が「子どものいる家族」であることが一目でわかるようになっております。 素敵です。 株式会社秋田屋 http://www.ak
TypeScriptを使ってECMAScript 2015時代のJavaScriptを先取りしよう! わかめまさひろ(株式会社トップゲート) わかめです。これから、TypeScriptを使ってECMAScript 2015スタイルのコードを書く方法を紹介します。連載の初回となる本稿では、ECMAScript 2015やTypeScriptの魅力について、TypeScript用エディタの案内をしていきます。 TypeScriptとは? TypeScriptはMicrosoft社が開発しているAltJSの1つです。AltJSとは、ある言語Xから、JavaScriptへと変換(トランスパイル)して使う言語の総称です。Typeという名の通り、JavaScriptの世界に静的な型付けを持込み、JavaやC#のようにコンパイル時に整合性のチェックを行うことができるようにしたものです。 見事チェックにパ
業務で必要だったので、ちょっとしたjQueryプラグインを書きました。要素がスクロールによって表示されたタイミングで、ある処理を実行できるようにするプラグインです。 jquery.showuptrigger [@github] 使い方 jqueryのあとにshowuptriggerをインクルードします。 📄index.html <script src="lib/jquery-1.11.2.min.js"></script> <script src="showuptrigger-0.0.1.min.js"></script> スクロールする要素に対してshowuptriggerプラグインを装着します。通常はwindowで構いませんが、overflow: scroll; にしているdivやtbodyなどの要素に対しても正常に動作します。 📄script.js $('.scrollable-
「Skeleton」は、レスポンシブCSSフレームワークです。「シンプルで、羽根のように軽い」がコンセプトで、基本的なhtmlコンポーネントと、グリッドレイアウトのみが入っています。 モバイルファーストな意識が高く、ファイル自身も少なく軽量なので全体が見渡しやすく扱いやすい印象です。 960gsベースの、グリッドシステムです。HDなPCサイズでのみ横幅を広げるなど、イレギュラーなこともCSSをいじれば可能です。シンプルなコンポーネントのみだからオーバーライドしなくてもできるのが素敵。 <!-- .container is main centered wrapper --> <div class="container"> <!-- columns should be the immediate child of a .row --> <div class="row"> <div class=
本記事は、技術系同人誌サークルDevLOVE Pubの同人誌『Far East Developer Review デブサミ2015特別号』から、編集部員が寄稿した記事を加筆修正したものです。編集部員の近藤が普段編集作業で使用している、GitHub製エディタの「Atom」で、日本語を扱うために必要な設定をご紹介します。(編集部) はじめに みなさん、エディタは何を使っていますか? プログラミング用途では情報が豊富なテキストエディタですが、筆者は文章の執筆・編集用途で使いたかったため、ほしい情報があまりまとまっておらず、何を使えば効率よく作業ができるか、しばし悩んでいました。本稿では、IT系技術記事の新人編集者である筆者が、比較的新しめのエディタ「Atom」で、日本語を執筆・編集するために行った環境構築について解説します。日本語をエディタで快適に扱いたいというエンジニアの方にお役に立てるものと
Bootstrapの見慣れた感というか、モック感から脱却しようとFoundationとかに手を出しかけてたのですが、Googleがだしてきたマテリアルデザインキットがすごく良かったので紹介します。 たとえば管理画面風のデザインはこれ ほかにもBootstrap風の上部メニューのデザイン(Android)もあったり コンポーネントと呼ばれる部品も充実しています。これ見るだけで色々できそうな気がしますね! Blog風など幾つか提供されています。いまとあるサイドプロジェクトで簡易的な管理画面をつくろうとしてたのですが、早速活用していい感じに仕上げることが出来ました。 ダウンロードすると全テンプレートが含まれているので、コピペで組み合わせるだけでも結構いい感じに出来ます。Bootstrapに飽きてきたら、ぜひ使ってみてください。 www.getmdl.io
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く