TOP  >  レスポンシブメニュー

Tag : レスポンシブメニュー

2013年08月18日

レスポンシブメニューを実現してくれるjQuery集「15 Responsive Navigation jQuery Plugins」

スマートフォンのシェアが高まるに連れてPCでもスマートフォンでも両方共通のコンテンツで、各端末ごとに最適化されたデザイン+機能。多くのWEBデザイナーが頭を迷わせるところですが、今回紹介するのはその中でもユーザーが操作するナビゲーションをレスポンシブにしてくれるjQueryを集めたエントリー「15 Responsive Navigation jQuery Plugins」です。

jquery_menu_01
Sidr

最近のスマートフォンアプリのナビのようにサイトのサイドからせり出てくるようなナビゲーションから、端末によって、それぞれの端末に最適化された形に変化するものまで多種多様なレスポンシブメニューがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

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

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

2009年12月19日

冬にピッタリな雪のテクスチャ集「21 High-Res Texas Snow Textures」

もういよいよ冬本番で、寒い日がつづいていますが、今日紹介するのはそんな冬を演出してくれる雪のテクスチャを集めたエントリー「21 High-Res Texas Snow Textures」です。

yukiyuki01

雪と言っても新雪から、植物の上に積もった雪、少し引いた雪景色などなど、様々なバリエーションのテクスチャ用の画像鵜が収録されています。全部で21個のテキスチャが公開されていますが、今日はその中からいくつか気になったテクスチャを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:56  |  
Category: WebService   
tag: 
2018年03月23日

ひと足先に夏を先取りする爽やかなサマーイラスト素材「Forever Summer Watercolor Set」

デザインに彩りを添えてくれるイラスト。画面を華やかに見せてくれるだけでなく、説明的な役割も果たしたりと幅広く活躍してくれる頼もしい存在です。今回ご紹介するのはそんなデザインに使える、ひと足先に夏を先取りできるイラスト素材「Forever Summer Watercolor Set」です。

forever-summer-watercolor-set1
Forever Summer Watercolor Set — discover Pixelbuddha Plus design resources library

爽やかな夏をテーマにして描かれたイラストレーションが集められた素材セットです。

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

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

レトロカワイイ雰囲気を表現できるパターンまとめ「A Collection of Retro and Vintage Patterns for Photoshop」

時代は繰り返すというのはデザインでも同じで、70〜80年代のレトロなデザイン感も今、多くの場で好まれています。そんな中今回紹介するのが、レトロカワイイ雰囲気を表現できるパターンまとめ「A Collection of Retro and Vintage Patterns for Photoshop」です。


6 Vintage Textile Patterns – Free Photoshop Brushes at Brusheezy!

和テイストなパターンから、ポップで可愛らしいパターンまで、さまざまなパターン素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:22  |  
Category: WebService   
2013年02月23日

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

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

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

詳しくは以下

(続きを読む…)

続きを読む
2015年06月30日

ビジネスシーンを想像させるフリーアイコンまとめ「30+ Freebie Business Icons You Should Have」

ソーシャルアイコンやビジネスツールなどをビジュアル化したアイコンセットは多数配布されていますが、今回紹介するのは、ビジネスシーンを想像させるフリーアイコンまとめ「30+ Freebie Business Icons You Should Have」です。

busness1
IWork 10 Iconset (7 icons) | Gordon Irving

手帳やバッグ、ノートやパソコンなどのデバイスなど、仕事をする際に必要なアイテムがアイコン化されたセットが紹介されています。

詳しくは以下

(続きを読む…)

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

HTM5スニペットの共有サイト「HTML5 Snippets」

だんだんと対応するブラウザも増えてきて業界の中では利用され、案件も増えてきたHTML5。もうすでにいくつか仕事として利用している方もいれば、これからという方もいると思いますが、今日紹介するのはHTM5スニペットの共有サイト「HTML5 Snippets」です。

