レスポンシブデザインのためのモックアップ「15+ Mockups to Showcase Your Responsive Web Designs」
TOP > Design , Tool > レスポンシブデザインのためのモックアップ「15+ Mockups to Showcase Your Responsive Web Designs」 デザインの提案をする際に役に立つのがモックアップ。不確実なものを実際のイメージに近い形で表現しながらデザインを確認できるので、イメージが明確になり、プレゼンテーションの手法としてはとても便利です。今回紹介するのは、レスポンシブデザインをプレゼンテーションするのに便利なモックアップ「15+ Mockups to Showcase Your Responsive Web Designs」です。 Showcase Website Header Mockup | MockupWorld 実際のPCにはめたものワイヤーフレーム上のものなど、様々な段階・用途に合わせて使用できるモックアップまとめられていま
画像や動画をLightboxのように実装できる「JK Responsive Youtube Video and Image Gallery」 – bl6.jp
JK Responsive Youtube Video and Image Galleryは画像や動画をLightboxのように実装することができます。レスポンシブ対応なので、さまざまなデバイスから最適なサイズで見れるのがいいですね。 そのほか、キャプションを表示したりキーボードやスワイプ操作にも対応しています。 JK Responsive Youtube Video and Image Galleryのダウンロードや使い方の詳細は以下になります。実際のデモも用意されています。 JK Responsive Youtube Video and Image Gallery 画像や動画を単品で表示させれることはもちろん、複数のアイテムをグループにして表示させることも可能です。また、キーボードやスワイプでの前後移動にも対応しているので、PCやスマホでの操作性にも優れています。 画像や動画のサムネイ
レスポンシブWEBデザイン用ナビゲーション＆メニューのベストパターン16 | co-jin
レスポンシブWEBデザインは当たり前の世の中になりました。 当たり前になるにつれて、レスポンシブWEBデザインに関連するさまざまなパーツが類型化・体系化されてきています。 今回ご紹介するナビゲーション＆メニューについても、ある程度、メジャーなパターンというものが出来上がってきています。 そこで今回は、レスポンシブWEBデザインのナビゲーション＆メニューのベストパターンをご紹介します。 多くのものはjQueryを使って簡単にだれでも実装できるものばかりです。 SlickNav ウインドウ幅が指定サイズ以下になると、メニューアイコンに変化して右上に表示されるタイプです。 多階層にも対応していていたり、アニメーションで動きもつけられます。 ie7以上に対応。 詳しい実装方法がサイトにのっているのでわかりやすいです。 SlickNav FlexNav 指定サイズ以下になると、メニューバーのみが表示
レスポンシブ対応したwordpress&psdテンプレート集「Modern Responsive HTML5 WordPress Themes & PSD Templates」
レスポンシブ対応したwordpress&psdテンプレート集「Modern Responsive HTML5 WordPress Themes & PSD Templates」 すでに完成されたデザインテーマを利用することで、制作スピードの効率化はもちろん、デザイン性を一気に高めることができます。そんな中今回紹介するのは、レスポンシブ対応したwordpress&psdテンプレート集「Modern Responsive HTML5 WordPress Themes & PSD Templates」です。 Canifa – The Fashion WooCommerce WordPress Theme – WordPress | ThemeForest 非常にクオリティの高いテーマが紹介されており、どれも使ってみたくなる魅力的なものばかり。いくつかピックアップしましたので、下記より御覧ください
美しいイメージギャラリー「Responsive jQuery Pop Up Gallery」 – bl6.jp
Responsive jQuery Pop Up Galleryは、レスポンシブに対応した美しいイメージギャラリーを実装することができます。ポップアップで表示され、サムネイルにもアニメーションがついています。 Responsive jQuery Pop Up Galleryの実際のデモは以下になります。 デモ サムネイルにホバーすると、ギャラリーとして用意された複数の画像がチラッと出てきます。クリックするとポップアップして、ギャラリーを見ることができます。 サクサクと画像を切り替えていけるので、ストレスを感じずに画像を楽しむことができますね。 白を基調とした爽やかでスッキリしたイメージギャラリーなので、写真がとても映えると思います。 というわけで、美しいポップアップギャラリーを実装したい方は、ぜひチェックしてみてください。 Responsive jQuery Pop Up Gallery
レスポンシブのうまいアイデア満載！RWD対応のナビゲーションを実装するスクリプトのまとめ
Off Canvas, On Canvas, On the Flyなど、レスポンシブのさまざまなアイデアを備えたナビゲーションを簡単に実装できるスクリプトを紹介します。 ※各キャプチャはAm I Responsiveを使用して作成しました。 Slidebars (jQueryのプラグイン) Slidebars -GitHub デモページ Off Canvasタイプのナビゲーション、左右どちらからでもパネルをスライドさせることができます。 WordPressのプラグインも有り。 mmenu (jQueryのプラグイン) mmenu -GitHub デモページ On and Off Canvasタイプのナビゲーション、左右・上下からパネルをスライドさせることができ、モバイル端末向けのさまざまなエフェクトが用意されています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
