沖縄ホームページ制作Chopstickのブログ

  

ホームページに地図を埋め込むときに重宝するのがGoogleMapsAPIなわけですが、
最近リリースしている新バージョンでは、コードがかなり短く済むみたい。
そのうえ、APIキーが不要になったので、導入もより手軽になりました。

まだ英語の情報ばかりなので、なかなか手を出すのは難しいですが、これをさらに簡単に扱えるｊQueryのプラグインなんか作ったら喜ばれるかな。

$("#map").gmapv2(緯度,経度,オプション,オプション)みたいなヤツ。

時間ができたらやってみよう。

というわけで、複数のマーカーとフキダシを表示するスクリプトを書いたので、同業の方はご参考にどうぞ。
http://www.gcea.net/project/gmapV3/  

さて、ものすごく久しぶりに記事を書くわけですが、この三連休はずーっと仕事しております。
Webの仕事って、最後はコーディング作業になるので、あんまりデザインをやらなくなるというか、触らないのでちょっと退屈になって、息抜きにデザインの実験をしてみたりしてます。

このブログの読者の方って全然いないと思うんですが、せっかくWebデザイナーのブログなのでデザインのことなんか書いてみたります。
といっても、哲学的なこととか話してもアレなんで、けっこう実践的なネタです。

グローバルナビゲーションといって、サイトの上部に配置して主だったコンテンツへの導線になる部分なんですが、これ単体でデザインやってみました。
質感のある、落ち着いたデザインなので、使い勝手が良いかも。


さて、まずこんなのよく見ませんか？


そもそも日本語のサイトで、ナビゲーションが英語ってのはよくわかりません。
カッコイイかもしれないけれど、お客さんには優しくないですね。


長くなるので、興味があったら続きを読んでくださいませ。

  続きを読む

おかげさまで、とても多忙な日々を送ってます。

今日も、今やっと仕事がひと段落。
開業してまもなくなChopstickにもかかわらず、ご挨拶に伺うとその場でお仕事をいただいけたりして、嬉しい事になかなかに多忙です。

ちょっと面白い案件もいただけたので、TOPデザインにも力入ります～

と、完全に独り言でしたｗｗ  

本日、会社を退職しました。
明日から、というか2時間後からは、Chopstickとして活動を開始します！
明日は税務署に開業届を提出の予定です。

そして、自社サイトであるChopstick Design & Engineerin Factoryも、
4月3日にオープンさせる為、いま必死に原稿を書いております。

自分を鼓舞するために、納期カウンターつけました。

ま、だれも注目してないだろうけどｗｗｗｗ



沖縄ホームページ制作Chopstickをよろしくお願いいたします。  

昨日の夜、寝付いたと思ったら起きちゃって、珍しく眠れなくなったので、ロゴを考えてみた。




いきおいで作ったわりには後悔してない出来ばえ。
Centyry Gothicって、多分Windows標準フォントなんだけど、結構好きだったりする。

さて、今日は２案目を考えよう。  

さて、この前の記事で屋号を、

Chopstickに決めたんですが、私の持っているドメインchopstick-brunch.comは、ちょっと長くて覚えにくい。
まぁ、ドメインじゃなくて中身で勝負すればいいんですけどね。

とはいえ、ドメインフェチな私、ちょっと探したところcdef.tvってドメインが空いてました。
というわけで、取っちゃいました。

あ、まだアパッチのデフォルトが出ちゃうんで、見ないでくださいｗｗｗ

そんなわけで、いま持っている3つのドメインの使い道としては
cdef.tv
→Chopstick Design & Engineering Factoryのコーポレートサイト

gcea.net
→思いついたWebサービスをがしがしアップしてく
　（カヤックのBM11みたいな感じで）

chopstick-brunch.com
→私専用のiddyみたいにしたい。

って感じでやりたいと思っております。
あー計画倒れじゃないようにしないとなー
それぞれのロゴも作らないとなぁ  

さて、そろそろ独立カウントダウンな今日この頃。
残務というか、まだまだ途中の案件があって日々頑張っております。

でも、開業準備もしないとね～ということで、屋号を決めました。
というか、ずーっと前から決まってたんですが、
「Chopstick」です。

でも、ちょっと味気ないので
Chopstick Design & Engineering Factory
とかどうかと思ったんだけど、
今度はちょっと長いから微妙…
でもCDEFってなんか中途半端で好き。

ちょっとロゴも考えながらやってみようかと思う今日この頃。ちょっと風邪をひきました。


関係ないけど、CDFF-Lucky This Timeって曲を思い出した。
青春時代というか、高校時代にバンドマンだったワタクシ、Mr.BIGのカバーなんかもやっていました。
ああ、でも解散しちゃったしなぁ…

とか思ったら、復活ですってよ。

http://www.wmg.jp/mrbig/  

美人時計
こういう感じのちょっと普通でちょっと可愛い女の子って、なんでだかグラっとくるのは、オレがおじさんになったからでしょうかねぇｗｗｗ

iGoogleのガジェットに入れたのはナイショです。

つか、画像の法則がわかっちゃったので、１時間分の画像を１画面に表示させるＰＨＰを作ったのもナイショです。  

本文の背景に方眼紙風の連続画像を配置しました。
基本的な部分はコレでOKとして、あとは見出しの背景だとか、各部のパーツと、フォントのサイズなどを調整する予定です。
２時間で意外となんとか体裁は整うもんだ。ちょっとオドロキ！

いま思いついたんですが、そういえばTI-DAブログでメイリオに対応しているテンプレを見たことが無い気がする。
Vistaユーザーも多くなってきて、そろそろMSゴシックのサイトに見飽きてきたころだと思うので、今回はメイリオ対応にチャレンジしてみようかと思ったり、思わなかったり。

ちなみに、画像はPhotoShopとIllustratorで描いております。  

とりあえず、背景画像のタイル（自分で書いたお気に入りの木目）と、ヘッダー画像をつけてみました。
基礎的なCSSハックで、aタグをインライン要素からブロック要素に変換して、文字をtext-indent:-9999px;で遥か彼方画面の左に追いやる方法です。
ハックというか、反則みたいなもんですね。

幅が900ピクセルになったので、下段の右カラム・左カラムも幅を調整しました。
結構ゆったりしてきましたねー

企業向けサイトって真ん中にセンタリングして作ることが多いんですが、ブログサイトって左に寄ってるほうが好きなんですよね。
とりあえず、今日はここまで。  

さて、TI-DAブログとは思えないテンプレートを構築していきます。
まずは、普通のスキンからスタート！
構造を把握するために、クラスの設定なんかを見ております。  

ブログ系CMSというか、ブログシステムには、よくWYSIWYG（ウィジウィグ）エディターというがついとります。

ようは、文字を大きくしたり、色をつけたり、リンクを張ったりするモノなんだけど、
これがまた素敵に個性的なコードを書いてくれるから、コーディングジャンキーなWebデザイナーにはちょっと気持ち悪い。
別にW3C信者というわけでもないんだけど、
style="color: rgb(51, 51, 51); line-height: 18px;"とかどうなんだろうか。
この辺、Webデザイナーなら横着するなって事ですね。
（いや、皆さんは楽しんでください！）

どうでもいいけど、WYSIWYGを「ウィグジグ」って呼ぶ人多いですね。
でも、そっちのほうが語呂がいいから、まあよし。  

はじめまして。