TOP  >  Tool

Tag : Tool

2017年12月01日

レスポンシブした際のスクリーンショットが一度に撮れるサイト「z Screenshots」

webサイトのデザインをクライアントに提案する時には、PCだけでなくスマートフォンや他の端末ではどのように表示されるか、全て見せるということも少なくないもの。そんな時に役に立つのが今回紹介する、レスポンシブした際のスクリーンショットが一度に撮れるサイト「Responsive Screenshots」です。

Responsive_Screenshots01

URLを入力するだけで、一度に複数の端末のスクリーンショットうを撮ってくれる優れもの。デザイナー必見のサイトです。

詳しくは以下

(続きを読む…)

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

クリスマスシーズンに最適なべクターデータのセット「Free Christmas Vector Set (Cards, Backgrounds, Patterns etc.)」

クリスマスの向けてクリスマスカードやプレゼント、パーティー準備をして楽しんでいる方も多いのではないでしょうか。そんな中今回紹介するのは、クリスマスシーズンに最適なべクターデータのセット「Free Christmas Vector Set (Cards, Backgrounds, Patterns etc.)」の紹介です。

Christmasvector01

クリスマス用のツールが簡単に作れるイラストやパターンのセットです。

詳しくは以下

(続きを読む…)

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

無料で使えるCSSツールチップ「10 Free CSS Tooltip Snippets To Save Time On Your Web Projects」

Webサイトを構築するのに必要なCSSでは様々なデザインを設定することができ、とても便利。そんな中今回紹介するのは、無料で使えるCSSツールチップ「10 Free CSS Tooltip Snippets To Save Time On Your Web Projects」です。

CSSTooltip01
Pure-CSS Tooltips

アクションで注意書きなどに注目させたい時に使用するツールチップの、魅力的な動作やデザインを簡単に取り入れることができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:04  |  
Category: Tool , WebDesign   
このエントリーをはてなブックマークに追加
2017年11月18日

PSDで編集も可能なメディアキットセット3種「3 Free PSD Personal Media Kits」

SNSを活用して自分のことやオススメの場所、食べ物なんかを発信する人が増える中、今回紹介するのは自分のためのWebページを簡単に作れる、PSDで編集も可能なメディアキットセット3種「3 Free PSD Personal Media Kits」です。

media-kits01

気軽に自分のためのWebページを作ってみたい方には、ぜひチェックしてもらいたいまとめです。

詳しくは以下

(続きを読む…)

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

ECサイト運用のための便利なサービス14選「14 Best ECommerce Options for Designers」

年齢を問わずさまざまな人たちが利用するネットショッピング。クリック1つで簡単注文できるのでとても便利ですが、使いやすさが追求されたサイトを一から構築していくのはとても大変な作業です。そんな時に参考にしたい、多くの人が活用するECサイト運用のための便利なサービス14選「14 Best ECommerce Options for Designers」を今回は紹介します。

ECommerce01
eCommerce Open Source | Free eCommerce Website | Magento

用途に合わせて活用できるアイテムが揃っています。気になったものをいくつかピックアップしましたので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

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

デベロッパー向け最新リソースまとめ「Fresh Resources for Web Developers – October 2017」

デベロッパーにとって便利なリソースは、制作時の効率化や運用時の手助けをしてくれる重要な存在。そんな中今回は、webサイトを制作するにあたって便利なリソースをまとめた、デベロッパー向け最新リソースまとめ「Fresh Resources for Web Developers – October 2017」を紹介したいと思います。

Resources01
Essential Image Optimization

最新のリソースがいくつか紹介されており、参考にしたいアイテムが集約されていますのでデベロッパー必見のページです。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:33  |  
Category: Tool , WebDesign   
このエントリーをはてなブックマークに追加

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

2009年10月20日

フォームのためのjQuery集「10+ jQuery Form Enhancement Plugins」

ユーザーとのコミュニケーションに一般的に使われているフォーム。メールフォーム、アンケートフォーム、会員登録と幅広い使われ方をしていますが、今回紹介するのはそんなフォームを快適にしてくれるフォームのためのjQuery集「10+ jQuery Form Enhancement Plugins」を紹介したいと思います。

formjquery01

フォームをちょっと便利にしてくれるそんなテクニックが詰まっています。エントリーに収録されているモノのから気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:47  |  
Category: WebDesign   
2009年10月18日

様々な3Dエフェクトで切り替わっていくフリーFLASHスライダー「CU3ER」

WEBのリッチな表現と言えばFLASHコンテンツ。様々な表現が可能ですが、開発の敷居は通常のWEB制作と比べると高いものになっています。今日紹介するのはFLASHがあまり得意では無い方も簡単に組み込めるフリーFLASHスライダー「CU3ER- flash 3D image slider!」を紹介したいと思います。

flashslider

