デザインの現場に欠かせない Photoshop（フォトショップ）は、みなさんが考えている以上に自分好みに拡張、カスタマイズすることができます。 効率的にカスタマイズする方法として、独立したプログラムとしてPhotoshopをより効果的にサポートする「拡張プラグイン」や、あらかじめ定義しておいた操作をボタンひとつで再生できる「アクション」、独自のコントロールパネルで機能を提供する「パネル」の利用が挙げられます。これらを利用することで、Photoshopをより強力なツールに拡張できます。 今回は、Photoshop作業を爆速にする、無料ダウンロードできる拡張プラグインやアクション、パネル、フィルタ素材などをまとめてご紹介します。より快適なフォトショップライフを目指しませんか。 Photoshopってすごい！作業効率をアップする拡張機能・プラグインまとめ プロ級の写真加工がボタンひとつ！良質Ph

この hiraku.js は、弊社で開発している a-blog cms の中で利用するために作られた「オフキャンバスメニュー用のJavaScript」を、より多くの人に利用してもらえるように jQuery のプラグイン化したものです。 オフキャンバスメニューとは画面左右から出現するメニューのことで、ドロワーメニューとも呼ばれたりします。 オフキャンバスメニュー用の JavaScript は Google で「offcanvas JavaScript」のように検索すると多く見つけることができますが、今回 hiraku.js で実装した特徴を全て満たすものを探す事ができなかった事から自作する事になりました。 appleple.github.io/hiraku では、簡単に英語で利用方法が解説されていますが、こちらでは日本語でしっかり解説を書いてみようと思います。

Elementor Elementor -WordPress.org WordPressのどんなテーマファイルでも、どんなページでも、どんなデザインでも、ページごとに自由なレイアウトを作成できます。これ系のプラグインは有料が多いですが、レスポンシブ対応で高性能、そして無料というのはありがたいですね。 さまざまなデザインのランディングページを必要とするサイトにも便利です。 レイアウトの変更は簡単、ドラッグ&ドロップで要素やコンポーネントを配置し調整できます。

ゆたろです。どうもです。 皆さんは案件などで「水っぽい動き」を求められたことはありませんか？　ゼロから実装するとかなり時間がかかってしまいますが、プラグインを使えば簡単に実装することができます。 というわけで今回は、水っぽい表現をするプラグインの紹介と、それを使用したsampleソースを紹介していきます。 ▼目次 ぷよぷよ動く水玉風 jquery.morphing.js 水たまりの波紋風 jquery.ripples.js フラットデザインと相性抜群 raindrops.js まとめ ぷよぷよ動く水玉風 jquery.morphing.js jquery.morphing.jsは、要素に対して、ぷよぷよと動く円形のクリッピングマスクを作ってくれるプラグインです。 https://github.com/ANTON072/jquery.morphing.js html ダウンロードしたファイル

WordPressで特定のページだけに個別のスタイルシートやスクリプトを使いたい、HTML, CSS, JS, PHPを埋め込みたい、ヘッダを変えたり、共通のエレメントを使いたい、しかも特定の1ページや複数ページにも適用したい、それらを叶えることができるWordPressのプラグインを紹介します。 無料版の紹介だけでなく、更に高機能な有料版をプレゼントします！ 有料版の応募期間は、2016年10月20日で終了しました。 CSS & JavaScript Toolbox CSS & JavaScript Toolbox -WordPress.org CSS & JavaScript Toolboxの紹介 プレゼント商品 応募期間 応募要項 当選発表 CSS & JavaScript Toolboxの紹介 CSS & JavaScript Toolboxは、WordPressの投稿記事、固定ペ

Webページやスマホアプリのデザインカンプを作成する時に、大幅な時短になる便利な機能がたくさん詰まったPhotoshop CC2015.5対応の機能拡張を紹介します。 Bootstrapでつくる時はもちろん、それ以外のデザイン作業でも強力な機能を発揮します。 Web制作に携わるすべての人が、入れておいて損はない機能拡張です。 Bootcomp Bootcompの特徴 Bootcompのインストール Bootcompの使い方 Bootcompの特徴 先日当ブログで紹介したBootcompが昨日、CC2015.5にも対応してアップデートされました。1.0でも便利でしたが、2.0で更に便利になっています！ OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。

営まれている業種によってはサイトに予約機能を追加することで、従来なら人が行っていた予約の受付から顧客の管理までの業務すべてを自動で行えるため、大きな業務効率化になりえるでしょう。 WordPressでも、プラグインを活用すれば予約システムを設けることができます。また、サイトに予約システムを設置する別の方法として、予約システム作成ツールを使うこともできます。 今回は、WordPressで予約システムを利用するメリットを紹介するとともに、予約システムが設置できるプラグイン、サイトに予約システムを埋めることができるツールをご紹介します。お試し感覚で導入できますので、緊急で使いたいという方や、気軽に試したいといった方は検討してみてはいかがでしょうか。 【有料ユーザー数No.1】ノーコード&30秒で予約受付フォームの作成ができる「formrun」はこちら！ 直感的な操作で作成と設置が可能で、顧客管理

