HOME > ブラウザ

ブラウザ一覧

2016.03.13

英文フォントを気にせずブラウザ表示できる「Google Fonts」を使ってWebフォントを設定する

googlefonts

Webではパソコン内にインストールされているフォントしかブラウザに表示できません。この英文フォントかっこいーなーなんて設定しても相手が持っていなければ見えてませんね。そこで「Google Fonts」を使って任意のフォントを設定しちゃいましょう。ちなみにアカウント登録なども無いのでどなたでも使用できます。

2014.04.09

Googleマップをブラウザ全部に表示する方法

ブラウザ全体

GoogleマップをWebサイトに設置するのは、最近ではごく普通になってきています。サイト内に埋め込む際、サイズはどれくらいでしょうか?対象範囲が広いと入りきらない時があると思います。見えないならzoom設定を広めにしとけば?という意見もあると思いますが、結局ユーザーが大きくしたり、小さくしたりと多少手間がかかってしまいます。また、「googleマップはこちら」というテキストリンクをつけておき解消するという手もありますが、せっかくサイトに来てもらっているので、ページ内で用意できたらいいかなとも思います。

2014.03.13

ブラウザサイズでデザイン変更「レスポンシブWebデザイン」の基本

レスポンシブWebデザイン

最近ではスマートフォン、iPadの様なタブレット、PCサイトとWebサイトを展開するデバイスが沢山あります。合わせて専用のコンテンツを用意する。こうなるととても大変になってきます。レスポンシブWebデザインとは1つのコンテンツで多様なデバイスに対応する事ができる手法です。ブラウザのサイズに対応して各デバイスにデザインがフィットすればいくつも専用コンテンツを作る必要は無くなります。ただ、1つのデバイスで簡単にデザインが変更できるというものではありません。スマートフォン専用コンテンツが必要であれば、必要な制作物もあります。あくまで「多様なデバイスに対応できるWebサイト」という事です。