毎日更新!アウトワード精鋭スタッフのブログです。

TOP > スタッフブログ >【筌口 禎子】のブログ記事一覧
スタッフブログ
posted by :

こんにちは。

アウトワードサーフィン部の筌口です。

立木さんブログでご存知かもしれませんが、

わたくし2012年8月25日に結婚致しました。(できた~!)

 

姓は「政本」に変わりましたが、会社では変わらず「筌口」と呼んでくださいませ。

 

 

それはさておき、

この度、もう一人私のよきパートナーが仲間入り!

IMG_4395.jpg

iphone5 ジャ・ジャーン♪

(僻地にサーフィンしに行くこともしばしばなので、電波のよさを考えau版で機種変更しました。)

会社では“LTE”になっておりますtyphoon

 

これで2年使いこんだ、ガラケー卒業です。

通話しない、メールもほとんど…の私に必要なのかな?とも

思いましたが実際に使ってみた感想。

すっごく楽しいです!

スマホってすごーい!

これでfacebookもいつでも投稿できますscissors

新しいものってやっぱりイイですね。

 

 

使いこなすには、まだまだ相当時間がかかりそうですが

これから2年また色々とお世話になりそうです。

 

2年後はiphone8くらいまで出てるのかしら…?

 

それでは、また。

 

 



posted by :

こんにちは、冬眠からさめた筌口です。

春がやってきましたね!やっと…やっと…!

冬のナミノリ修業もそろそろ終盤を迎えようとしている今日この頃、みなさまいかがお過ごしでしょうか。。

 

本日は快晴ナリ!ということで、

会社の近くの公園にお花見ランチ(ほかベン持って)行ってまいりました。

(with 秋山さん 二瀬さん スギモロさん。)

 

IMG_3836.JPG



posted by :

夏がやってきましたね。

私にはウレシイ季節ですsun

去年より一つ歳を重ねたので、今年の夏はいつもより少し控えめに黒くなろうと思う今日この頃です。

 

本日はお仕事ネタ。

今までtableぐみで作っていたモノを、携帯版導入を考えたコード化をしてみようということで

ちょっとやってみました。

※「IE6でddに3pxのズレボン」がないように参考サイトを見ながら自分なりに作ってみました。

参考サイト:http://develo.org/2008/05/03/0104.html

 

 

▼こんな感じのシンプルな「お問い合わせフォーム」

お問い合わせ系.gif

 

 

【HTMLソース】

========================

<dl class="gray02">
<dt>お名前</dt>
<dd><input type="text" class="fTxt01" /></dd>
<dt>フリガナ</dt>
<dd><input type="text" class="fTxt01" /></dd>
<dt>メールアドレス</dt>
<dd><input type="text" class="fTxt01" /><p>※半角文字でご入力ください。</p></dd>
<dt>お問い合わせ内容</dt>
<dd><textarea class="fTxtarea"></textarea></dd>
</dl>

========================
 

 

【CSS】

========================

.gray02 {
    border-left: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
    background-color: #F6F6F7;
    color: #4B4B4B;
}

.gray02 dt {
    margin: 0;
    margin-right: -160px;
    padding: 5px 0;
    border-top: 1px solid #B0B0B0;
    float: left;
    clear: both;
    display: inline;
    width: 160px;
    text-indent: 5px;
    font-weight: bold;
}

.gray02 dd {
    margin-left:160px;
    padding: 5px;
    border-left: 1px solid #B0B0B0;
    border-top: 1px solid #B0B0B0;
    background-color: #fff;
}

.gray02:after {
    content:"";
    display:block;
    clear:both;

}

/* for IE6 */
* html .gray02{
    display:inline-block;
    
}

/* for IE7 */
*+html .gray02 {
    display:inline-block;
}

========================

(※フォームのinputのクラス名については省略しました)

 

今回も「after」さんを使用しました。

参考サイトでは、pxの代わりにemを使ってますが私はpxにしてみました。

.gray02 dtのpaddingで、左に5pxとる代わりにtext-indentで5pxずらしています。

オレンジ色部分がなんとなくミソっぽいです。

 

IE6,7,8で見てみましたが許容範囲の動作でした。(IE6の3pxズレも問題なし。)

これ応用して色々作ってみます。

 

ではでは。

 

 

 

 


 



posted by :

