TOP  >  メニュー

Tag : メニュー

2014年01月21日

CSS3・jQueryで表現するクリエイティブなメニュー「64 jQuery CSS3 Menu Plugins and Tutorials」

殆どのwebサイトで使用されるメニューは、サイト全体のレイアウトにばかりに手を回しがちで、どうしてもデザインがワンパターンになってしまうことも多いと思います。そんな時是非利用したい、CSS3・jQueryで表現するクリエイティブなメニュー「64 jQuery CSS3 Menu Plugins and Tutorials」を今回は紹介したいと思います。

jqmenu1
Responsive Multi-Level Menu – Demo 1

シンプルで定番として利用できるもの、動きが凝ったもの、形状が個性的なものなど、いろいろなタイプのメニューがまとめられているので、サイトに動きを出したり、ちょっとした仕掛けを取り入れたい時に便利に利用できます。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2013年09月10日

CSSで実現できる15の美しいナビゲーションメニュー「15 Beautiful and Creative CSS Navigation Menus」

ナビゲーションメニューを作る時、いつも似たようなデザインになってしまってはいないでしょうか?そんな時に是非利用したい、CSSのみで実現できるナビゲーションメニューをまとめた「15 Beautiful and Creative CSS Navigation Menus」を今回は紹介したいと思います。

nav_0
UAE, Dubai- Sharjah based web & designer, Front-end developer S.M.Riyaz

プルダウンのついた便利なメニューや、デザイン性を重視したハイクオリティなメニューまで、さまざまなCSSナビゲーションメニューが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:24  |  
Category: Other   
このエントリーをはてなブックマークに追加

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

2007年11月27日

mixiやはてなに対応する日本発のマッシュアップツール「Myremix」

今まで本格的なもので日本語版は無かったマッシュアップツール。前回「レゴ感覚でマッシュアップができる「Popfly」を試してみました。」で紹介した「Popfly」のようなマッシュアップツールがついに日本発でリリースされました。

日本産マッシュアップツール

日本発というだけあって、標準でmixiやはてな等日本産サービスのモジュールを細かく揃えてくれています。(mixi APIs、はてなウェブサービスの利用する場合は、【設定>オプションモジュール】から各モジュールのチェックボックスをONにしてください。)

詳しくは以下

(続きを読む…)

続きを読む
posted 01:37  |  
Category: WebService   
2012年01月25日

フリーで利用できる種類の豊富な幾何学模様パターンまとめ「250+ Free Distinct Geometric Patterns」

デザインの質を高めてくれる背景パターンは、なるべく多くストックしておきたいもの。そんな中今回紹介するのが、フリーで利用できる種類の豊富な幾何学模様パターンをまとめた「250+ Free Distinct Geometric Patterns」です。


Free seamless patterns Green, Pink 70s |

シンプルなパターンからギミックの繊細なパターンまで、さまざまな幾何学模様パターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:08  |  
Category: Design   
2017年06月04日

ミニマルなテイストに可愛らしさをプラスしたフリーアイコンセット「Try 100 Icons Free」

Webサイトや紙媒体のデザインをしていると、アイコンが必要になることがよくあります。様々なテイストのアイコンがありますが、今回紹介するのは、ミニマルなテイストに可愛らしさをプラスしたフリーアイコンセット「Try 100 Icons Free」です。

egoicons01

シンプルで使いやすいデザインに、角ばったフォルムでありながらも、柔らかい雰囲気を感じさせてくれるアイコンが100種セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2016年06月10日

illustratorを使ったハイクオリティな描写チュートリアルまとめ「30 Best Illustrator Tutorials of 2016」

幅広い描写表現で、デザイナーにとって欠かせない存在のillustrator。時に、非常に凝ったグラフィックを作成したいというシーンもあるのではないでしょうか?そんな時に参考にしたい、illustratorを使ったハイクオリティな描写チュートリアルまとめ「30 Best Illustrator Tutorials of 2016」を今回は紹介したいと思います。

