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

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

2013年08月18日

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

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

jquery_menu_01
Sidr

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

詳しくは以下

(さらに…)

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

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

2017年11月24日

美しいデュオトーンを表現できる フリーのグラデーションプリセットをまとめた「60+ Free Duotone Photoshop Gradient Presets」

デザインの手法の一つであるデュオトーンは、絞り込まれた2色で構成された色彩が何とも魅力的。今回ご紹介するのは、そんなデュオトーンの完成された色彩をワンタッチで楽しむ為のグラデーションプリセットをまとめた「60+ Free Duotone Photoshop Gradient Presets」です。

free-duotone-photoshop-gradient-presets

60ものデュオトーン用のグラデーションがまとめられた、デザイナーの為の使えるプリセットです。

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

続きを読む
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   
2016年11月14日

HTMLテーブルが直感的に簡単に生成できる「DIV TABLE」

tableタグやDIVタグを利用して制作するテーブル組、それほど難しい仕組みでは無いのですが、いざ手書きをすると時間を取られたりします。今日紹介するのはHTMLテーブルが直感的に簡単に生成できるWEBジェネレーター「DIV TABLE」です。

div_table01

利用方法は非常に簡単で、tableタグで生成するかDIVタグで生成するかを選んで、あとはBorder、width、Cell Paddignを設定して、あとは欲しいテーブルサイズを選択すればタグが生成されます。

詳しくは以下

(さらに…)

続きを読む
posted 11:43  |  
Category: WebDesign , WebService   
2015年10月11日

いろんな表情のApple Watchモックアップ&UIキットまとめ「30 Apple Watch GUI Kits, Mock-Ups And Templates For Free」

すでに広く浸透しつつあるApple Watch。とても便利で、専用アプリケーションも多数登場しています。今回はそんな市場の広がりに合わせて使用できる、いろんな表情のApple Watchモックアップ&UIキットまとめ「30 Apple Watch GUI Kits, Mock-Ups And Templates For Free」を紹介したいと思います。

appwatch3
Dribbble – Apple Watch Free Template PSD by Daniel Macedo

さまざまテイストのApple Watchを表現できる素材がまとめられており、非常に便利に活用することができます。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:51  |  
Category: Design   
2011年03月06日

カメラにまつわるピクセルアート配布サイト「The Camera Collection」

様々なカメラが開発され、世界中で利用されていますが、今日紹介するのは本体、レンズ、フラッシュなどカメラにまつわるピクセルアートを素材として配布するサイト「The Camera Collection」です。

上記のように二眼レフ、トイカメラ、ポラロイドカメラ、一眼レフなど多種多様なピクセルアートが登録されています。単純な作りですが特徴はきちんと抑えられていて、どの機種なのか分かるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
2015年05月22日

サークル状のデザインフリーアイコンまとめ「35 Free And Fresh Round Icons Designers Should Have」

アイコンにもいろいろな形が存在しており、特にサークル状のタイプは基本の形としてよく使用することが多いかと思います。そんな中今回紹介するのは、サークル状のデザインフリーアイコンまとめ「35 Free And Fresh Round Icons Designers Should Have」です。

icon0223_1
Dribbble – Free Icon Pack – Volume 1 by Robin Kylander

ソーシャル系の定番アイコンから、ちょっと変わった表現のものまで、さまざまな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:46  |  
Category: Design   
2014年12月03日

さまざまなデザインに対応できるPSD素材まとめ「28 Fresh Photoshop Free PSD Files for Designers」

psd形式の素材はいろいろなデザインに対応できるため、非常に重宝する存在。インターネット上でもフリーで使用できるものが多数配布されています。そんな中今回紹介するのは、さまざまなデザインに対応できるPSD素材まとめ「28 Fresh Photoshop Free PSD Files for Designers」です。

psd1203_4
Freebie: Design Flat Header with Flat Hero Header Kit | Freebies

多彩な種類のpsd素材がまとめられており、いろんなシーンで活用することができそうです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

フードカフェ関連のウェブサイトをまとめたサイト集「25 Tasty Restaurant and Food Websites to Inspire You」

自由度の高いwebデザインには、デザイナーやディレクターの発想力によるさまざまな魅力を兼ね備えています。そんな中今回は、フード・カフェ関連のwebサイトの中から彩りのきれいなサイトを中心にまとめたサイト集「25 Tasty Restaurant and Food Websites to Inspire You」を紹介したいと思います。


Woki Tokee

料理のおいしさを伝えるためのデザインは彩りが重要になってきますが、料理の雰囲気が伝わるカラーやお店の雰囲気を醸し出すテイストなど、さまざまなタイプのデザインが紹介されています。中でも気になった物をピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2011年09月17日

制作に便利な新しいphotoshopブラシ「50 New and Free Photoshop Brush Packs」

グラフィックを作り込むのに非常に便利なphotoshop。そのなかでもブラシ機能は簡単に、様々な表現を実現してくれる便利なものです。今日紹介するのは制作に便利な新しいphotoshopブラシを集めたエントリー「50 New and Free Photoshop Brush Packs」。


Chaos(10 Brushes)

全部で50ものクリエイティブなブラシがまとめられていますが、今日はそのなかでも気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2010年04月28日

CSSのみで挑むWEBテクニック集「30 Pure CSS Alternatives to Javascript」

WEBに動きをつけたり、制御したりとWEB上ではなにかと便利なjavascript。ライブラリやプラグインも充実していて、それを利用した様々なテクニックが公開されていますが、今日紹介するのはjavascriptは一切使わず、CSSのみで、様々な表現に挑戦しているTipsを集めたエントリー「30 Pure CSS Alternatives to Javascript」です。

purecss01
30 Pure CSS Alternatives to Javascript

スライダーやライトボックスをはじめ、javascriptを使って行われているような事をCSSのみで再現しています。全部で30のプロジェクトがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:46  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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