TOP  >  screenshot

Tag : screenshot

2017年12月01日

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

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

Responsive_Screenshots01

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

詳しくは以下

(さらに…)

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

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

2009年07月18日

最新のjQueryプラグインとチュートリアル25選「25 Fresh and New jQuery Plugins and Tutorials」

軽量でなおかつ様々な動作が可能な人気のプラグイン「jQuery」。世界中で利用されており、そのテクニックも豊富ですが、今日紹介するのは比較的新しいチュートリアルやテクニックを集めたエントリー「25 Fresh and New jQuery Plugins and Tutorials」です。

newjquery01
Create Featured Content Slider

ツールチップからスライダー式のギャラリー、サウンドプレイヤーなどなどjQueryで実現できる様々なテクニックが紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:18  |  
Category: WebDesign   
2008年04月20日

PSDファイルからテキストデータを書き出すスクリプト「PS_Bramus.TextExport-1.3」

photoshopで作成したPSDファイルのレイヤーに配置されたテキストを一括してテキストファイルに書き出してくれるのが今回紹介するスクリプト「PS_Bramus.TextExport-1.3」です。WEBを制作している人以外では余り利点を感じないかもしれませんが、PSDから見事にテキストデータのみ書き出してくれます。

photoshoptextjs.jpg

スクリプト本体は「Bram.us » PS_BRAMUS.TextExport 1.3」からダウンロードできます。インストールはとても簡単で、「/Adobe Photoshop CS2/プリセット/スクリプト」の中にダウンロードした「PS_Bramus.TextExport-1.3.jsx」を入れればOKです。

詳しくは以下

(さらに…)

続きを読む
posted 11:12  |  
Category: Tool   
tag: 
2014年12月01日

3種の形式を揃えたラインアイコンセット「300+ line icons」

アイコンの中でも、線で輪郭が描き出されたラインアイコンは、シンプルなテイストのものが多いだけに重宝するもの。そんな中今回紹介するのは、3種の形式を揃えたラインアイコンセット「300+ line icons」です。

line300_1

300種もの、さまざまな種類のアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2009年01月21日

WEBデザイナー必見!あらゆるリソースが参照できる「Web design tools and resources」

Deisngdevelopではデザイン、WEBに役立つ様々なコンテンツを日替わりで紹介していますが、今回紹介する「Web design tools and resources」はあらゆるWEBデザインに役立つリソースがまとめられているエントリーです。

リソースはリソースはJavascript、Miscellaneous Tools、Hosting、Grid Design、Typographyなどとジャンル分けされ、一覧になっていて非常に分かりやすくまとめらられています。

詳しくは以下

(さらに…)

続きを読む
posted 11:01  |  
Category: WebDesign   
2014年04月01日

シンプルでクリーンな印象を生み出す シングルページwebサイト「11 Inspiring Single Page Websites」

カラムや階層を使ったページコンテンツの概念がない、フルカラムでレイアウトされているシングルページ。特に最近多く見かけるようになりました。そんな中今回は、シンプルでクリーンなイメージのシングルページを取り入れたwebサイト「11 Inspiring Single Page Websites」を紹介したいと思います。

single4
Agence de communication digitale, Web, print et réseaux sociaux sur Marseille et Toulon – Drawtoclick

洗練された印象を受ける、デザイン性の高いwebサイトが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:50  |  
Category: WebDesign   
2012年09月22日

スタンダードから遊びの効いたものまで770種のフリーアイコンセット「Modern UI Icons」

端的に機能を表現するときに便利なアイコン。WEBデザインをする上で便利に使える素材のひとつです。今日紹介するのは、スタンダードなものから遊びの効いたものまで770種のフリーアイコンをまとめたアイコンセット「Modern UI Icons」です。

アイコンセットには、様々なアイコンがまとめられており、スタンダードなカレンダーやカートなどよくUIに利用するものから、インベーダーゲームの宇宙人や天秤、などといった少し変わったアイコンも収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 03:24  |  
Category: WebDesign   
tag: 
2014年06月21日

さまざまな動きのスクロールプラグインまとめ「12 Free Scrolling Plugins For Websites」

サイトに動きを付ける、コンテンツを限られた範囲内で最大限に見せるために利用されるスクロール。シンプルなものが取り入れられがちですが、今回紹介するのは、さまざまな動きのスクロールプラグインまとめ「12 Free Scrolling Plugins For Websites」です。

scrool1
Jquery fullContent.js

動きに特徴のあるスクロールプラグインが12種紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: plugin   
2009年09月11日

photoshopをもっと極めるチュートリアル集「30 Advanced Photoshop Illustration Tutorials」

クリエイティブの現場では欠かす事ができないツールの一つphotoshop。今回紹介するのはそんなphotoshopで描くイラストレーションのテクニックを集めたチュートリアル集「30 Advanced Photoshop Illustration Tutorials」です。

pstips01
Real Water Droplets

写真ベースの加工から、一から描き出したイラストレーションまで幅広いチュートリアルが全部で30個紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:46  |  
Category: Design , Photoshop   
2013年11月14日

iOS7を中心としたAppleのデザインモックアップ集「Design freebies by Oz Pinhas」

iPhone5sやiPad Airの発売など、続々と新機種発表や商品を展開しているApple。それに伴い、アプリケーションの開発など、iOS向けの開発のお仕事も増えているのではないでしょうか。今回はそんな時に便利なiOS7を中心としたデザインモックアップを紹介したいと思います。

ios7mockup_0

iOS7のホーム画面や設定画面、更にiTunes11のインターフェイスまで用意されていて、すぐに利用できそうなモックアップのベース素材が取り揃えられています。

(さらに…)

続きを読む
posted 10:00  |  
Category: Design , Photoshop   
2009年01月07日

デザイナー必見!ベクター、PSDなどあらゆる素材データを集めた「For Designer.com」

今までフリーでダウンロードできる様々なデザイン素材をDesigndevelopでは紹介してきましたが、今回紹介する「For Designer.com」はベクターデータ、PSDデータ、Flash、画像、テンプレートなどなど、様々な形式のデザイン素材をダウンロードできる素材配布サイトです。


公開されている数々の素材。

ありとあらゆる素材が公開されていますが、今回は公開されている素材の新着データの中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , Photoshop , vector , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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