WEBデザイナーズNEXT

Webデザイナー

Google Mapsを使用するのにAPIキーが必要になった

GoogleMAPsAPI

いつものように仕事でGoogleMAPを埋め込んでいたのですが、新しく設置したドメインでエラーが発生しました…。
今までにない事だったので、ちょっと焦りましたがAPIキーを取得・設置する事で無事解決できたので共有しますね。

Pocket


FlashCanvasを使ってリッチなビジュアルを作成する

FlashCanvas

FlashがiOS(iPhone)で使用できなくなってから、Flashの存在はどんどん小さくなってきました。
アプリ作成などでAIRを使用したりする事はあるのですが、Web製作でFLASHアプリケーションを開く事はほとんどなくなったんですよね。

しかし、HTML5から追加されたエレメントである「canvas」というものと「Flash」を組み合わせて面白いものが作れるんです。
今回は「FlashCanvas」を使ったコンテンツについてまとめてみました。

Pocket


APIを使ってGoogleMAPを効果的に導入する方法

GoogleMAP API

ホームページ内にGoogleMAPを表示させたいというクライアントが数年前に比べて圧倒的に増えてきました。
以前は地図をイラストレーターで書いて…という流れが一般的だったのですが、今はほぼ100%でGoogleMAPを使用している気がします。
簡単だし、わかりやすいし、GoogleMAPを使わない理由もないんですけどね。

今回はGoogleMAPの挿入方法やオプションについてまとめてみました。

Pocket


絶対パスと相対パスとルート相対パスのメリットデメリット

PATH
皆さんがWeb製作を行う時、画像やCSSなどのパスを何で指定する事が多いでしょうか?
相対パス絶対パスルート相対パス

私は制作のしやすさで考えると相対パスが好きなのですが、案件によってパス指定を決められるケースの方が多かったりします。今回はどのような状況でどのようなパス指定が良いのかをまとめてみました。

Pocket


サクラインターネットのサーバーでSSIを使用してhtmlのままインクルード

はじめてのSSI
私はテスト環境でサクラインターネットのレンタルサーバーを使用しているのですが、SSIのインクルードではまったのでメモしておきます。
サクラのサーバーでphpを使用せず、htmlのままインクルード(include)する事を目的としています。

Pocket


404ページを作りこむだけで離脱率が変化?

404_Notfound

Web製作者であれば404ページというものを作成したことがあると思いますが、404ページを適当に作っていたりしませんか?404ページを作りこむだけで離脱率に変化が出る事を知っていますか?

今回は404ページの作り込みとWebデザイナーが意識すべき点をまとめてみました。

Pocket


まだfavicon設置してないの?ファビコンを設置するだけで見栄えがぐーんとアップ

favicon

今でこそ一般的になってきたFavicon(ファビコン)ですが、意外と設置していないサイトも多く見かけます。
ファビコンを設置するだけですごく見栄えが良くなるので、まだ設置していない人は今すぐやってみましょう。

Pocket


誰でも簡単にできる!Google Web Fontsを使ってみた

Webフォント
みなさん、Webフォントって知っていますか?

通常はCSSでフォントを指定するのですが、PCに依存してしまう為、珍しいフォントは使用できないですよね。
ですが、Webフォントは、サーバーにフォントを置くのでPCにインストールされてなくても、色々な表現が出来てしまうという訳です。

…という事は、いちいち画像を作らなくてもWebフォントを使えばいいじゃん!って思いますよね。そう簡単にいかないのがWebフォントなんです。

今まで知ってはいるけど、現場で使用した事がなかったWebフォントについてまとめてみたいと思います。

Pocket


いちいちググるのは面倒…。フォームのパーツまとめ

HTMLメールフォーム
Webデザインをする上で良く制作するものの一つとして、メールフォームがあります。
私もよくメールフォームを作成する事があるのですが、なぜかメールフォームのタグって覚えられない…。
いやいや…それくらい覚えろよって突っ込まれるかもしれないですが、なぜか忘れてしまうんですよね。

Pocket


慣れれば簡単!map要素を使って自由な場所にリンクを貼る

イメージマップを作る

map要素というものを使った事があるでしょうか?
私は10年以上Web製作に携わってきたのですが、今まででも1回か2回しか使用した事がありません…。
それくらいほとんど使わないと言ってもいいんじゃないかと思います。

イメージマップを使って画像内に複数リンクを設置する…なんて今時流行らないんですよね…。
でも、良い機会だからmap要素の使い方についてまとめてみました。

Pocket