日に日に、黒くなっている筌口です。

今日は少し仕事っぽいことについて書きたいと思います。

 

「フロートでボックスを並べる際に、ピッタリ並べる方法」です。

名付けて、「スキマイラーズ

 

例えば・・・こんなレイアウトのとき、

 

0516_sample.gif

 

 

 

HTML:

 

<div id="main">
  <div class="Outer">
    <div class="box"><img src="img/sample01.gif" /></div>
    <div class="box"><img src="img/sample02.gif" /></div>
    <div class="box"><img src="img/sample03.gif" /></div>
    <div class="box"><img src="img/sample04.gif" /></div>
    <div class="box"><img src="img/sample05.gif" /></div>
    <div class="box"><img src="img/sample06.gif" /></div>
  </div>
</div>

 

 

CSS:

 

#main {
width: 600px;
overflow: hidden;
}

.Outer {
width: 610px;
zoom: 100%;
}

.Outer:after {
display: block;
clear: both;
content: "";
height:0px;
visibility:hidden;
}

.box {
width: 200px;
height: 200px;
margin: 0px 10px 10px 0px;
float: left;
}

 

 

今までは、ボックス達をくくっている大枠に隙間を作ってレイアウトを調整したりしてましたが、
コイツに出会えて何か変わりそうな気がします!

after:なんていままで、聞いたことも見たこともなかったです。(勉強不足)

 

ちなみにOWでは、今回の「スキマイラーズ」とは別に「ズレシラーズ」という必殺技もございます。

これは、企業秘密ということで・・・

 

これからも日々勉強、精進してまいります。


 



posted by :

しばらく前のネタになりますが…

長い間お世話になったマイバイクとお別れをしました。

私が乗っていたバイクはYAMAHAのDT230「LANZA」(ランツァ)と言います。

乗り始めたのは、大学2年生のころ。

当時、大学生でお金がなく安い教習所を探して大阪から通ったっけ…

2月の京都…まじでサムかったことだけ覚えております。

やっとの思いで免許ゲット。

免許とれてそのままバイク屋さんへいったなぁ。

友達づてで、お知り合いになったバイク屋さんでずっと気になっていたLANZAを買った時は

ほんとにうれしかった。

 

教習所で練習していた時のバイクと違って、このタイプのバイクは車高がすこぉし高いので

信号でとまるたびに恐ろしい思いをしておりました…sweat02

それでもオフロードバイクに乗りたかったんデス。

 

バイクやさんのみんなで、四国の林道に行ったときは転倒して血まみれになったり…

淀川の河川敷に行ってジャンプの練習したり…

スピード違反でつかまって初心者講習いったり…

今より少しだけやんちゃしてた時代の思い出がよみがえります。

 

大学を卒業して福岡で会社に勤めだして、3年くらいLANZAで通勤をしてました。

距離は結構走ってて、メンテナンスらしいメンテナンスもできてなかったけど

毎日走ってたから元気でいてくれたのかな。

自転車通勤を初めてからというもの、なかなか乗る機会がなくなって

車庫でホコリをかぶってるのを見て、「売ろう」と思った時もありました。

でも、ピカピカに磨いてみると

「あと一回だけ乗ってからお別れにしよう」という気持ちになり

ひとっ走りしてみると

「やっぱもうちょっとあとにしよう…。」

て気持ちになってしまって の繰り返し。

で、そのまままたホコリをかぶってしまっていたのです。(ごめんね。)

売るなら、全く知らない人より知ってる人の方がいいなと思っていたら

 

つい最近ご近所のバイク屋さんのお知り合いがLANZAをほしがっているというのを聞いて

やっと手放す決心がつきました。

 

バッテリーがあがってしまっていて、最後に2スト独得のパリパリ音が聞けなくて残念でしたが

最後にもう一度キレイに磨いてあげました。

新しいオーナーと一緒に元気に山をかけぬけちゃってくださいな。

 

それにしても、おもしろいバイクだったな~。しみじみ。親ばか気分です。

また機会があれば乗りたいバイクです。

img0476.JPG

 

img0477.JPG

 

img0478.JPG

 

img0479.JPG

ありがとうね~、ばいばいpaper

 

 

 



1  2   »


     
▲PAGETOP
Copyright (C) OUTWARD Co.,LTD. All Rights Reserved.