スニペットとは、よく利用する短いコードの断片に分かりやすい名前を付け、ソースに利用しやすくするためのもの。「HTML5 Snippets」では、基本的なフレームから、細かなパーツまで、様々なスニペットが共有されています。いくつか気になったスニペットをピックアップしてご紹介致します。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:30  |  
Category: WebDesign   
2013年08月19日

個性的なデザインに最適 フリーグリッドデザインフォントまとめ「20 Free Grid Fonts For Designers」

タイポグラフィはweb・グラフィックデザインの最も重要な要素の1つとして、デザインに強い影響を与えてくれる存在。フォント選びに気を使われている方も多いのではないでしょうか?そんな中今回紹介するのは、個性的なデザインに最適なフリーグリッドデザインフォントまとめ「20 Free Grid Fonts For Designers」「20 Free Grid Fonts For Designers」です。

grid_1
Font Source

計算された美しいフォントから珍しいテイストのフォントまで、様々なデザインのグリットフォントがまとめられています。その中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:50  |  
Category: Font   
2008年04月16日

厳選ベクターデータ素材配布サイト「Top 20 Free Vector Resources for Designers」

制作を行う上で非常に使い勝手が良く希望と合致する物が見つかれば飛躍的に作業効率を上げてくれるベクターデータ。当サイトでもいくつかクター素材やベクター素材配布サイトを紹介してきました。今回紹介する「Top 20 Free Vector Resources for Designers」はそんなベクター素材を配布するサイトをまとめたエントリーになっています。

TOP20と言う形で海外のベクター素材配布サイトがまとめられ、公開されています。よく見かけるサイトもあれば今回初めて見る所もありました。今日はその中からいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:02  |  
Category: Design   
tag: Design vector
2011年01月19日

写真の加工を楽しめるアクション集「80+ Color Altering Photoshop Actions」

撮った写真を自由に好きな雰囲気に変化させることができるphotoshopのアクション集「80+ Color Altering Photoshop Actions」を今回は紹介したいと思います。


fairytale actions by ~Blowthat on deviantART

オリジナルをベースに、photoshopを使っていろいろな雰囲気の写真に加工をすることができます。写真が好きな方におすすめのまとめではないでしょうか。いくつか詳細されていたアクションをピックアップしましたので、下記よりご覧ください。

詳しくは以下

photoshop actions – 4 by *Honestheart26 on deviantART
ブルー、パープル、イエローなど、フィルムがかけられたような写真に仕上げることが可能なアクション。

Toasted Photoshop Actions by ~elestrial on deviantART
「CINNAMON」「CREAM」「VANILLA」など、出来上がりの雰囲気に合わせたネーミングが印象的です。

Photoshop Actions Pack by ~huejuice on deviantART
メリハリのない写真をくっきり、明るく加工できるアクション。いまいちパッとしない写真に是非試してみたいですね。

デザインの現場ではもちろん、プライベートで写真をよく撮影される方は、アクションを使うことで新しい写真の表情に出会うことができるのではないでしょうか?他にもたくさん紹介されていますので、自分にぴったりなタイプを是非見付けてみてください。

80+ Color Altering Photoshop Actions | Freebies

続きを読む
2008年03月21日

illustrator&photoshop CS3のキーボードショートカット50選

印刷業界の変換期も佳境を超えた感じがして、CS系での仕事がどんどん増えてきた感じがしますが、それでもMac OS9オンリーで仕事をしていらっしゃる方もまだいるみたいです。自分も含めて周りの話を聞いていて、OSの移行、ソフトのバージョンアップしての問題で、必ずと言って良いほど出てくるのがillustrator&photoshopのショートカットの変更です。

illustphotoshop01.jpg

ショートカットは大きな基本は変わっていないものの、細かなところで修正があり戸惑う事も多いみたいです。そこで今回紹介するのは「DTP Transit」さんが公開している「illustrator&photoshop CS3のキーボードショートカット50」です。厳選して50のキーボードショートカットを参照しやすいように一覧表にして公開されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:20  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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