TOP  >  テスト

Tag : テスト

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種ご紹介されています。その中から幾つかおすすめのツールをピックアップしてまとめましたので、是非ご覧ください。

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

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

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

2007年10月21日

WordPressの管理画面のUIを改善してくれるプラグイン「Admin Dropdown Menu」

WordPressの管理画面のユーザーインターフェイスはタブ形式になっていて、分かりにくいとまでは行かないのですが、個人的には直観的に把握できない感じがします。そこで今回紹介するのは管理画面のメニューを分かりやすいドロップダウンメニューにしてくれる「Admin Drop Down Menus」です。

Admin Dropdown Menu

プラグインを多く導入していると設定などは特に横にメニューが広がってしまうと言ったこともこちらのプラグインを使う事で一つにまとまり見易くなります。デザイン的にもスッキリとまとまった感じがするので印象も良くなるかと思います。

インストール方法

1.「Admin Drop Down Menus」からプラグインをダウンロード

2.解凍後「advanced-admin-menus」のフォルダを「wp-content/plugins/」へアップロード

3.管理画面からプラグインを有効化

以上です。

ディフォルトのメニューも毎日使っていればメニューも違和感無く使えるようにはなりますが、毎日使うものだからこそ少しでも便利にしたいもの。WordPressのメニューにご不満な方は是非試してみてください。

続きを読む
posted 02:20  |  
Category: plugin , WordPress   
2014年10月14日

ポップなテイストが特徴のラインアイコンセット「Free Download : Helium Icon Set」

なにかと便利に活用できるアイコン。種類もテイストもさまざまなタイプがフリーでダウンロードできるように配布されており、いろいろな種類をストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、ポップなテイストが特徴のラインアイコンセット「Free Download : Helium Icon Set」です。

hlium

ベーシックに定番として利用できるものから、個性的なタイプまで、いろいろな種類のアイコンがセットになってダウンロードできます。

詳しくは以下

(さらに…)

続きを読む
posted 12:22  |  
Category: Design   
2012年10月23日

さまざまなリボンデザインが揃ったPSD素材まとめ「30 Beautiful Ribbons PSD Files for Free Download」

プレゼントなどのラッピングに欠かせないリボンは、相手にスペシャル感を与えられる代表的なアイテム。webデザインの世界でも人気のあしらいとして、広く活用されています。今回は、そんなリボンを表現できるPSD素材をまとめた「30 Beautiful Ribbons PSD Files for Free Download」を紹介したいと思います。


Leather Ribbons & Web Elements | MediaLoot

ボタンやワンポイントなど、webサイトデザインで利用できるPSD素材が多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:04  |  
Category: WebService   
2010年04月15日

様々なUIのギャラリーが簡単に実装できるギャラリーフレーム「jbgallery 2.0 BETA」

WEBで写真をみせるというのは個人的なWEBから商業用のWEBまで幅広く目的としてありますが、今回紹介するのは様々なユーザーインターフェースのギャラリーが簡単に設置できるフレームワーク「jbgallery 2.0 BETA」です。

jqgellery01

こちらは jQueryを利用して制作されており、単純な静的なものではなく、フェードインアウト、ローディングバーなどなど様々処理が制御できるようになっています。いくつかユーザーインターフェイスがオプションとして予め設定されていますのでいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:13  |  
Category: WebDesign   
2014年10月16日

サイトの動きに魅力を与える フリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」

webサイトをより魅力的に見せるためには、デザイン性はもちろんですが、意外性のある動きなどを取り入れることで実現することも。今回はそんなサイトの動きに魅力を与える、フリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」を紹介したいと思います。

effect1
Direction-Aware Hover with CSS3 and jQuery

さまざまな種類のエフェクトが豊富に紹介されており、サイト自体にどこか物足りなさを感じていた方におすすめのまとめとなっています。

詳しくは以下

(さらに…)

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

映画関連ベクターデータセット「Movie Vector Set1」

シーンやカットのナンバーを入れるためのカチンコやフィルムなどのモチーフをベクターデータでまとめて収録しているのが今回紹介する「Movie Vector Set1」です。質感のあるカチンコやシルエット、フィルムのベクターデータなどがいくつかのパターン収録されています。

何時も必要となるデータではないだけに使いどころは難しいですが、いざ探すとなるとなかなか見つからないと思いますので、この機会にダウンロードしておいても良いかもしれません。

詳しくは以下

(さらに…)

続きを読む
posted 02:16  |  
Category: Design , vector   
tag: Design vector
2017年06月09日

使いやすい!美しくデザインされた等幅フォント20「20 Best Fixed Width Fonts You Can Download For Free」

全てのフォントの幅が同じになるように組まれた等幅フォント。文字数が同じであれば全て等しい幅に揃える事ができる、使用する局面によっては非常に利便性の高いフォントです。今回ご紹介するのは、そんな等幅フォントをフリーでダウンロードできる「20 Best Fixed Width Fonts You Can Download For Free」です。

best_fixed_font_main

スタンダードな書体から、美しくデザインされたものまで、様々なテイストの欧文フォントが全部で20種類紹介されています。その中から幾つか、おすすめのフォントをピックアップしましたのでご覧ください。

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

続きを読む
posted 10:00  |  
Category: Design , Font   
2018年06月16日

デザインのイメージを掴みたい時に役立つフリーモックアップテンプレート「20 Free PSD Mockups You Must Download」

スマートフォンやPC、タブレットなどそれぞれに合わせたUIデザインやWebデザインから、名刺やポスターなどの紙媒体まで、デザインといってもその形は様々です。今回紹介するのは、デザインのイメージを掴みたい時に役立つフリーモックアップテンプレート「20 Free PSD Mockups You Must Download」です。

mock-up01
Free Minimalistic Phone Mockups for Your Presenations

WebデザインやUIだけでなく様々な分野のモックアップが紹介されています。

詳しくは以下

(さらに…)

続きを読む
2011年08月03日

破れた紙のテクスチャセット「33+ High Quality Peeling Paint Textures for Your Designs」

デザインを印象的なものに仕上げるために活用されることも多いテクスチャ素材。そんな時は、より個性の強いものが求められます。今回はそんなシーンに最適な「33+ High Quality Peeling Paint Textures for Your Designs」を紹介したいと思います。


Peeling Back Paint by ~GrungeTextures on deviantART

破れた紙の質感が、色も素材感など豊富な形で展開されています。気になったものをピックアップしておりますので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 04:12  |  
Category: Design   
2016年01月02日

屋外広告のデザインモックアップまとめ「12 Free PSD Outdoor Advertising Billboard Mockups」

屋外に設置される看板広告。サイズや場所にもいろいろなタイプが存在しており、イメージチェックのためにモックアップを使用することでより効果の高いデザインに仕上げることができるのではないでしょうか?そんな中今回紹介するのは、屋外広告のデザインモックアップまとめ「12 Free PSD Outdoor Advertising Billboard Mockups」です。

psd0103_2
FREE PSD CITY OUTDOOR BILLBOARD MOCKUPS on Behance

いろいろなタイプの屋外広告用のモックアップがまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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