illustrator0610_1
Print Poster Tutorial – Bringing Doodles and Sketches into Your Illustrator Workflow

illustratorの機能を利用しデザイン性高く表現できるチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

HTML&PSD形式のフリーテンプレートをまとめた「20 Fresh and Free HTML and PSD Templates plus GUI Packs」

テンプレートを使用することで、作業効率を上げながらデザインクオリティを高めることができたり、コスト削減をすることが可能となります。そんな中今回紹介するのは、HTML&PSD形式のフリーテンプレートをまとめた「20 Fresh and Free HTML and PSD Templates plus GUI Packs」です。

html0112_3
zGoodFood – Free Responsive Html5 Css3 Templates | Themes

PC・スマートフォン等のいろいろなタイプのテンプレートがまとめられており、どれも使ってみたくなるものばかり。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

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

webデザイン用のUIセットをまとめてダウンロードできる「Free download: Balio Web UI Kit」

webデザインでは、ユーザーがサイト内を遷移しやすいUI制作が重要。そんな中今回紹介するのが、デザイン感の統一されたUIセットをまとめてダウンロードできる「Free download: Balio Web UI Kit」です。

基本的なボタンデザインをはじめ、アプリストアリンクボタン・リボンデザイン・ログインフォーム・ページナビゲーション・グローバルナビゲーション・アンケート投票・ビデオやミュージックプレーヤーなど、webデザインに必要なさまざまなUIがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:50  |  
Category: WebService   
2015年10月28日

キャンプシーンをイメージできるフリーアイコンセット「Camping Icons」

秋も深まり、寒くなる前に屋外でのアウトドアを楽しむシーンも多い季節。これからいろいろ計画されている方もいらっしゃるのではないでしょうか?今回はそんなシーンへ訴求するデザインで活用したい、キャンプシーンをイメージできるフリーアイコンセット「Camping Icons」を紹介したいと思います。

campfont

フリーでダウンロードできる、キャンプで使用するアイテムなどを揃えたアイコンセットとなっています。

詳しくは以下

(続きを読む…)

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

素晴らしいphotoshopのテキストエフェクトチュ−トリアル50選「50+ Great Photoshop Text Effect Tutorials」

前回「photoshopのテキストエフェクトチュ−トリアル50「50 Creative Photoshop Text Effects」」と言う記事でphotoshopの様々な文字のエフェクトをまとめたエントリーを紹介しましたが、今回もphotoshopのエフェクトをまとめたエントリー「50+ Great Photoshop Text Effect Tutorials」を紹介したいと思います。


Text In Stitches

前回紹介したエントリーと被るものもありますが、素晴らしいエフェクトが紹介されていましたので、その中から気になった物をピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:23  |  
Category: Design , Photoshop   
2009年03月07日

個人利用、商用利用問わずクレジット制限も無いフリーアイコンを集めたアイコン配布サイト「iconpot」

今までDesigndevelopでは数々のフリーアイコン集、もしくはフリーアイコンを配布するサイトを紹介してきましたが、今日紹介する「iconPot – totally free icons」はWEBサイト上で利用でき商用利用、個人利用問わず利用でき、なおかつ著者のクレジット、リンクバックが必要ではないiconを集めたアイコンサイトです。

iconpots01
Splashy Icons
web dev icons in PNG format (16×16)

現在いくつかのアイコンセットが公開されていますので、いくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:26  |  
Category: WebDesign   
2011年10月13日

幾何学的な模様を形に取り入れたフリーサンセリフフォントコレクション「Font Collection: 10 Free Geometric Sans-Serif Fonts」

タイトルや見出しに良く利用するサンセリフフォント。便利なフリーフォントもたくさん発表されています。そんな中今回は、幾何学的な模様を形に取り入れたサンセリフフォントをばかりを集めた「Font Collection: 10 Free Geometric Sans-Serif Fonts」を紹介したいと思います。


Arcus – Desktop font « MyFonts

丸みの強いデザインをはじめ、ユニークな形のフォントが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:06  |  
Category: Design , Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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