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   
このエントリーをはてなブックマークに追加

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

2010年06月23日

ユニークなjQueryプラグインを集めた「20+ Uniquely Cool jQuery Plugins and Tutorials」

非常に高機能はjavascriptライブラリjQuery。様々な便利なプラグインが公開されていますが、今日は実用的なものというよりは、ユニークなjQueryプラグインを集めたエントリー「20+ Uniquely Cool jQuery Plugins and Tutorials」を紹介したいと思います。

airport
Airport Text EffectDemo

上記のようにちょっと変わったプラグインが全部で20集められています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:50  |  
Category: WebDesign   
2016年09月18日

CSSで実現するフィルタジェネレーター「CSSFILTERS.co」

写真加工は現在様々なアプリケーションに搭載されており、もはや写真とは切手は切れない関係にありますが、今回紹介するのはWEB上でも動作する写真加工フィルタを生成できるCSSで実現するフィルタジェネレーター「CSSFILTERS.co」です。

cssfilter_01

このサービスでは、予め登録されたフィルタもしくは、パラメーターを指定して任意の画像にフィルタをかけるとと共に、WEB上で実現するためのコードも出力してくれるというものです。

詳しくは以下

(さらに…)

続きを読む
posted 11:58  |  
Category: WebDesign , WebService   
2015年12月26日

デザイン性の高い表現を手に入れられるPhotoshopチュートリアル「12 Fresh & Creative Photoshop Tutorials」

Photoshopを使うことで、難しいグラフィック表現も可能に。しかしどのように操作したら良いかわからないということも多いのではないでしょうか?そんな時に参考したい、デザイン性の高い表現を手に入れられるPhotoshopチュートリアル「12 Fresh & Creative Photoshop Tutorials」を紹介したいと思います。

tutorial1224_2
Create a Pizza Food Text Effect in Photoshop – Photoshop tutorial | PSDDude

非常に高いクオリティのデザインチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2016年10月13日

登録されたパターンをベースにカスタマイズができるパターン配布サイト「HeroPatterns」

WEBデザインの世界感を表現する上で便利な素材がパターン。どのようなパターンを背景に用いるのかで全く印象が異なったりします。それだけに様々な背景素材が配布されていますが、今日紹介するのは登録されたパターンをベースにカスタマイズができるパターン配布サイト「HeroPatterns」です。

HeroPatterns01

決められたパターン素材をただ、取得するというものでは無く、登録されたパターンをベースに自分自身でカスタマイズして利用することが可能です。

詳しくは以下

(さらに…)

続きを読む
posted 08:33  |  
Category: Design , vector , WebDesign   
2015年04月16日

必ず役立つ素材が見つかる デザイナーのためのリソースまとめ「What’s new for designers,」

デザイナーが常にアンテナを張っておきたい新しい素材の数々。しかし膨大すぎてどれを使って良いか迷ってしまうこともあるのではないでしょうか?そんな時に活躍してくれる、デザイナーのためのリソースまとめ「What’s new for designers,」を今回は紹介したいと思います。

designer1
UXTree – Video courses for designers | Home

さまざまな種類の、いろんな状況に合わせて使える素材やリンクの数々が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2018年05月15日

美しいグラデーションが特徴のインフォグラフィック素材 「[Freebie] Gradient Style Infographic Elements: AI, EPS, and JPG」

データや情報を視覚化し、わかりやすくしてくれるインフォグラフィック。デザイン性があり、見やすいものを作成するのは意外と大変なもの。そんなときにあると便利な「[Freebie] Gradient Style Infographic Elements: AI, EPS, and JPG」をご紹介します。

infographic-elements_top

多種多様な形で複雑な情報を簡潔にまとめてくれています。

詳しくは以下

(さらに…)

続きを読む
2014年02月01日

可変可能なフリーアイコンセット「Freebie: Roundicons Icon Set (60 Icons, PNG, SVG, EPS, AI)」

webデザイン制作にもはや欠かすことができない存在となっているアイコン。汎用性の高いものを選んでおけば、どんなデザインにも対応でき、より心強い存在となります。そんな中今回紹介するのは、可変可能なフリーアイコンセット「Freebie: Roundicons Icon Set (60 Icons, PNG, SVG, EPS, AI)」です。

roundicons

フラットタイプのポップな印象のアイコンが60種セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 02:40  |  
Category: Design   
2013年01月02日

ベクターデータで利用できるシンプルなECサイト用アイコン「New e-commerce icon set 」

WEBを制作する上でユーザーエクスペリエンスを左右する。アイコンのデザイン。意図したとおりに作用すれば、言いたいこと、伝えたいことがかなりわかりやすく伝わります。今日紹介するのは、ベクターデータで利用できるシンプルなECサイト用アイコン「New e-commerce icon set 」です。

このアイコンセットはECサイト用ということで、支払いから、セール案内まで、幅広くECで重宝しそうなアイコンがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , vector   
2016年06月12日

手書き風のベクターサッカーアイコンセット「Soccer Icon Set」

世界では様々なアイコンセットが公開されており、スタンダードなものからちょっと変わったものまで様々ですが、今回紹介するのはかなりニッチな手書き風のベクターサッカーアイコンセット「Soccer Icon Set」です。

Soccer-Icons-excerpt-opt

このアイコンは上記のように、サッカーにまつわる様々なシーンがアイコンセットになっているというもので、全13種類となっており収録アイコンについては以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:06  |  
Category: Design , vector   
2008年12月02日

jQuery、CSSなどなどWEB開発に役立つチュートリアル集「30+ Eye-Opening Web Development Screencasts」

WEBの技術は日々進歩していて、様々な技術、技法が世の中には溢れていますが、今回紹介するのはjQueryやCSS、PHP、ASP、Ruby on Railsなどなど項目毎に、WEB開発に役に立つチュートリアルを30以上まとめたエントリー「30+ Eye-Opening Web Development Screencasts」です。

どれも実用的で、役に立ちそうなものが多いのですが、今回は紹介されている中から特に気になったチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:39  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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