TOP  >  レスポンシブ

Tag : レスポンシブ

2017年12月01日

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

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

Responsive_Screenshots01

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

詳しくは以下

(さらに…)

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

レスポンシブ設計をスムーズにsuruレスポンシブレイアウトをテストする為のフリーツールまとめ「7 Free Tools For Testing Responsive Layouts」

現代のWebデザインに置いて欠かせない基礎設計となっている、レスポンシブレイアウト。PCとスマートフォンでの見え方の違いを手軽にチェックしたい、そんな時の手助けとなる便利なテストツールをまとめた「7 Free Tools For Testing Responsive Layouts」を今回は紹介したいと思います。

7-free-testing-responsive-layouts1
7 Free Tools For Testing Responsive Layouts | Webdesigner Depot

使いやすい全てフリーで利用できるツールが7種ご紹介されています。その中から幾つかおすすめのツールをピックアップしてまとめましたので、是非ご覧ください。

詳しくは以下
(さらに…)

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

簡単な手順を踏むだけでレスポンシブ設計された状態のデータがダウンロードできるサービス「Launchaco」

今やwebサイト設計は、レスポンシブであることが当たり前の時代となりましたが、最適な構成・設計を生み出すことに日々、頭を悩ませる方も多いのではないでしょうか。そんなときに便利な「Launchaco」を今回は紹介いたします。

Launchaco-top

簡単な手順を踏むだけでレスポンシブ設計された状態のデータがダウンロードできる、web制作現場にいる方にとっては嬉しいwebツールです。

詳しくは以下

(さらに…)

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

キャンプ・アウトドアをイメージしたアイコンセット「Camping Free Line Icon Set」

キャンプ・アウトドアなどは、国内でもグランピングという新しい概念もでてきて、さらに注目を浴びているレジャーの一つですが、今回紹介するのはキャンプ・アウトドアをイメージしたアイコンセット「Camping Free Line Icon Set」です。

Camping-Free-Line-Icon-Set-prev01

方位磁石、リュック、オノやマッチなどなど、通常のWEB制作のアイコンセットには無いユニークなアイコンが集められています。

詳しくは以下

(さらに…)

続きを読む
posted 01:56  |  
Category: Design , vector , WebDesign   
このエントリーをはてなブックマークに追加
2016年08月29日

ミニマルでベクターで扱えるフリーアイコンセット「1800 Free Minimal Icons」

デザインやインターフェイスを作りこむ上で重要なアイコン。シンプルなアイコンはどんなデザインにもマッチし制作現場においては非常に重宝します。今回紹介するのはミニマルでベクターで扱えるフリーアイコンセット「1800 Free Minimal Icons」です。

free1800

制作にかなり配慮して制作されたアイコンセットのようで、普通のアイコンセットには無い細かい配慮がなされた上で配布されています。

詳しくは以下

(さらに…)

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

スマートフォン・タブレットにも対応 フリーレスポンシブpsdテンプレート集「12 New Free Responsive PSD Website Templates」

スマートフォンやタブレットにサイトを最適化させることは、もはや必須といっても過言ではない現在のweb業界。レスポンシブ設計のテーマも多数フリー配布されています。今回はそんなフリーレスポンシブpsdテンプレート集「12 New Free Responsive PSD Website Templates」を紹介したいと思います。

res0620_0
Freebie | Breviter – creative blog PSD template | DesignHooks

12種という厳選された数ではありますが、最新の主流デザインが反映された魅力的なものばかりがそろっています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2010年03月13日

新しいハイクオリティなフリーフォント集「22 Fresh High-Quality Fonts for Your Designs」

制作に便利なフリーフォント。様々なタイプのフォントが日々公開されていますが、今日紹介するのは比較的最近公開された新しいフリーフォントの中からクオリティの高いフォントを厳選したエントリー「22 Fresh High-Quality Fonts for Your Designs」を紹介したいと思います。

more_fonts_01
Raleway

様々なタイプのフォントがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:11  |  
Category: Design , Font   
tag: Design Font
2015年07月11日

デザイン表現をもっと豊かにしてくれるフリーフォント「Useful And Free Thin Fonts To Download」

フリーでたくさん配布されているフォントの数々。日々いろいろな種類をストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、デザイン表現をもっと豊かにしてくれるフリーフォント「Useful And Free Thin Fonts To Download」です。

font0711_1
QUARZ 974 Light | Free Font on Behance

個性的なデザイン性のあるフリーフォントが紹介されており、どれも使ってみたくなる魅力的なものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:37  |  
Category: Font   
2010年09月26日

WEB制作で使えるパターン集「50+ Pattern Sets To Spice Up Your Website’s Background」

WEBのクオリティをグッと上げてくれるパターン。使いどころにもよりますが、上手く使えば、つくりこんだ感じと、デザインの世界観をより引き出してくれます。今日紹介するのはWEB制作で使えるパターンを集めた「50+ Pattern Sets To Spice Up Your Website’s Background」です。


Pixel Pattern

