TOP  >  screenshot

Tag : screenshot

2017年12月01日

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

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

Responsive_Screenshots01

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

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加

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

2018年04月23日

WebGLによる 歪みの効果を与えるスタイリッシュなホバーエフェクト「WebGL Distortion Hover Effects | Codrops」

WEBデザインならではのエフェクトは、私たちの目を楽しませてくれたり、あっと驚かせてくれたりします。今回ご紹介する「WebGL Distortion Hover Effects | Codrops」は、WEBの中でもよく目にするホバーアクションのエフェクト集になります。

DistortionHoverEffect_top

歪みの効果を与え、滑らかに動くスタイリッシュなホバーアクションです。

詳しくは以下

(さらに…)

続きを読む
2009年02月27日

商用可能なフリーベクターデータ&フォトショップブラシを集めた「40+ Free Vector Graphics and Photoshop Brushes For Commercial Use」

今まで様々なベクターデータを紹介してきましたが、今回紹介するのは「Qbrushes/QVectors」からCreative Commons Licenseで配布されているベクターデータ、photoshopブラシの中から商用可能な素材を集めたベクターデータ集「40+ Free Vector Graphics and Photoshop Brushes For Commercial Use」を紹介したいと思います。

vectorsphotoshop01
Colorful

グラフィックなどのアーティステックなものからアイコンなどの実用的なものまで残部で40以上のベクターデータが紹介されています。今日はそのなかから気になったベクターデータをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:08  |  
Category: Design , Photoshop , plugin , vector , WordPress   
2008年03月12日

優雅なWEB制作のためのJavaScript「yuga.js」

派手なアクションや演出はありませんが、WEBサイト構築において、ちょっとした気の利いた所を押さえているjavascriptが今回紹介するJavaScript「yuga.js」です。

yugajs.jpg

簡単に導入できる上に「jQuery」を使って様々な事が簡単なコードで実現可能です。優雅なWeb制作のためのJS サンプルと銘打っているだけあって実相もシンプルでわかりやすいJavaScriptになっています。

詳しくは以下

(さらに…)

続きを読む
posted 06:48  |  
Category: WebDesign   
2010年11月24日

ハイクオリティなフリーphotoshop素材を集めた「Free Resources for Designers」

デザイン制作をする上で役に立つフリー素材は、持っているだけでとても重宝します。そこで今回紹介するのは、ハイクオリティなフリーphotoshop素材を集めた「Free Resources for Designers」です。


18 High Resolution Acrylic Sponge Brushes | Premium Pixels

テクスチャやボタン、エフェクト、パーツなど、さまざまな種類の素材が数多く収録されいます。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 09:47  |  
Category: Design   
2014年12月10日

種類が豊富に揃ったフリー素材50種まとめ「50 fantastic freebies for web designers, December 2014」

インターネット上から数多くのフリー素材がダウンロードできるようになっていることもあり、どの素材を選んでいいか迷ってしまうこともあるのではないでしょうか?そんな中今回は、さまざまな種類の素材を厳選してまとめた「50 fantastic freebies for web designers, December 2014」を紹介したいと思います。

designerfree1
Menú despegable estilo acordeón | Accordion Menu

UIやフォント、ツールなど、たくさんある素材から利用活用度の高そうなものが選定され、紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 01:04  |  
Category: Design   
2013年06月13日

アレンジ次第でさまざまなデザインに利用可能なフリーコンクリートテクスチャ「9 Free High-Res Concrete textures」

webやグラフィックのデザイン制作に欠かすことができない素材の中でも、使用頻度の高い写真テクスチャ。シンプルなもの程アレンジの幅が広く、非常に重宝するのではないでしょうか?今回はそんなコレクションに是非加えたい、フリーコンクリートテクスチャ「9 Free High-Res Concrete textures」を紹介したいと思います。

concrete3

比較的シンプルなタイプのコンクリートを撮影したテクスチャが9種類収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 08:47  |  
Category: Design   
2015年01月31日

個性的なテーマも揃った フラットテイストのアイコンまとめ「23 Flat Icon Sets for January 2015」

どんどんと新しいタイプのものが誕生し続けているアイコン。いろいろな種類をストックされている方も多いのでは?そんな中今回紹介するのは、個性的なテーマも揃った フラットテイストのアイコンまとめ「23 Flat Icon Sets for January 2015」です。

icon0131_0
100 FREE ICONS / KITCHEN on Behance

定番として利用できるタイプはもちろん、他ではあまり見ないようなテーマのセットも紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2011年06月26日

【商用可】様々な印象を演出できるカラービンテージテクスチャ「Colored Vintage Paper: Texture Pack」

デザインの雰囲気をガラリと変えてくれるテクスチャ。今回紹介するのは、グランジ感のあるシンプルなカラービンテージテクスチャ「Colored Vintage Paper: Texture Pack」です。シンプルながらもカラーバリエーションが豊富なので、使いやすく、どんなデザインにでも活躍してくれそうです。

全部で20種類のカラーリング収録されています。いくつかのカラーをピックアップして紹介したいと思います。

詳しくは以下


Colored Vintage Paper Texture 01 (Aqua)
 
 
 
 
 

Colored Vintage Paper Texture 03 (Brown)
 
 
 
 
 

Colored Vintage Paper Texture 14 (Moss Green)
 

テクスチャは3600×3600pxと高画質なので、WEBから紙まで幅広いクリエイティブに利用できそうです。ライセンスも「Commercial and personal work under」となっており、商用デザインから、個人用途まで利用することが可能です。

Colored Vintage Paper: Texture Pack

続きを読む
posted 01:37  |  
Category: Design , Photoshop   
2010年04月29日

WordPressテーマ探しの決定版「50 Best Websites To Download High Quality Free WordPress Themes」

世界中で利用されているCMS、Wordpress。かなりの数のテーマがリリースされていて、無料でもかなりクオリティが高いテーマも配布されています。今日紹介するのはフリーのテーマを探すときに役立つサイトを集めたエントリー「 50 Best Websites To Download High Quality Free WordPress Themes」を紹介したいと思います。

wodpress_sa00
wordpress.org

上記のwordpress.orgといった定番中の定番から、様々なテーマ配布サイトがまとめられています。今日はそのなかから気になったサイトをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:57  |  
Category: WebDesign , WordPress   
2007年11月24日

CSSベースのクールなリストが簡単に作れる「List-O-Matic」

メニューやリンクリストなど様々な所で活躍し、ブログでもサイトでもかなりの頻度で使う事になるリスト。今回紹介する「List-O-Matic」はCSSベースで、様々なリストをカスタマイズしながら簡単に作れるWEBサービスです。

CSSLIST生成

デザインは横組、縦組とありスタンダードなリストから、少し凝ったリストまであり、新規でサイトを立ち上げようとしている人やインターフェイスを再考している人にはかなり便利なサービスだと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:35  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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