こちらは平面の画像が切り分けられたり、切り分けて回転したりと様々な3Dエフェクトが簡単に実現できます。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:45  |  
Category: WebDesign   
2010年08月07日

新しくリリースされたjQueryプラグイン30「30+ Brand New jQuery Plugins To Change the Look and Feel of Your Website」

世界中で利用されている軽量で多機能なjavascritpライブラリjQuery。それだけに非常に多くのプラグインがリリースされています。今日紹介するのは最近リリースされた新しいjQueryプラグインを集めたエントリー「30+ Brand New jQuery Plugins To Change the Look and Feel of Your Website」を紹介したいと思います。


jQuery 2D Transformation Plugin Demo

変形からツールチップ、スライダーなど用途に限定されず幅広く最新のプラグインが集められています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:27  |  
Category: WebDesign   
2007年12月04日

65種類のイラストレーターチュートリアルを集めた「65 Adobe Illustrator Tutorials」

今まで「イラストレータのチュートリアル集「Illustrator
Tutorials」
」や「illustratorのペジェ曲線特訓チュートリアル「Illustrator Pen tool exercises」」などイラストレーターのチュートリアルを紹介してきましたが、今回紹介するのは65種類ものイラストレータのチュートリアルを集めた「65 Adobe Illustrator Tutorials」です。

イラストレータチュートリアル

上記のようにアイコンからからカットイラストまで様々なジャンルのチュートリアルが集められています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:28  |  
Category: Design   
2008年03月21日

illustrator&photoshop CS3のキーボードショートカット50選

印刷業界の変換期も佳境を超えた感じがして、CS系での仕事がどんどん増えてきた感じがしますが、それでもMac OS9オンリーで仕事をしていらっしゃる方もまだいるみたいです。自分も含めて周りの話を聞いていて、OSの移行、ソフトのバージョンアップしての問題で、必ずと言って良いほど出てくるのがillustrator&photoshopのショートカットの変更です。

illustphotoshop01.jpg

ショートカットは大きな基本は変わっていないものの、細かなところで修正があり戸惑う事も多いみたいです。そこで今回紹介するのは「DTP Transit」さんが公開している「illustrator&photoshop CS3のキーボードショートカット50」です。厳選して50のキーボードショートカットを参照しやすいように一覧表にして公開されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:20  |  
Category: Design , Photoshop   
2009年02月01日

WordPress2.7に対応したハイクオリティなテーマ集「 15 High Quality Free Premium WordPress 2.7 Themes」

国内外で人気のCMS、wordpress最近バージョン2.7がリリースされ、2.7に切り替えたかたも多いかと思います。今日紹介するのはwordpress2.7に対応したハイクオリティなフリーThemeを集めたエントリー「 15 High Quality Free Premium WordPress 2.7 Themes」を紹介したいと思います。


Typebased

全部で15個のフリーテーマが紹介されていますが、今日はその中から気になったテーマをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:59  |  
Category: WebDesign , WordPress   
2010年06月25日

個性的な名刺デザインを集めた「35 cool and unique business card designs」

ビジネスの際に欠かすことの出来ないアイテム”名刺”、シンプルなものから、インパクトを重視した変わったデザインのものまでさまざまな名刺が使われていますが、今回紹介するのは、個性的な名刺デザインを集めた「35 cool and unique business card designs」です。


Bottle Opener Business Card | Business Cards Observer

名刺の形はしているけども、かなりデザインに個性が見られるもの、また一見名刺とは思えないようなデザインまでさまざまな種類が紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:40  |  
Category: Design   
2017年05月03日

ウェブデザインにおけるハンバーガーボタンについて考える「Analyzing the Hamburger Menu in Web Design」

スマートフォンのメニューデザインの定番と言っても過言ではないハンバーガーボタン。当たり前のように利用されていますが、今回はそんなハンバーガーボタンに関して分析をした考察「Analyzing the Hamburger Menu in Web Design」をご紹介したいと思います。

hamburger-menu-icon

メニューアイコンとしてなくてはならない存在になっていますが、その反面でハンバーガーボタンのデメリットを考え提唱している、奥深い考察です。

詳しくは以下

(続きを読む…)

続きを読む
2016年09月18日

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

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

cssfilter_01

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

詳しくは以下

(続きを読む…)

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

シンプルなテイストでいろいろなシーンで活用できそうなグランジテクスチャセット「10 Simply Subtle Grunge Textures」

劣化した壁や紙などの質感を落とし込んだグランジテイストのテクスチャは、アレンジ次第でいろいろなシーンで活用することができるとても便利な存在。いくつもストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、シンプルなテイストのグランジテクスチャセット「10 Simply Subtle Grunge Textures」です。

grunge1

主張しすぎない質感で、そのままでも、加工して使用しても、使い方によって表情を多彩に変化させることができそうなグランジテクスチャがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る