webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

2016-07-31から1日間の記事一覧

サイト制作その後 2

mobile friendly test 検索の表示にモバイルフレンドリーでない、と表示されていたのでまずはモバイルフレンドリーテストをします。 https://testmysite.thinkwithgoogle.com mobile friendly だけれども、表示速度に問題があるとのこと。 google search con…

印刷 ノベルティー グッズ製作 | 中野 クロゴ

印刷 ノベルティー グッズ製作 | 中野 クロゴ 中野でカタログ印刷や ノベルティ グッズの企画と製作をする 株式会社クロゴです。 カタログや写真集を 少部数から綺麗に印刷します。 カレンダーやクリアファイルなどノベルティーグッズの製作や 粗品の名入れ…

サイト制作その後 1

制作課題のサイトを本サーバーにアップロードを済ませました。 ここで終わるのではなく、なるべく多くの人に見てもらえるようにします。 さらに自分の作ったページがどのように閲覧されているのか知ることは、今後のデザインに生きてくるはずです。 google p…

画像をスライスしてコーディングする その5 - カラム落ちでRWD

okazu-columnFall PCサイズはフルードイメージの記述から一切変更しない。 3columnの幅、960pxより幅が狭くなった時に、フルードイメージ(縮小)ではなく、カラム落ちするように記述してみる。 フルードイメージ→画像が縮小する。カラム落ち→画像は縮小しな…

画像をスライスしてコーディングする その4 - フルードイメージでレスポンシブデザイン

okazu-fluidImage 完成したPC用のページをレスポンシブデザインにする。 まずは、タブレット用のデザインを考える。 いま、PC用の横幅は960pxなので、959px以下のサイズでメディアクエリーを記述する。 <meta name="viewport" content="width=device-width">をheadに記述する。 @media screen and (max-width: 95</meta>…