TOP  >  プラグイン

Tag : プラグイン

2018年09月10日

リアルタイムにデザインを編集できるWordPressプラグイン「The Divi Builder」

世界中で利用されているCMSの一つWordpress。国内でも多くのユーザーが利用しており、法人・個人問わず利用されていますが、今回紹介するのは、リアルタイムにデザインを編集できるWordpressプラグイン「The Divi Builder」です。

The-Divi-Builder

通常テーマはいくつかのファイルによって構成されており、テンプレートの修正やカスタマイズするとなると、多くの場合、コードを書いて修正しなければなりませんでした。この「Divi」はブラウザ上で自由にデザインカスタマイズやテンプレート側の修正が行えるというものです。実際の操作しているシーンを交えた、プロモーション動画が公開されていましたので以下からご覧ください。

動画は以下から

(さらに…)

続きを読む
posted 09:30  |  
Category: plugin , WordPress   
このエントリーをはてなブックマークに追加
2018年05月11日

アートやデザインのポートフォリオ用ワードプレスプラグイン「Free WordPress Plugins For Art & Design Portfolio Sites」

WordPressでポートフォリオ用のサイトを開設する人も多いのではないでしょうか。今回ご紹介する「Free WordPress Plugins For Art & Design Portfolio Sites」はそんな方におすすめできる便利なプラグインが収録されていています。

wordpress-plugin_top
Feed Them Social – Facebook, Instagram, Twitter, YouTube, Pinterest — WordPress Plugins

自分の魅力を最大限に伝えるため、情報を正確に伝える必要のあるポートフォリオサイト。制作に便利なプラグインをいくつかピックアップしましたので、下記よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2017年12月04日

レスポンシブ対応したフリーWordPressスライダープラグイン「Top 10 Free Responsive WordPress Slider Plugins」

Webサイトを閲覧しているとよく見かけるスライダーですが、様々な仕様があり、用途や機能に合わせて構築してく必要があります。そんなシーンで役立ってくれるのが今回紹介する、レスポンシブ対応したフリーWordPressスライダープラグイン「Top 10 Free Responsive WordPress Slider Plugins」です。

sliders00
Slider by Soliloquy – Responsive Image Slider for WordPress — WordPress Plugins

無料でダウンロードできる10種類のスライダープラグインが揃っています。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2017年11月21日

カスタムフィールドのWordPressプラグイン10選「10 WordPress Plugins to Supercharge Advanced Custom Fields」

自分の用途に沿って情報の追加を行っていくことができるカスタムフィールド。柔軟にサイトを変えていくことが可能ですが、仕様によっては構築で戸惑ってしまうことも。そんなシーンで役に立つ、WordPressのプラグイン「10 WordPress Plugins to Supercharge Advanced Custom Fields」を今回は紹介していきたいと思います。

wp-acf-addons-top
ACF to REST API — WordPress Plugins

カスタムフィールドに焦点をあてたプラグインが紹介されています。気になったものをいくつかピックアップしていますので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: plugin , WordPress   
このエントリーをはてなブックマークに追加
2017年11月12日

JavaScriptモーダルウインドウプラグイン「Best Free JavaScript Modal Window Plugins」

Webサイトを閲覧していると様々なモーダルウィンドウを見かけると思います。使用用途はもちろん、デザインも様々。そんな中今回は、デベロッパーにとって便利な、JavaScriptモーダルウインドウプラグイン「Best Free JavaScript Modal Window Plugins」を紹介します。

modal-script01
SweetAlert2 – a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes

モーダル制作に便利なオープンソースが集約されたまとめとなっています。いくつか気になるものをピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: plugin   
このエントリーをはてなブックマークに追加
2017年10月10日

日付選択ピッカーのプラグイン「10 Free Open Source Date Picker Plugins」

予約フォームや等で、webサイトで日付の選択を行う機会は意外に多いもの。だからこそ、ユーザーの使いやすさを意識したUIの工夫が必要となってきます。そんな中、今回ご紹介する「10 Free Open Source Date Picker Plugins」は、日付選択のプラグインが集められたまとめです。

01-flatpickr-plugin-js
Introduction

使いやすさや、見やすいデザインが考慮された日付ピッカーのプラグインがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 11:39  |  
Category: plugin   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2016年01月19日

継ぎ目なく敷き詰められる アイコンを使ったシームレスパターンまとめ「20 Free Seamless Icon Patterns for Designers」

背景に使用されるパターン素材は非常に便利ですが、少しネックとなるのは継ぎ目を加工しないと配置拡大して使用できないところ。今回はそんなデメリットを解消したシームレスなパターンの中でも、アイコンでデザインされたものをまとめた「20 Free Seamless Icon Patterns for Designers」を紹介したいと思います。

seamless0120_3
hipster hand drawn pattern Vector | Free Download

継ぎ目なく敷き詰められる、いろいろなテイストのアイコンパターンが豊富に紹介されています。気になったものをピックアップしましたので、下記よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2009年10月03日

デザイナーのためのjQueryテクニック「10 Easy jQuery Tricks for Designers」

非常に使い勝手が良いjavascriptライブラリ「jQuery」。様々なエフェクトを実現したり、ちょっとした問題を解決したり本当に様々な使い方がありますが、今回紹介するのはそんなjQueryを使った、デザインテクニックを集めたエントリー「10 Easy jQuery Tricks for Designers」を紹介したいと思います。

