TOP  >  アイフォン

Tag : アイフォン

2013年02月23日

レスポンシブ時代のビューポートチェックWEBサービス「Responsive.is」

現在では様々な端末がリリースされ、その全てで最適な表示をさせるためにレスポンシブなWEBサイトが求められていますが、端末ごとのチェックはとても面倒なもの。今日紹介するレスポンシブ時代のビューポートチェックWEBサービス「Responsive.is」は、WEB上で様々なビューポートをシュミレートしてくれるものとなっています。

PC、タブレット縦、タブレット横、スマートフォン縦、スマートフォン横と様々なビューポートが確認でき、全体のどの部分を表示しているのかも分かるようになっています。下記は様々なビューポートで同一のサイトを表示したものとなります。

詳しくは以下

(続きを読む…)

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

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

2014年06月19日

優れたデザイン性を持つフリーフォントまとめ「20 Excellent Yet Free Fonts For Designers」

フリーでダウンロード可能なのに、デザインが優れているフォントが多数配布されており、デザインに幅広く活用できるようになっています。そんな中今回紹介するのは、優れたデザイン性を持つフリーフォントまとめ「20 Excellent Yet Free Fonts For Designers」です。

font140619_1
Beautiful Fonts || Agus . by RadiantDay on deviantART

いろいろなテイストのデザインフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2017年08月31日

デザイナー必見!商用利用可の最新フリーフォントまとめ「23 Fresh Free Fonts for Graphic Designers」

高品質なフリーフォントはデザインに欠かせない存在です。いざという時に備えて、幾つかフリーフォントをストックしておけば、デザインの幅も広がりますし時短にも繋がります。今回はそんなデザインに役立つ、最新のフリーフォントをまとめた「23 Fresh Free Fonts for Graphic Designers」をご紹介します。

23-fresh-free-fonts1

SALMELA – FREE CALLIGRAPHY FONT on Behance
23種類もの商用利用可のデザイン性の高いフリーフォントが紹介されています。その中から、幾つかおすすめのフォントをピックアップしましたのでご覧ください。

詳しくは以下
(続きを読む…)

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

さまざまな表情が楽しめる木のテクスチャまとめ「25 Handy Wood Textures」

普段の生活の中でなかなか感じる機会の少なくなっている自然の雰囲気をデザインに取り入れることで、ユーザーにも自然の雰囲気を感じさせることができると思います。そんな中今回紹介するのが、さまざまな表情を持つ木のテクスチャを集めた「25 Handy Wood Textures」です。


Wood Textures ver 1 by ~artbees on deviantART

自然の雄大さを感じられるテクスチャから、CGで作られた人工的なテクスチャまで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:23  |  
Category: Design   
2008年04月14日

コメント部分のデザイン集「30 Must See Comment Designs」

前回ブログの日付表示という部分的なデザインを取り上げたデザイン集を「日付表示のデザイン集と素材集「Gallery Of Date Stamps And Calendars」」と言う記事で紹介しましたが、今回はコメント欄のデザインをひたすら紹介するエントリー「30 Must See Comment Designs for Web Designers」を紹介したいと思います。

全部で30のコメント欄のデザインが公開されていますが、今日はその中でも気になるデザインをピックアップして昇華ししたいと思います。

詳しく以下

(続きを読む…)

続きを読む
posted 08:33  |  
Category: WebDesign   
tag: CSS webdesign
2015年07月20日

シンプルさを追求したデザインにおすすめなアウトラインアイコン「Linea: Free Outline Iconset」

アイコンにはさまざまな種類がありますが、比較的シンプル・ミニマルなデザインが主流の今、癖の少ないデザイン性の素材が求められることが多いのではないでしょうか?そんな今回は、シンプルさを追求したデザインにおすすめなアウトラインアイコン「Linea: Free Outline Iconset」です。

lineicon3

いろいろなテーマのラインアイコンがテーマ別に730個収録された、便利に活用できるアイコンセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:56  |  
Category: Design   
2014年09月23日

定番の種類もしっかりと抑えたフリーラインアイコンセット「Free Download : 210 Line Icons」

アイコンの中でも、シンプルで非常に使い勝手の良いラインアイコン。持っていると非常に重宝すると思います。そんな中今回紹介するのは、定番の種類もしっかりと抑えたフリーラインアイコンセット「Free Download : 210 Line Icons」です。

lineicon0922

ウクライナのデザイナー・Robert Karnovski氏手がける、定番アイコンとして利用できそうな210個がセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:18  |  
Category: Design   
2009年05月29日

CSSで実現するボタンテクニック集「22 CSS Button Styling Tutorials and Techniques」

Designdevelopでは今まで様々なCSSテクニックをお伝えしてきましたが、今日紹介する「22 CSS Button Styling Tutorials and Techniques」はボタンのデザインに特化したテクニック集です。

cssbutton01
Beautiful CSS buttons with icon set

立体的なボタンから、角丸はもちろん影がついたものなどなどCSSで作る手のこんだボタンのテップスやチュートリアルが収録されています。今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WebDesign   
tag: webdesign
2015年07月07日

種類豊富に揃った50種のフリー素材まとめ「50 Free Resources for Web Designers from June 2015」

フリーで利用できる素材は非常に重宝するため、気になったものはまめにダウンロードされている方も多いのではないでしょうか?そんな中今回紹介するのは、種類豊富に揃った50種のフリー素材まとめ「50 Free Resources for Web Designers from June 2015」です。

resources0708_1
Free Psd web mockup on Behance

デザイン性の高いフリー素材が、いろいろな種類ピックアップされまとめられています。いくつか気になったものを以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:28  |  
Category: Design   
2016年03月30日

WEBデザイナーのための12の軽量なCSSフレームワーク「12 Small CSS Frameworks」

EBサイトを構築するにあたって欠かせないCSS。様々な表現が可能なものですが一から組んでいくとそれなりに時間が掛かるものです。そこで便利なのが、よく使う要素や表現を簡単に利用することができるCSSフレームワーク。今日紹介するのはWEBデザイナーのために12の軽量なCSSフレームワーク「12 Small CSS Frameworks」です。

0577-01-small-css-framework-min
min

すべて5KB以内に収まるという非常に軽量なCSSフレームワークのみまとめられていましたので、その中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
2009年08月29日

使える!photoshopアクション集「60 Useful Photoshop Actions to Enhance your Photos for Free」

予め定めた動作をクリック一つで自動的に実行してくれるphotoshopアクション。同じような処理を実行する時にはかなり便利で、皆様仕事にあわせていくつかのアクションを組んでいると言う方も多いかと思いますが、今回紹介するのは実用的なphotoshopアクションを集めたエントリー「60 Useful Photoshop Actions to Enhance your Photos for Free」です。

psact2
Action Set 1

全部で60ものphotoshopアクションが収録されていますが、今回はその中からいくつか気になったアクションを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:06  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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