Vol.24 レスポンシブWebデザイン「2…
by Y-Jet
レスポンシブWebデザインでつくる「2カラムレイアウト」の通常ページもいよいよ完成に近づいてきた。前回のメインエリアに続き、サイドーバー内の…
Vol.23 レスポンシブWebデザイン「2…
by Y-Jet
前回は「2カラムレイアウト」の骨組みを作成した。今回はそこに画像を配置していく。最初に、画像配置後のページを実際に見ていただこう。
…
Vol.22 レスポンシブWebデザイン「2…
by Y-Jet
前回作成したのは、各ページのテンプレートの基本構造。今回コンテンツエリアに「メインエリア」と「サイドバー」で構成する一般的な2カラムレイアウ…
Vol.21 レスポンシブWebデザインで2…
by Y-Jet
サイトのトップ画面の制作を終え、一通りレスポンシブWebデザインを理解していただけただろうか。まだ理解不十分だという人は、下記リンクから講座…
Vol.20 「Viewport resiz…
by Y-Jet
前回でサイトのトップ画面が完成した。今回はレスポンシブWebデザインでサイトを制作するときには欠かせないシュミレーターツールを紹介する。この…
Vol.19 jQueryでレスポンシブに対…
by Y-Jet
前回までで完成した【こちら】のWebサイトに、今回はレスポンシブWebデザインに対応したドロップダウンメニューを jQueryを採用し作成し…
Vol.18 スクロールで「ページのトップに…
by Y-Jet
スライドショーに続いて、スクロールすると「ページのトップに戻る」ボタンが出現するjQueryプラグインを実装していく。まずは完成形を見て…
Vol.17 jQueryで超簡単レスポンシ…
by Y-Jet
前回までの「WEBの現場から！」で「レスポンシブWebデザイン」実践講座の第一章が完結した。シンプルだがなかなかクオリティーの高いサイトのト…
Vol.16 「レスポンシブWebデザイン」…
by Y-Jet
スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWeb…
Vol.15 「フリードグリッド」の完成…
by Y-Jet
サイト制作もいよいよ大詰めだ。今回は最後の総仕上げとして「フリードグリッド」への変換を行う。
「フリードグリッド」への変換
前回までに完…