13-01_unequalcolumns-1
Equal-Height Columns

例えば上記のようなカラムを揃えるテクニック等、CSSでWEBを組んでいて気になる部分を解消してくれるテクニックが収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 08:03  |  
Category: WebDesign   
2011年04月17日

jQueryベースのWebフォームライブラリ「jFormer」

WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。

「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、入力データのレジュームなど、細かな機能も標準で備わっており、フォームの開発の時間を短縮してくれます。

詳しくは以下

基本的にフォームの部分はphpで作られており、デザインをCSSで、動きなどはjavascriptを利用しています。

多彩なデモは「Demos – jFormer」からご覧いただけます。またベーシックなコンタクトフォームのつくり方は「Installation and Documentation – jFormer」からご覧いただくけます。フォームに動きをつけたいという方には役に立つフレームワークだと思います。

jQuery Form Framework – jFormer

続きを読む
posted 01:58  |  
Category: WebDesign   
2015年01月05日

デザイナーがチェックしておきたい フリーpsdモックアップまとめ「New Free PSD Mockups (26 Mockup Designs)」

手がけているデザインのグラフィックだけでなく、提案書などの制作にも便利なデザインされたモックアップは、持っていると重宝する存在です。今回はそんなフリーpsdモックアップまとめ「New Free PSD Mockups (26 Mockup Designs)」を紹介したいと思います。

mockup0105_1
iPhone 6 PSD Mock-Up – CreativeCrunk

26種の、活用頻度の高そうなデザインモックアップがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:29  |  
Category: Design   
2010年09月07日

シンプルな紙のテクスチャ40「40+ Various High Quality Free Paper Patterns and Textures」

質感を出すのにとても便利なテクスチャ。素材感を出すだけで、上手く使えばグッとデザインの質を上げてくれる便利な素材です。今日紹介するのはテクスチャの中でも使いやすいシンプルな紙のテクスチャを集めたエントリー「40+ Various High Quality Free Paper Patterns and Textures」。


Download Source

しわくちゃの紙から、方眼、ダンボール、楽譜などスタンダードなものから少し変わったものまで様々なテクスチャが公開されています、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:39  |  
Category: WebService   
2014年07月09日

スマートフォンアプリ制作時に活用できるモックアップ素材まとめ「40 iPhone And Android Mockups Photoshop Files For Free Download」

スマートフォンのアプリを制作する際に、実際の機種にはめ込んでイメージを確認するといったシーンは多いのではないでしょうか?そんな時に活用できるモックアップ素材をまとめた「40 iPhone And Android Mockups Photoshop Files For Free Download」を今回は紹介します。

mock140709_1
iPhone 5C Psd Vector Mockup | Psd Mock Up Templates | Pixeden

iPhoneとAndroidの、さまざまな機種のモックアップが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2012年02月23日

シンプルで使いやすい ピクトグラムアイコンセット「ENTYPO」

さまざまなデザイン性の高いフォントやアイコンを手軽に手入れることができるようになっていますが、どんなデザインにも使いやすいシンプルな素材は、常にチェックしておきたいもの。そこで今回紹介するのが、シンプルで伝わりやすいピクトブラムアイコンを公開している「ENTYPO」です。

デザインを手がけたのは、デザイナーとして活躍するDaniel Bruce氏。普段のデザイン制作に必要なアイコンが揃った、デザイナーに嬉しいセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:36  |  
Category: Design   
2014年08月02日

幾何学模様のテクスチャとパターンのセットを紹介した「20 Geometric Texures and Pattern Sets Free to Download」

華やかさとデザイン性を与えてくれる幾何学模様は、特にフラットデザインが主流の最近のデザインシーンで多く見かけることが多くなってきています。そんな中今回は、幾何学模様のテクスチャとパターンのセットを紹介した「20 Geometric Texures and Pattern Sets Free to Download」を紹介したいと思います。

polygon140802_0
Vector colorful background triangle Vector | Free Download

いろいろな表情の幾何学模様パターンとテクスチャがセットになってまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2012年04月10日

PhotoshopCS5を使いこなせるチュートリアルまとめ「30 Very Useful Photoshop CS5 Tutorials」

デザイン作業の必需品として多くの人に愛用されているPhotoshopは主に、画像処理などで利用されている場合が多いかと思いますが、膨大なPhotoshopの機能をフル活用できているか疑問を感じている方も多いのでは?そこで今回紹介するのが、PhotoshopCS5を使いこなせるチュートリアルまとめ「30 Very Useful Photoshop CS5 Tutorials」です。


Photoshop Quick Tip: Creating Depth of Field Using the Lens Blur Filter

ロゴ制作やさまざまな効果をプラスできるチュートリアルが、豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:31  |  
Category: Design , Photoshop   
2017年10月27日

Instagramの投稿をもっと魅力的に デザインマスクコレクション「Instagram Masks Collection」

世界中で多くの人たちが利用しているInstagram。いかに魅力的な写真をアップするかで、注目度は大きく変化します。今回はそんなシーンでぜひ活用したい、デザインマスクコレクション「Instagram Masks Collection」を紹介したいと思います。

insta_mask1

写真にかけるマスクに個性的なデザイン形状をプラス、さまざまな形のテンプレートがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る