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

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

2016年09月24日

iPhone 7のフリーモックアップ「Free Multicolor iPhone 7 Mockup」

良くも悪くも、国内外で大きな話題となっているiPhone7。すでに手に入れた方、検討中の方などなど様々だと思いますが、今日紹介するのはiPhone 7のフリーモックアップ「Free Multicolor iPhone 7 Mockup」です。

Free-Multicolor-iPhone-7-Mockup-prev01

基本的な外観はiPhone 6sと大きく変わらないのですが、イヤフォンジャックの廃止やiPhone 7 plusで初めて搭載された2つの背面カメラなどが表現されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:10  |  
Category: Design , Photoshop , vector   
2018年01月02日

商用利用も可能 カラーチェンジができるSVGアニメーションを配布するサイト「unDraw」

webサイト制作にいまやなくてはならない存在になっているSVGアニメーション。デザインする際に活用されている方も多いかと思います。今回はそんな方におすすめのSVGアニメーションを配布するサイト「unDraw」を紹介したいと思います。

undraw1

既存のイラストをベースに好きな色にカラーチェンジができる、嬉しい機能が搭載されたイラストサイトとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebService   
2015年02月14日

webデザイナーならチェックしておきたいフリー素材がピックアップされた「50 incredible freebies for web designers」

日々、次々と新しい素材がアップされており、膨大な数の中からどれを選ぼうか迷ってしまうこともあるのではないでしょうか?そんな中今回紹介するのは、webデザイナーならチェックしておきたいフリー素材がピックアップされた「50 incredible freebies for web designers」です。

free0214_3
CSS3/jQuery Panel

いろいろな種類のフリー素材が紹介されており、どれも使ってみたくなるクオリティの高いものばかりが揃っています。

詳しくは以下

(さらに…)

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

WEBの表現をもっと豊かにしてくれるアニメーションまとめ「36 Brilliant User Interface Animations」

WEB上のユーザーインターフェイスの中で行われるちょっとしたアニメーションに驚きと感動をするということがたまにありますが、インターフェイスに即したアニメーションはWEBをより良いものにしてくれます。今日紹介するのはWEBの表現をもっと豊かにしてくれるアニメーションまとめ「36 Brilliant User Interface Animations」です。

dancing_icon
Menu open / tick / close

全部で36ものアニメーションが原文ではまとめられていましたが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:30  |  
Category: WebDesign   
2008年01月13日

ハイクオリティーなWordPressテーマを100個集めた「100 Excellent Free WordPress Themes」

WordPressの魅力として豊富なデザインが無料で手に入る点です。今日紹介する「100 Excellent Free WordPress Themes」はハイクオリティーなWordPressテーマを100個集めています。

wordpresstheme

闇雲に集めていると言う訳ではなく、ある程度「Vibrant WordPress Themes」「Simple, Minimalistic Themes」「Vibrant WordPress Themes」などデザイン感でジャンル分けされています。今日はその中から特に気になったテーマを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:29  |  
Category: WordPress   
2008年11月03日

デザイン制作ためのリソース集「 50+ High Resolution Textures, Tutorials and Resources」

高解像度のテクスチャやチュートリアルなどデザイン制作のためのまとめエントリーが今回紹介する「 50+ High Resolution Textures, Tutorials and Resources」です。


Green White Rusty

全部で50以上のリソースが紹介されています。今回はその中から一部気になったリソースをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:17  |  
Category: Design , Photoshop   
2013年01月26日

選んだ色を基準にして、色を選べるWEBツール「colllor」

色の決定や配色は難しく、経験があるデザイナーでも迷う事も多いのではないでしょうか?オレンジや赤と一口にいっても様々なオレンジや赤があり、最終どの色がふさわしいか吟味に時間を使うというデザイナーも多いと思います。今日紹介するのは自分の選んだ色を基準にして、色を選べるWEBツール「colllor」です。

このツールはまず自分で色をカラーツールで選択し、その後選んだ色の周辺色やトーン違い等を並べて提示してくれるというもので、その色の差を見比べながら決定できるというものです。

詳しくは以下

(さらに…)

続きを読む
posted 02:53  |  
Category: WebService   
2009年09月14日

70以上のフリーアイコンセットを集めた「70+ Awesome Free Icon Sets and Icon Collections for Web Designers」

WEBでもグラフィックでも便利に使えるアイコン。様々なシーンで重宝します。今日紹介するのはそんな便利なアイコンをまとめたフリーアイコンセット70以上収録しまとめたエントリー「70+ Awesome Free Icon Sets and Icon Collections for Web Designers」です。

iconsetfree01
The Webdesigner Sketchup Icons

全部で70以上のフリーアイコンセットが集められていますが、今日はそのなかから気になったアイコンセットをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:10  |  
Category: Design , WebDesign   
2008年10月10日

オンラインイメージエディタのまとめ「6 Exceptional Web-based Image Editors」

作業をするときはメインのマシンが決まっていて、ほぼそのマシンを使って作業をするのですが、ごく希に出先などで作業する時もあり、その際に困るのがソフト。同じ環境はもちろん難しいですが、画像編集とか必要になった場合などの作業が発生した時困ってしまっていました。


Pixlrのインターフェイス

WEBさえあればどんな所でも使えるオンラインイメージエディタのまとめが「Six Revisions」で紹介されていましたので、今日はオンラインイメージエディタのスクリーンキャストを交えながら、自分のメモがわりにまとめておきたいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:33  |  
Category: Tool   
tag: Tool WEBtool
2007年12月15日

【FreeFont】使いやすさを徹底的に考えたフリーフォントサイト「urbanfonts」

フリーフォントサイトはインターネット上に多々ありますが、今回紹介する「Urbanfonts.com」はユーザーのことを考えて作られているなというのが実感できるフリーフォントサイトです。

フリーフォントサイトurbanfonts

通常は大きくわかりやすいサムネイルでマウスオーバーでA〜Zまでの書体がすべて表示されたサムネイルを表示してくれます。さらにサムネイルをクリックすると収録フォントをすべて表示してくれます。

詳しくは以下

(さらに…)

続きを読む
posted 11:47  |  
Category: Design , Font   
tag: Design Font

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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