ferret編集部：2015年8月7日に公開された記事を再編集しています。 ホームページを制作するうえで、手軽に構築でき、SEO対策にも向いたCMSがWordPressです。中でも、SEO対策に特化したプラグインが様々あり、ホームページを運営する人の強い味方とも言えます。 今回は、目的別にSEO対策に役立つプラグインをご紹介していきます。WordPressでホームページを制作している場合は、これらのプラグインをぜひチェックしてください。 基本設定 1. All in one SEOpack https://ja.wordpress.org/plugins/all-in-one-seo-pack/ ホームページ全体の基礎的なSEO設定ができるようになるプラグインです。記事ごとにタイトルやメタタグなどを自由に設定できるようになるため、ページ単位で細かくキーワードを狙っている場合は必須です。 2

Googleフォントを利用する時、どうしてますか？ サイトにアクセスして、フォントを選んで、ダウンロードして、インストールして、、、とけっこう面倒だったりしませんか？ 昨日リリースしたばかりの「Fontea」はそれらの手間なく、Photoshop上で簡単にGoogleフォントが利用できる優れものです。 しかも完全無料！

コピペでOK！「Contact Form 7」を使ったかっこいいお問い合わせフォームテンプレート集 2015.09.25 2025.01.13 すでに購入意欲を持ったユーザーが、入力フォームが使いづらいがために購入をやめてしまうこともあります。サイトへの流入はあるのに成果が上がらない、フォームPV数とコンバージョン数に差がある。そんな時には入力フォームを見直すべきかもしれません。 今回は「Contact Form 7」で使用できるコンタクトフォームのテンプレート集を作成しました。ぜひTCDテーマと合わせてご活用ください。 ※テーマのカスタマイズはあくまで個人の責任の範囲でお願いします。万が一カスタマイズによって不具合が生じましても弊社及び弊サイトでは責任を負いかねます。カスタマイズの際は必ずバックアップをご用意の上、行ってください。 ContactForm7の導入の仕方はこちらをご覧くださ

国内外で高い人気を誇るWordPressは、利用者が多い分悪質なユーザーに狙われるケースも多々あります。 セキュリティ対策をしないまま利用するのは非常に危険です。 主な手口としては、大量のスパムコメントが投稿や脆弱性を利用したページの改ざん、不正ログインなどが多く、不正利用から守るためにセキュリティの強化をおこなうことは運営者としての責任でもあります。 今回はWordPressで導入できるセキュリティ強化のプラグインをまとめてご紹介します。これからWordPressを始める方も既に運営しているという方もぜひ確認しましょう。 WordPressのセキュリティ対策に有効なプラグイン14選 1.All In One WP Security & Firewall https://wordpress.org/plugins/all-in-one-wp-security-and-firewall/ 高

こんにちは。デザイナーのハルエです。 普段Webデザインを制作する上でPhotoshopを使用している方は多いかと思いますが、いかに自分に合った環境にカスタマイズするかで作業効率は大きく変わってきます。 今回はいつものPhotoshopがさらに快適になる無料プラグインをご紹介させていただきます。 【こちらもおすすめ】 おすすめPhotoshopプラグイン WebINK http://www.webink.com/webfontplugin/ ※現在このサービスはご利用いただけません。 Google Web FontなどのWebフォントをPhotoshop上で表示、利用することができます。 最初の同期に少し時間がかかりますが、あとはデザインしながら手の届くところでWebフォントがさくさく選べてしまうので、非常に捗ります。 Photoshop CS5から対応しています。 flaticon ht

Bubble Layout Bubble Layout -GitHub まずはアニメーションを使った斬新なUI、バブルレイアウト。 ベースにはmo.jsが使われており、バブルをクリックしてからの遷移だけでなく、バブル自体も楽しいアニメーションで動かすことができます。デモページで実際の動きに触れてみてください。

こんにちは！　毎朝寒さで布団からなかなか抜け出せません、エンジニアのゆたろです。 みなさん、スマホのタッチジェスチャーの実装につまずいたことはありませんか？　今回は、そんなときに便利なライブラリ「Hammer.js」をご紹介します。 hammer.jsを使ってみよう http://hammerjs.github.io/ まずは、上のリンクよりプラグインをダウンロードしちゃいましょう！ https://github.com/hammerjs/jquery.hammer.js ここではjQqueryプラグインとして使いたいので、jquery.hammer.jsも合わせてダウンロードしてください。 ダウンロードしたファイルとjQueryをHTMLに読みこませます。 <script src="jquery.js"></script> <script src="hammer.js"></script