ドットやストライプなシンプルなものから花柄などガーリーな印象のものまで様々なフリーで利用出来るパターンがまとめられています。今日はその中から幾つか気になったパターンを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:09  |  
Category: Design , Photoshop   
2011年04月19日

もっとも有名な世界のフォントのエントリーまとめ20選「20 Most Famous Fonts (And How to Get Them)」

デザインする際に重要になってくるフォントですが、その選び方でデザインの印象はガラリと変わります。日々数多くのフリーフォントが公開・制作され利用されていますが、今日紹介するのは、もっとも有名な世界のフォントまとめと、そのダウンロードの仕方のエントリー「20 Most Famous Fonts (And How to Get Them)」です。

王道のフォントや大手企業のフォントなど、参考になる様々なフォントが紹介されています。中でも気になったものをピックアップ致しましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:34  |  
Category: Design , Font   
2010年11月16日

ギャラリー構築のためのjQueryプラグイン集「20 jQuery Image and Multimedia Gallery Plugins」

高機能なjavascriptライブラリjQuery。サイトを製作されている方には説明も必要もないほど有名なライブラリで様々なサイトに実装されており、様々な機能を持ったプラグインが日々、世界中公開されています。今回紹介するのはギャラリー構築のためのjQueryプラグインを集めた「20 jQuery Image and Multimedia Gallery Plugins」です。


Galleriffic

サムネイルが付いたものから、ズームアップのようなエフェクトのもの、iPhoneで見ることを前提としたギャラリーなど様々なギャラリープラグインがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2011年03月21日

Illustratorで作るロゴデザインチュートリアル「40 Tutorials for Outstanding Text Effects in Illustrator」

企業のシンボルや、ブランディング、プロモーションなどに使用されるロゴには、個性が求められるシーンもしばしばあるかと思います。今回はそんな時に是非参考にしたい、Illustratorで作るロゴデザインチュートリアル「40 Tutorials for Outstanding Text Effects in Illustrator」を紹介したいと思います。


Create a Mummy Text Effect In Illustrator | Vectips

Illustratorの機能を駆使し制作されたハイクオリティなロゴデザインが、チュートリアルと共に多数紹介されています。中でも特に注目したロゴをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2015年08月08日

写真をもっと高品質かつイメージアップさせられるフリーPhotoshopアクション「50 Time-Saving and Free Photoshop Actions」

撮影した写真は、デザインで使用する前にPhotoshopなどで加工して使用することが多いと思いますが、なかなか思いどりの仕上がりにならないことも。今回はそんな時に活躍してくれるフリーPhotoshopアクション「50 Time-Saving and Free Photoshop Actions」を紹介したいと思います。

phactions1
Premium Looks Photoshop Actions by pstutorialsws on DeviantArt

写真をもっと高品質かつイメージアップさせられる魅力的なアクションが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:02  |  
Category: Photoshop   
2017年10月03日

デザイナー必見!ハイクオリティな最新フリーフォントをまとめた「25 Fresh Free Fonts Download」

移り変わりの早いデザインの流行に素早く対応していくためにも、最新のデザインはチェックしておきたいもの。デザインを支えてくれるフォントもどんどんと新しいタイプが登場しています。そんな中、今回ご紹介するのは、最新のデザイナー向けのフリーフォントをまとめた「25 Fresh Free Fonts Download」です。

25-fresh-free-fonts1
25 Fresh Free Fonts Download | Fonts | Graphic Design Junction

様々なテイストの無料でダウンロード可能なフリーフォントが25種類も揃っています。その中から気になったフォントを幾つかピックアップしてご紹介していますので、ぜひご覧ください。

詳しくは以下
(さらに…)

続きを読む
posted 09:00  |  
Category: Font   
2015年12月18日

写真にニュアンス感のある演出を フリーPhotoshopブラシ「20 Essential Free Photoshop Brushes For Web and Graphic Designers」

Photoshopに搭載されている便利な機能、ブラシ。ひとはけでいろいろなグラフィック演出ができ、重宝されている方も多いのではないでしょうか?そんな中今回紹介するのは、写真にニュアンス感のある演出が可能なフリーPhotoshopブラシ「20 Essential Free Photoshop Brushes For Web and Graphic Designers」です。

brush1217_4
12 Strings And Bubbles Brushes #487 | BrushKing ♛

いろいろな種類のブラシがまとめられており、どれも魅力的なものばかり。気になったものをピックアップしましたので下記より御覧ください

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2014年10月24日

実用的なフリーwordpressテーマを集めた「35 Free WordPress Themes for October 2014」

テーマを利用することで、ハイクオリティな構成やデザインのサイトを手軽に作り出せるwordpress。さまざまな場所で使用されています。そんな中今回紹介するのは、実用的なフリーwordpressテーマを集めた「35 Free WordPress Themes for October 2014」です。

wordpress1_1024
Hoffman | Anders Norén

シンプルなテイストを中心に、いろいろな種類のwordpressテーマがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:45  |  
Category: WordPress   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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