あけましておめでとうございます。
今年もよろしくお願いいたします。
スピリテックは今月オフィスを引越します！
事務所を決めるまでには長い道のりがありました。。。
というか、まだ事務所が決まっただけで、やることは山のようにありますが。。。
1月17日より新事務所での営業となる予定です。
新住所などの詳細はこちらのウェブサイトやメールなどでご連絡させて頂きます。
2011年は、大きく飛躍の年にする意気込み満々でおりますので、引き続き温かなご支援いただければ幸いです。
うっかりしていたら、11月になってしまいました。
夏から急に冬になったようで、非常に淋しいことこの上ないですね。。。日本の美しい秋はどこへ？
スピリテックは、11月から新しいメンバーが増え、ますます賑やかになりました。
なんと、初の「面接で採用した新人」です。しかも女子！そして若い！
しかし、もう1人は昔からの付き合いでずっと一緒に仕事をしていたメンバーなので、新鮮味は半減ですが・・・。
今回は本格的にHTMLとCSSのコーディングをしました。いつもはWebデザイナーさんにすっかりお任せするか、シンプルな画面を作るかだったので、今回ほどにがっつりとコーディングを行うことはあまりありません。
しかし、いまいち勝手が分かりません。非常に仕組みは簡単なのですが、ブラウザ毎に挙動が違ったり、裏技があったり・・・。プログラムを書くのとは、ちょっと違う世界に思えます。
とはいえ、HTMLとCSSの仕様書をじっくり読んで・・・という時間もなかったので、Google先生とひたすら自己流でやっつけました。
その中でも、ちょっと手こずったところを書いてみます。
トップページの吹き出しは、CSSのhoverを利用して出しています。
hoverはとても便利で、jqueryを使わないでも簡単な動きができます。
仕組みはとても簡単。
<style type="text/css">
.d1{
position:absolute;
width:100px;
height:100px;
border: medium solid #D40000;
top:100px;
left:100px;
}
.d1:hover div{
display:block;
}
.d2{
display:none;
position:absolute;
width:100px;
height:100px;
border: medium solid #2A1FFF;
top:10px;
left:10px;
}
</style>
<div class="d1">
<div class="d2">テストテスト</div>
</div>
と思ったのですが、IE8で動きません。
分かりやすいように枠線を出していますが、この枠線の上にマウスがあるときしかd2のDIVタグが表示されません。枠線を消してしまうと、一切反応しなくなります。
結局どうしたかというと・・・。
.d1{
background-image:url(img/spacer.gif); /*透過GIFで埋める*/
background-repeat:repeat;
position:absolute;
width:100px;
height:100px;
border: medium solid #D40000;
top:100px;
left:100px;
}
こんな感じで、昔ながらのspacer.gifでd1のDIVタグを埋めたところ、うまくいきました。
うーん・・・解決してもいまいちすっきりしないところも、プログラミングとは違いますね。。。
Webサイトをリニューアルしました。
コンセプトは、「ワイヤーフレームは普通に、デザインで遊ぶ」です。
デザイナーのトシロウ君のデビュー作です。
また、企画・構成・コピーは、＠SuiJackDoこと田尾さんが担当してくれました。彼はパートナーさんですが、今回Webサイトを作るにあたり大活躍して頂きましたので、トップページのメンバーイラストにゲスト参加してもらっています。
普段はなかなか照れ臭くて言えないようなことも、田尾さんの手腕でばっちり文章にしていただけました。「大きなシステムも、小さなシステムも、同じ魂で作る。」などなど、キャッチーな名コピーの数々をお楽しみください（笑）
Hello World！
というわけで、スピリテックブログを始めました。
こちらではスピリテックのメンバーが、様々な情報をお届けいた・・・すはず。