Windowsユーザーの方に朗報です! Windows 7, 8, 10で、Sketchのファイルを開くことができ、編集も保存もでき、CSSの書き出し、SVGやPNGのエクスポートもできてしまう無料アプリが登場しました。 もちろん、日本語のWindows環境でも利用できます。 Lunacy, Sketch for Windows 前回紹介した時はファイルを開くだけの機能でしたが、ついに編集・保存にも対応し、Sketchの機能の80%を備えました! Windows版のSketchといっても過言ではないでしょう。 Lunacyの特徴 Lunacyのダウンロード・インストール Lunacyの使い方 Lunacyの特徴 Lunacyは、.sketchファイルを開き、編集し、保存することができるWindowsのネイティブアプリです。しかも、完全無料で利用できます。 Lunacyの画面 Sketch(
昨日(2018年1月22日)、Photoshop CC 2018がアップデートされ、次の機能強化が行われました。 1クリックで被写体を選択 「選択とマスク」機能の強化([不要なカラーの除去]オプションの[適用量]のスライダー) 高解像度モニターのサポート強化(Windows Creatorsエディション以降) Microsoft Dialとの連携強化 このなかで注目したいのが「1クリックで被写体を選択」機能。「Select Subject」として、昨年(2017年)11月に発表されたものが、早々に搭載されました。 「Adobe Sensei」というキーワードで話題になっている機械学習による認識によるものとのことです。 [被写体を選択]の使い方 「画像中の主要な被写体をワンクリックで選択できます」と記述されているので、画像内をクリックするのかな?と思ってしまいますが、クリックするのはメニュー
ここ数年で、Macを使う上でなくてはならないものに加わったものに、Keyboard Maestroがあります。 Keyboard Maestroは、QuicKeysと並び、古くからある自動化ユーティリティ。macOSでは標準でAutomator.appもありますが、macOSでIllustratorを使っているなら、Keyboard Maestroがオススメですという紹介です。 きっかけは三階ラボ 2014年くらいに、三階ラボの長藤さん、宮澤さんにお会いする機会があったのですが、「あ、それ、スクリプトでできるよ!」、「それだったら、Keyboard Maestroでできるよ!」と、日々、困り果てていた問題の多くを普通に解決されていてぶっ飛びました。 そこからKeyboard Maestroの旅がはじまります。 3flab inc. | Keyboard Maestro の使い方 – 基本機
指定したカラーをベースに、そのカラーからバリエーションを調査し、Webデザインやイラストで使えるカラーパレットや美しいグラデーションを生成できるテンプレートを紹介します。 Color Creator Templates -GitHub Color Creator TemplatesはBSDライセンスで利用でき、3つのアプリ用にカラーテンプレートが用意されています。 Photoshop Sketch Affinity Designer Color Creator Templatesの使い方 Photoshop用のカラーテンプレートを例に使い方を紹介します。 Color Creator Templatesではテンプレートを使用して、カラーのバリエーションを調査し、カラーパレットを作成できます。通常のカラーツールでは見いだせない2, 3色のカスタムカラーのブレンドモードを使用することもできます。
ベースカラー RGB データ ≫ R : - G : - B : / RGB 平均値 :: / ベースカラー 補色 ::
Hex code RGB functional notation HSL functional notation Distance from base color HSL lightness value Click to copy Pre-orders now open! Color Studio transforms 0to255 into a comprehensive color tool that's ultra-efficient, inspiring to use, and delightfully unique. Available Spring 2024. Read the announcement Pre-order Color Studio 1 year at $2/month + 3 months free “A near perfect color picker”
Photoshopパネルをツールに応じて切り替える、Workspace Switcherが超便利!狭い画面でも快適に!Illustrator/InDesign版も! Photoshop用神!エクステンション、Workspace Switcher 『手抜きLab@DTPの現場』のten氏による超便利Extensionです。 これを使うと…… ▼普段使いのパネルと、 ▼テキストツール使用時のパネルと、 ▼パスツール使用時のパネル、などを ツールに応じて自動的に切り替えることができます! ノートPCの狭いモニタでも、使用ツールに必要なパネルを常時展開できます。画面が狭いと、パネルってアイコン化していても結構邪魔なんですよね。いちいちクリックして展開するのも面倒だし。 つかいかた CCの場合は… Photoshopウインドウメニューから、「機能拡張をオンラインで参照…」を選択します。Adobe A
今までの情報収集 自分の興味あるニュース、技術情報、運用しているサービスのGoogle Alertなどをfeedlyに取り込んでいた。 ただ、どうしても毎日feedlyを立ち上げることができず見落とすこともしばしば。。 そうしているうちに未読が溜まっていき、ますます見ないようになっていた。 feedly.com 一番身近なツールに集約しよう この問題をどうしようかと考えたときに、「一番身近なツールに情報収集を集約しよう」と考えた。 それが仕事でも使うslackだった。 slackのfeed登録は簡単。このコマンドをfeed登録したいチャンネルで打つだけ。 /feed 登録したいRSSのURL RSSのURLがわからない人はこんなサイトを使うと良いだろう。 RSSフィード取得・検出ツール - RSSリスティング ちなみにGoogle Alertで特定のキーワードで抽出したい方はこんな感じ。
※ 当記事はFoundation 6.2時代に書かれたものです。現在のバージョンではXY-Gridが導入され、そちらを使用することが推奨されます。 本記事はZurb Foundation 6についての解説書です。 筆者はCSSフレームワークを触ったことがない状態から1年間Foundation 6を試行錯誤している状態です。まだ使いこなせていない機能が幾つかありますが、Foundationは作業効率を上げるのに十分な力を持っているフレームワークです。 既存WebサイトにFoundationが使用され困っている人や、Foundationを使用して制作をする人に活用していただけば幸いです。 本記事ではCSSフレームワークについては簡単な説明をしますが、Foundationはバックエンドのフレームワークに比べて簡単なため、Foundation 6の主な記法と、メリットが大きい機能を中心に解説します
WebサービスのUIやサイト制作のベースに使えるCSSフレームワーク。Bootstrapが代表的ですが、ほかにも人気のフレームワークをピックアップして紹介します。 CSSのフロントエンドフレームワークは百花繚乱です。しかし本当に優れたものだけに絞り込むことは可能です。 この記事では、私が考える「現在のフレームワークのベスト5」を比較します。強みと弱み、向いている分野があるので、プロジェクトで求めるものに応じて使い分けてください。プロジェクトが単純なら、複雑なフレームワークは不要です。また大半はモジュールベースですから、必要なコンポーネントを選んで使うか、別々のフレームワークのコンポーネントを併用することもできます。 紹介するフレームワークはGitHubの評価を基にしているので、最初に紹介するのは、もちろん一番人気のBootstrapです。 注:紹介する情報の一部は翌週ないし翌月には古くなっ
これが欲しかった!記事上でリンクテキストをブログカードのように美しく見せることができるツール「embed.ly」 ブログなどの記事投稿上で、テキストリンクを作ることは簡単なのですが、やや味気なく感じることはありませんか?だからといって、リンクテキストや画像をきれいに並べて記事上に配置するのも手間がかかります。 ブログ記事上で簡単にリンクを「はてなブログ」のブログカードのように見せてくれるツールはないかと探していたろころ、社内スタッフから「embed.ly」というサービスを教えてもらいました。これがとても簡単に、テキストリンクを見栄えの良いリンクに変えることができるツールだったのでご紹介します。 リンクURLを入れると自動的に画像、タイトル、本文冒頭をブログカードみたいに見せてくれて記事内に挿入できる「embed.ly」 下記のリンクは、実際に「embed.ly」を使って表示しているリンクで
本サイト内のコンテンツはNORILOGが独自に制作しています。メーカー等から商品提供を受けることもありますが、その場合は記事内に明記しております。コンテンツの内容や評価に関するランキングの決定には一切関与していません。メーカー等の指示による表示部分にはPRを表記します。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。詳しくはサイト運営ポリシーをご覧ください。 最近ブログを書いている上でクールで便利な外部リンク作成ツールだと思ったものを紹介。 それが無料で使える「Embedly」(エンベッドリー)。 はてなのブログカードに近い感覚で記事を貼り付けられる上に、レスポンシブ対応ときたら・・・これはもう使わないという理由が見つかりません。しかし世界中には面白いWEBサービスがいろいろありますね!
ブロガーの皆さんも多く使ってるブログカード。もともとはてなブログカードが正しいんですかね。これねこれ。 僕のテーマでは相性が合わずプラグインが使えなかったのですが、先日お友達のシゲ(@piece_hairworks)さんにブックマークレットを教わってようやく使える様になったのです。 そんなようやく使えるようになったブログカードな訳ですが、いつのまにかブログカードに変わる新しいリンクが話題になってますね。こちらもブックマークレットでの作成ができます。 「Embedly」がアツい!! ブロガー界隈で話題になってる新時代のブログカード「Embedly」。色々なブログで取り上げられていますが、僕の敬愛して止まないOZPA(@OZPA)さんも紹介しておりました。 上の記事で紹介されている通り、ブックマークレットページの赤枠で囲ったボタンがブックマークレットのURL。好きな方法でブックマークに設定しち
「〜を含まない」といった、否定の意味を持つ正規表現を記述する場合、下記のように、大きく分けて2種類のケースがあります。 「特定の1文字を含まない」といった否定表現か、もしくは「正規表現パターンを含まない」といった表現かで、大きく解決の方針が異なる点に注意して下さい。 特定の1文字だけを否定したい場合は非常にシンプルです。この場合、「文字クラス」、もしくはエスケープシーケンスで表される文字型を利用する事で表現できます。 一方で、特定の正規表現パターンを否定したい場合、少し記述が複雑になります。今回は「否定先読み」を利用した表現を、この記事の後半にご紹介します。 基本的な正規表現の記法はこの記事では触れませんので、不安な方はこちらの記事も合わせてご参照下さい: 正規表現とは?基本構文とメタ文字一覧(サンプル付) それでは、順番に詳しく見ていきます。 任意の一文字を含まない文字列の正規表現 a「
1. 移動ダイアログで Ctrl キーを押しながらフォルダをクリック Google Drive で作成したファイルを複数のパス(フォルダ)に所属させたい。Gmail で言うなら、ファイルに複数のラベル(タグ)を付けることに相当する。 例えば、Google Drive で、 マイドライブ > – Blog > Google Drive > A フォルダ の中にファイル hoge を作成した。 このファイル hoge を複数のパス(フォルダ)に所属させたい。 ここで、同じ階層にあるフォルダ B にもファイル hoge を所属させたいとする。そのためには、 ファイル hoge を開き、画面左上のタイトルの右横にある フォルダのアイコンをクリック > 管理 ボタンを押す。 「移動」ダイアログが表示されたら、フォルダ B を Ctrl キーを押しながらクリックする。 cf. Google ドキュメン
AppleScriptって便利そうなんだけど、サンプル少なくて苦労する。 なので、「ファイルを開いて変換する」のサンプルを書いておきました。 Apple Script でファイルを開く これでファイルが開く set a to POSIX file "/Users/takuya/Desktop/sample.pages" tell application "Finder" to open a これでファイルが開く Apple Script でApplicationを起動して終了する。 tell application "Pages" to activate tell application "Pages" to quit これで、アプリケーションが起動して終了する。 Applicationにファイルを開くよう指示する。 open でたいていは開くけど、具体的に、アプリを指定したい場合 set
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く