PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

2014-10-01から1日間の記事一覧

【HTML】メモ5 SEOの話とか

自サイトへのフルパスリンクは検索エンジンが嫌う。 内部リンクは1ページに100個まで(そんなにリンクがあっても便宜性がない) バランスのよいサイトが好まれる。画像ばかりなページはあまりよくない。 Descriptionは毎ページ同じだって言うことはありえな…

【HTML5】HTML5とは

HTML5 は、WHATWG およびW3CがHTML4に代わる次世代のHTMLとして策定を進めているHTML仕様。 新しい仕様ではありますが、まだ宣言されていないので、仕様はまちまちです。HTML5は過去のHTMLも許容しているので、HTML4やXHTM1.0などの記述方法で書いても表示し…

【RWD】可変レイアウトの演習

可変レイアウトの演習を行いました。 ソースHTML <html lang="ja"> <head> <meta charset="utf-8"> <title>可変レスポンシブWEBデザイン</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="css/style-reset.css"> <link rel="stylesheet" href="css/style-l.css"> </link></link></meta></meta></head></html>

【RWD】レスポンシブWEBデザインの始め方

レスポンシブWEBデザインに対応するために、viewportを利用して、画面幅に合わせて読み込むCSSを変更する記述をします。 <meta name="viewport" content="width=device=width"> 上記の書き方で画面幅一杯に表示しますという宣言になります。 記述例 <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device=width"> <title>メディアクエリ</title> </meta></meta></head></html></meta>

【RWD】レスポンシブWEBデザインの勉強

現在、スマートフォン・タブレット対応のホームページが主流なので、レスポンシブWEBデザインを勉強していきます。レスポンシブWEBデザインの考え方一つのソースで、複数のデバイス表示を可能にすること。 今までの携帯サイトみたいに、別々にソースを用意す…