Photoshop CC2014+(Win&OS X)、Sketch 3+(OS X)対応のUIデザインの面倒な作業を自動化する無料プラグインを紹介します。 Craft Craftの特徴 Craftの3つのパネル Craftのダウンロードとインストール Craftの特徴 CraftはUIデザインでの退屈で面倒な作業を自動化し、デザインワークフローを時短化するPhotoshop CC2014+(Win&OS X)、Sketch 3+(OS X)対応の無料のプラグインです。 リアルなデータでデザイン作業 さまざまなタイプのテキストデータや画像を簡単に利用できます。 ワークフローの効率化 データのインポート、デザイン要素の複製など、今までより素早くできます。 シームレスなインテグレーション CraftはPhotoshopとSketchの両方で同じように利用できます。 かなり急ぎ足のアニメーション

Photoshopはデザインに欠かせない便利なツールですが、そのまま使っているだけではもったいないです！ Photoshopでの作業がさらに捗る便利なプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境（Win/Mac, CC 2015）で利用しています。 よく使うドキュメントはテンプレートとして管理 レイヤー数が多くても目的のレイヤーにすぐにアクセス ガイド引きの定番「GuideGuide」は大幅バージョンアップ ガイド引きは「QuickGuide」も欠かせない スクリーントーンや集中線を生成する「Comic Kit」 磨りガラスのようなエフェクトを与える「Blur Like Jony」 カラー・テキスト・フォントサイズなどに変数が使える「Ditto」 ガイドライン作成に欠かせない「Ink」も大幅バージョンアップ 複数の要素を変形させる時に位置はそのままで レイヤー

ドラッグアンドドロップでフォームを作れるWebサービスはたくさんあるんですが、フォームを設置するjQueryプラグインはそんなにないですよね。 そんなわけで今回はそんなD&Dでフォームを作れるようにするためのプラグインのご紹介です。 こういうのを実装できます。 ドラッグアンドドロップでフォームを組み立てる。 編集は超らくちん。 View XMLをクリックすればそのまま使えるコードがでてきます。 実際は触ってみるのが一番わかり易いと思います。 jQuery formBuilder | Drag & Drop Form Creation ダウンロード後、圧縮ファイルを解凍して、demoフォルダの中のindex.htmlを、コーダーで開いてみましょう。 大体の仕様はその中を見ればほぼわかると思いまうs。

Wordpressといえば、有料・無料問わず、ハイクオリティなデザインや機能を備えたテンプレート（テーマ）が多数あり、利用されている方が多くなっています。 このテンプレートだけでも魅力が十分ですが、さらに今回ご紹介するプラグインを利用することで、よりホームページを魅力的に仕上げることが可能になります。 Wordpressのプラグイン10選 1.WordPress SEO by Yoast https://wordpress.org/plugins/wordpress-seo/ WordPress SEO by Yoastは検索エンジン最適化（SEO）に関する重要な項目を簡単に調整、設定できるプラグインです。 metaタグの設定やTitleタグなどの基本的な設定だけでなく、各ページのタグ設定や、検索エンジンに読み込まれないようにするnoindexやfollowの設定が行えるため、検索エンジン

Sketch Toolbox (無料) Photoshopで言うところのExtension Managerで、Sketch用のプラグインマネージャーです。プラグインを探すのにもインストール・アンインストールするのにも非常に便利なアプリです。 Sketch Measure (無料) テキストやエレメントなど、さまざまなオブジェクトのサイズ、形、カラー、エフェクト、フォントの種類・サイズなどの情報を1クリックで書き出します。先日ようやく3.3+サポートになりました。 デザインのガイドラインや指示書の作成に便利です。

デザイン制作の大半をPhotoshopで作業する人も多くいらっしゃいます。 そんなPhotoshopですから、自分仕様に環境を整えておくことで作業の快適具合も大きく変わってきます。 今回は、Photoshopでの作業を効率化する使い勝手の良いプラグインを28個に絞りご紹介します。 フォトショッププラグインとは、標準機能を拡張するファイルのことです。必要に応じてインストールすることで作業効率を飛躍的にアップさせることが可能です。 全てインストールする必要はありませんが、気になるものがあれば是非一度使ってみてください。 便利すぎるPhotoshopのプラグイン23選 1.Velositey わずか数回のクリックであっという間にホームページのレイアウトを作るプラグインです。 ヘッダからコンテンツ、フッターなどがそれぞれ10種類以上収録されており、Photoshopを起動後4回選択すればレイアウト