読者です 読者をやめる 読者になる 読者になる

Webデザインのこと、いろいろ

Webデザインの学習をはじめた初心者のブログです。

jQuery:プラグイン:FlexSlider2:SVG:枝豆隊長

枝豆隊長:完成版にリンク★以前の枝豆隊長に手を加える ・ハンバーガーメニューを作ってみる - 別ファイルで作成して、スマホ画面用のメディアクエリ部分に当てはめる - 幅指定、ボーダーの指定を修正する ・ハンバーガーメニューで推奨されるサイズは44px以…

CSS:レスポンシブウェブデザイン

RWD:完成版にリンク★レスポンシブルレイアウトの際、どこに%を指定するのか <html lang="ja"> <head> <meta charset="utf-8"> <title>RWD</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> <header><h1>header</h1></header> <nav> <ul> <li><a href="#">ボタン1</a></li> <li><a href="#">ボタン2</a></li></ul></nav></div></body></html>

jQuery:メディアクエリ:楽しいおかず1

楽しいおかず:完成版にリンク★PCサイズ、タブレットサイズ、スマホサイズのそれぞれでレイアウトが変わる設定★メディアクエリ対応のとき必ず挿入 ★ファビコンも忘れない meta name="viewport" content="width=device-width" link rel="shortcut icon" href=…