れーとーびーむの作り方 - モバイル対応編

このサイトではモバイルへの対応を重視していると、ずっと言っている。

今やWebブラウジングの主役は完全に、スマホやタブレットといったモバイル端末なんだから当然だ。

スマホ向けコンテンツを制作している俺でなくても、すでにWebサイトのモバイル対応は必須となっている。

で、PC向けに作ったサイトがそのままでもスマホから見やすいかというと、そんなことは全くない。

PCのディスプレイとスマホの画面とでは、大きさ(主に幅)も向きも違うからだ。

そこで、それぞれのデバイスに合った表示方法を提供する必要が出てくる。

Googleなどの検索エンジンも、モバイルからのアクセシビリティ(閲覧のしやすさ)を重視する方向性となっている。

これに対応するためには、閲覧者のデバイスそれぞれに合わせて表示を切り替えるということをしなければならない。

そこで今回は、メディアクエリと呼ばれるCSSの機能を使い、閲覧者のブラウザの“幅”に応じて表示を切り替えることでモバイル端末に対応するレスポンシブ・ウェブデザインという方法を紹介する。

また、その他のモバイル対応に役立つテクニックも紹介する。

» 続きを読む

れーとーびーむの作り方 - 色・フォント編

WEBサイトを作る上で、最も重要なのは何?

HTMLなどの知識? 内容(本文)? デザイン?

どれもすごく重要だけど、もひとつ重要なものがある。

アクセシビリティ――アクセス・閲覧のしやすさだ。

これはデザインの一種でもあるけど……(いわゆる工業デザイン、機能美ってやつ)

見た目のデザインセンスが絶望的に不足してる俺だからこそ、アクセシビリティを重視したデザインにはできるだけこだわりたかった。

ということで、今回はこのサイト「れーとーびーむ」(ブログ「れいぶろぐ」を含む)の色とフォントに凝らした工夫を紹介しよう。

ググったり人に聞いたりしたものが多いけど……

» 続きを読む

スーパーマリオメーカーを購入(11/6 アプデ追記)

去る9月13日は、スーパーマリオブラザーズの発売30周年でした。

おめでとうございます!

俺の記憶では初プレイはスーファミ版の『スーパーマリオコレクション』(移植版)だが、まさに不朽の名作といったところか。

そして、9月10日には、注目作『スーパーマリオメーカー』が発売。

もちろん、買うよね。

ということで、発売日(厳密には前夜)に即DL購入。

去年のE3からずっと楽しみにしていた本作の、予想と期待と現実を比べつつレビューする。

» 続きを読む

【SS】屋上で靴を投げる少女

SSってなんだよ!

俺の中では「スクリーンショット」なんだけど?

じゃなくて、「ショートストーリー」なのか「ショートショート」なのか。

これらの違いは?

とか悩みながら、ちょっと思いついたネタを書いたので、唐突に投稿。

例のADVの世界観でお送りします。

» 続きを読む

わぁいあかり れいぶあかり大好き

夏は終わりました。

……関係ないか。

『ゆるゆり』の赤座あかりが好きだったんだけど、ついにニコニコでアニメ第2期『ゆるゆり♪♪』の一挙放送をやったから、ようやく見ることができた。

第1期は見逃したなんて言えない。

その興奮も冷めやらぬ中、あかりとゆるゆりについてちょっと語る。

» 続きを読む