イシジマミキの実践!「シングルページ」デザイン塾
「シングルページ」と呼ばれる、1ページで完結しているWebページを見かけることが多くなりました。シングルページの概要と、CSSフレームワークを使った実際のシングルページの作成を通して、シングルページのデザインの考え方や作成方法の知識を身につけられる連載をお届けします。解説はデザイナーの石嶋未来氏にお願いしました。(編集部)
2014年11月18日 11時00分更新
-
第7回 2014年11月18日 11時00分
WebPro
jQueryプラグインでBootstrapをカスタマイズ
最近よく見かけるシングルページを作るデザイン塾。jQueryプラグインを使ってBootstrapでは用意されていないインタフェースを実装します。
-
第6回 2014年10月28日 11時00分
WebPro
Bootstrapでモーダルウィンドウとスクロールスパイを実装
最近よく見かけるシングルページを作るデザイン塾。モーダルウィンドウとスクロールスパイをBootstrapで簡単に実装する方法を紹介します。
-
第5回 2014年10月14日 11時00分
WebPro
インブラウザーデザインでシングルページを仕上げる
最近よく見かけるシングルページを作るデザイン塾。前回までに、メインビジュアル、アバウト、使い方ページを作成しました。今回は、ユーザー一覧、お問い合わせフォームとクレジットの表示をするフッター部分を作成して、シングルページを完成します。
-
第4回 2014年09月30日 11時00分
WebPro
Bootstrapでシングルページをコーディング
最近よく見かけるシングルページを作る「シングルページ」デザイン塾。今回は、シングルページのメインビジュアル、アバウト、使い方の各部分を作成していきます。
-
第3回 2014年09月16日 11時00分
WebPro
lessを使ってBootstrapのデザインをカスタマイズ
最近よく見かけるシングルページを作るデザイン塾。Bootstrapを使って実装したナビゲーションバーを、lessでカスタマイズしてオリジナルのデザインに近づけていきます。
-
第2回 2014年09月01日 11時00分
WebPro
シングルページをデザインする3つのポイントとワークフロー
最近よく見かけるシングルページを作る「シングルページ」デザイン塾。第2回は、デザインツールを使ってページをデザインし、ベースとなるHTMLを作成します。
-
第1回 2014年08月18日 11時00分
WebPro
「シングルページ」流行の7つの理由と最新事例まとめ
「シングルページ」と呼ばれる、1ページで完結しているWebページを見かけることが多くなりました。なぜシングルページは流行っているのか、最新事例を交えて解説します。