2022年、Figmaで特にお勧めしたいプラグインのまとめ
Figmaにはプラグインがたくさんあります、その中から特に便利なプラグインを紹介します。WebサイトやスマホアプリのUIを作成するワークフローに役立つ便利なプラグインばかりです。 20 Awesome Figma Plugins to improve your Workflow by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 特にお勧めしたいFigmaのプラグイン 終わりに はじめに 私はここ数年の間、Figmaの多くのプラグインを実際に試し、定期的に使用してきました。Figmaコミュニティで提供されるプラグインは改善され続け、その勢いは衰える気配がありません。 私がこれまでに使用してきたプラグインの中で、特にお勧めできる20個のプラグインと、現在も更新されているプラグインをまとめるのに良
まじか！VS Codeでできることがまた増えた、エディタで画像から背景を1クリックで切り抜けるようになったぞ
Visual Studio Codeでついに、画像から背景を切り抜けるようになりました！ remove.bgをVS Codeで利用できる機能拡張がリリースされ、.jpg, .pngの写真画像を1クリックするだけで簡単に背景を切り抜くことができます。エディタとしても高機能なのに、画像編集までできるようになるとは！ VS Codeで、いつものぱくたそ画像から背景を1クリックで切り抜けます VS Codeで画像から背景だけを切り抜く VS Codeにremove.bgをインストールする手順 VS Codeで画像から背景だけを切り抜く VS Codeで画像から背景だけを切り抜くのは、1クリックで完了します。 まずは、ぱくたそ画像を用意し、VS Codeで開きます。
この書籍について · JavaScript Plugin Architecture
JavaScript Plugin Architecture この書籍はJavaScriptのライブラリやツールにおけるプラグインアーキテクチャについて見ていくことを目的としたものです。 次の形式で読むことができます。 Web版 PDF形式 ePub形式 Mobi形式 この書籍のソースコードは、次のGitHubリポジトリに公開されています。 azu/JavaScript-Plugin-Architecture: JavaScriptプラグインアーキテクチャの本 Twitterのハッシュタグは#js_plugin_book 更新情報はRSSやリリースノートから見ることができます。 はじめに JavaScriptの世界では1つの大きなライブラリよりも小さなライブラリを組み合わせていくようなスタイルが多く見られます。小さなものを組み合わせて作るためには、プラグインと呼ばれる拡張の仕組みが必要とな
[CSS]かなり便利！スタイルシートを自分で決めたルール通りに整形する便利ツール
コードを決められたルール通りに記述するのは、素晴らしいことです。 同じクォートを使い、セミコロンの後のスペースの有無、スペースやタブの数、改行の使い方など、統一するのは大変そうですが、ツールを使用すると簡単にできます。 コードを決められたルール通りに、見やすく整形できる便利ツールを紹介します。 Prettier + Stylelint: Writing Very Clean CSS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Prettier Stylelint 対応エディタ Stylelintを使用した時によくある事 関連 Prettier Prettierは2017年1月にローンチされた新しいプロジェクトで、すでに多くのWeb制作者が利用している人気ツールです。「頑固なコードフォーマッター」と呼ばれています。 Prett
![[CSS]かなり便利！スタイルシートを自分で決めたルール通りに整形する便利ツール](https://cdn-ak-scissors.b.st-hatena.com/image/square/65d8fd972c8e42b26e4948173c8eb784215ccfb9/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201704%2F2017103011.png)
Adobe XDの機能がいつの間にかこんなにも充実してた！Adobe XDとSketchの気になる機能を比較
Adobe XDは毎月のようにアップデートされ、着実に機能が充実されています。 現在はベータ版ですが、正式版のリリースもそう遠くないかもしれません。 UXツールとして同じく人気が高いのは、Sketchです。Adobe XDとSketchがデザインからプロトタイプの作成まで、そしてデータの受け渡しまで、どちらがUXデザインのフローを達成するために適しているのかチェックしてみましょう。 Adobe XD vs. Sketch - Which UX Tool is Right for You? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 UXのデザインツール Adobe XDとは ユーザーインターフェイスと便利な機能 Adobe XDとSketch（プラグイン込み）の比較 デザインツール選びの判断 UXのデザインツール UXのワー
無料ダウンロードできるすごいPhotoshopブラシ素材30選 2017年8月度
Photoshopには優れた機能がたくさん揃っていますが、これらのツールをうまく使いこなしても、ゼロからデザインをするには多くの時間と労力が必要になります。そこで利用したいのが、ブラシ素材です。 今回ご紹介するブラシ素材を使えば、驚くほど簡単にクオリティの高いデザインを作成することができます。ここでは、無料ダウンロードできる世界中のPhotoshopブラシ素材を30セットをまとめています。 デザインのデコレーションなど小さなものから、デジタルペイントなど本格的なデザイン制作まで、今後のプロジェクトに役立ててみてはいかがでしょう。 どんな場面でも役立つ！上質な無料Photoshopブラシ素材45個まとめ Photoshopでまずダウンロードしておきたい無料ブラシ素材50個セットまとめ 無料ダウンロードできるすごいPhotoshopブラシ素材まとめ Watercolor Brush 絵の具に水
シンプルにモーダルウィンドウを実装できる「leanModal」
「leanModal」は、シンプルにモーダルウィンドウを設置できるjQueryプラグインです。オプションは少なめですが、複雑な機能は必要なく単に設置したいという場合にはもってこいのライブラリだと思います。デモ スクリプト <script src="jquery.min.js" type="text/javascript"> <script src="jquery.leanModal.min.js" type="text/javascript"> <a rel="leanModal" href="#div787">Edit</a> <div id="div787"><<モーダルウィンドウ内に表示する要素>></div> <script type="text/javascript"> $(function() { $( 'a[rel*=leanModal]').leanModal({ top:
最近のデザインでよく見かける色相を変化させた美しいグラデーションがまとめられた無料素材 -coolHue | コリス
最近のWebサイトやスマホアプリのデザインで人気が高い、色相を変化させた美しいグラデーション素材を紹介します。 Photoshop, Sketchのグラデーション素材として、またコードベースで利用することもできます。
写真加工がグッと良くなる、持っておきたいPhotoshopアクション素材45個まとめ
アクション素材がどの写真加工にも適しているわけではありません。風景画やポートレイト写真の得意なアクションや、よりグラフィックを強調した素材などさまざまです。目的に合ったアイテムを探してみましょう。 アクションファイルのインストール、基本的な使い方については、こちらの記事を参考にどうぞ。 30 Free Instagram Photoshop Actions 人気写真加工アプリ Instagram のエフェクトを、Photoshopアクションで完全再現した素材30個セット。 Old Paper Texture Photoshop Action ざらっとしたグランジ感を写真に重ねることができるヴィンテージエフェクト用アクション。 Moonlight Photoshop Action Free 月明かりの下で撮影したような風合いに仕上げるアクション素材で、夜景や夕日などの写真に効果的とのこと。
これだけは持っておきたいIllustrator無料ブラシ素材厳選42個まとめ【2024年版】
Lighthouse Liner Illustrator Brushes ($21) 素材まとめて2つ購入で20%オフ、最大5つで50%オフ まるで手描きしたようなイラストを作成できる、72のベクターブラシを揃えます。一緒に利用できる20種類のシームレスパターンを活用すれば、インクなど味わいのある雰囲気を演出できます。 Chunky Markers – Illustrator Brushes 素材まとめて2つ購入で20%オフ、最大5つで50%オフ まるでマジックペンで手描きしたような風合いを超リアルに再現できる、Illustrator用ベクターブラシ素材。 ペンのカスレ具合など34個のブラシ対応のプレミアム素材は、手軽に人間らしい温もりのあるデザインに。 Pencil Craft Brushes for Adobe Illustrator by Envato Elements フォトショッ
Sketchってこんなに便利！デザイナーが入れておきたい無料プラグイン12個まとめ
アプリのUIデザイン作成ツールとして有名な Sketch 。今週、バージョン44が発表されたタイミングで、Sketch をより使いやすくするオープンソースの優れた無料プラグインをまとめてみました。 Sketch のユーザーコミュニティーは、とても活発に情報交換が行われており、ワークフローを根本的に改善する数多くの素晴らしいプラグインを見つけることができます。この記事では、すべてのデザイナーが持っておきたいベストプラグイン12選をご紹介します。 UIデザインの作成ツール Sketch！10の魅力と入門フリー素材50個まとめ Sketch Measure Sketch Measure は、デベロッパーやプロジェクトマネージャー、他のチームメンバーの作業を整理し、プロジェクトの概要をまとめるのに役立ちます。 また、デザインからコーディングまですべてのプロジェクトを一人でこなすひとにも便利なツール
Photoshop作業を爆速に！便利すぎる無料ツール、拡張機能、素材あつめました。
デザインの現場に欠かせない Photoshop（フォトショップ）は、みなさんが考えている以上に自分好みに拡張、カスタマイズすることができます。 効率的にカスタマイズする方法として、独立したプログラムとしてPhotoshopをより効果的にサポートする「拡張プラグイン」や、あらかじめ定義しておいた操作をボタンひとつで再生できる「アクション」、独自のコントロールパネルで機能を提供する「パネル」の利用が挙げられます。これらを利用することで、Photoshopをより強力なツールに拡張できます。 今回は、Photoshop作業を爆速にする、無料ダウンロードできる拡張プラグインやアクション、パネル、フィルタ素材などをまとめてご紹介します。より快適なフォトショップライフを目指しませんか。 Photoshopってすごい！作業効率をアップする拡張機能・プラグインまとめ プロ級の写真加工がボタンひとつ！良質Ph
サイトやアプリの画面遷移を分かりやすく見せる、ユーザーフローを作成する要素が揃ったプラグイン -UserFlows
Webサイトやスマホアプリの画面遷移を伝えるフローチャートやユーザーフローを3つのショートカットで作成できるSketchのプラグインを紹介します。 ラインやアロー、条件付きロジック、フローダイアグラムなどが簡単に作成できます。
ゆめいろデザイン｜ブランドマネージャー・Web/UX/UIデザイナー・デザインコンサルタント ヒガシナオヤ
UIを制作するベストなアプリ、とばかりに普及したSketch。最近はHTMLコーディングに役立つSketch Pluginも増えてきました。 本日は、デザイナー視線ではなく、コーダーやプログラマー的な立場からみた、コーディングを10倍早くするSketch Pluginを紹介します。 はじめに紹介するのは、「Make Exportable」というプラグインです。画像の「Export」を爆速にするプラグインです。 Retina Displayのような高解像度ディスプレイも今や当たり前になり、画像を利用するときにも@1xや@2xなど、1つのレイヤーから複数種類の画像形式のファイルやサイズの書き出しをするのが当たり前になりました。 しかし、Sketchでは、そのような作業を行うときに欠点があります。複数の種類の画像形式のファイルやサイズの指定を一つ一つおこなうにはかなり面倒です。 そのような時に「
WordPressユーザーなら絶対チェック！あなたの知らない最新プラグイン6つ
古いやり方や面倒な作業を一気に変えてくれそうな最新のWordPressプラグインを厳選して紹介。WordPressユーザーなら要チェックです！ プラグインが好きな人もそうでない人も、たくさんの魅力的なプラグインがWordPressにたくさんあることを認めざるを得ないでしょう。豊富な機能を備えたEコマースWebサイトの構築からWebサイトへの小さな変更の追加に至るまで、Webサイト作成者にとってWordPressのプラグインは非常に役立つものです。 WordPressの人気は堅調なので、毎日のように新しいプラグインが開発・ローンチされています。しかし、常にこれらのプラグインを最新の状態に保つのは大変です。この記事ではWebサイトのトラフィックや売上を急増できる新しいプラグインを紹介します。 1. Duplicate Page 似たようなページや投稿を作成する時間を短縮する方法を探していません
Photoshoopをパワーアップ！イラストやお絵描き、デザインのアクセントにも使える高品質で無料のブラシ素材のまとめ
美しい繊細なライティング、ガラスやメッシュの質感、雪・氷・霧・煙などのエフェクト、光が重なったオーロラを描くなど、高品質なのに無料でダウンロードできるPhotoshoopのブラシ素材を紹介します。 イラストやお絵描きにもよし、デザインのアクセントや質感を加えたりとPhotoshopをパワーアップするものばかりが揃っています。
Create a favicon for your web site with this free Photoshop plugin
ICO ファイルフォーマット・プラグイン - Webサイト用FaviconやVista用アイコンをWindowsで作成 このプラグインを使うと、ウェブサイト用のお気に入りアイコン(favicon)をPhotoshopで直接作成することができます。 faviconはWebブラウザのロケーションバーやブックマークの横に表示されるものです。 あなたのサイトの象徴となり、訪問者に印象付けるのに役立ちます。 このプラグインはPhotoshopの全バージョン(CS4やElements含む)で動作します。 また、バージョン9以降のPaint Shop Proでも動作可能です。 最新版のダウンロード: Windows, Photoshop全バージョン対応版 (Web用faviconの作成だけならこちらを選んでください) Windows, Photoshop全バージョン対応版 (Vista用アイコンの作成)
jQueryのプラグインが面白い！スクロール時にユーザを引きつけよう
PCでも、スマートフォンでも、画面をスクロールさせた時の各パーツ等の*「動き・挙動」*というのは、ユーザーの興味を引きつける上で非常に重要な要素です。 最近では動画以外の要素にも動きをつけて表示するホームページが増えてきました。 今回は、ページ下部へとスクロールさせるごとにユニークな動きをする、簡単に設置できるjQueryのプラグインをご紹介します。デモページと併せ、「どんな動きをするか」という具体的な説明もご覧ください。 注目！スクロール時にユーザを引きつけるjQueryプラグイン12選 1. セクションが重なるようにレイヤー表示「StickyStack.js」 配布ページ｜デモ 一つひとつのセクションをレイヤーに見立て、ページトップから積み重なるように表示するエフェクト効果を実装できます。垂直に配置した各パネルを上部に固定配置しながら、積み重なるようにスクロールすることができます。言葉
スピード＆品質で勝負！Photoshop で使いこなしたい無料ブラシ素材集
あらゆるデザイン表現を可能にする Photoshop には、さまざまな機能が搭載されています。しかし、ゼロから作品を完成させるには、時間も労力もかかってしまいます。 そんなときに利用したいのが、Photoshop ブラシ素材です。今回紹介するアイテムを利用することで、驚くほど簡単に高品質なデザインを作ることができます。 ゼロからデザインを作成できるのはもちろん、ステッカー感覚で利用できるデコレーション用ブラシから、デジタルペイントに欠かせない基本ツールまで幅広く揃えています。 詳細は以下から。 スピード＆品質で勝負！Photoshop で使いこなしたい無料ブラシ素材集 Basic Main Brushes デジタルペイントに必要な基本ブラシを揃えた素材セットで、まで筆ブラシで描いているようなナチュラルな質感を表現できます。 Digital Painting Brushes グラフィック・タ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://izimodal.marcelodolce.com/
