スポンサーサイト
一定期間更新がないため広告を表示しています
- 2012.07.15 Sunday
- -
- -
- -
- -
- -
- by スポンサードリンク
駐車場とオフィスの間にある公園。毎朝出勤時にここを通ります。
今朝そこを歩きながら、春の訪れを感じました。
花は詳しくないので、今日は写真だけです。
出勤途中に撮ったオアシスタワー。僕が福岡に住んでいる頃に完成したこの建物も今ではすっかり大分の顔になりました。
県外での生活が10年を超え、地元愛について考えることが増えてる気がします。
以前熊本に住んでいた時の話です。僕はある市民活動に参加していたのですが、そこで頻繁に使われる「熊本が」「熊本を」という言葉がいつも心に引っかかっていました。
もちろん、それが悪いという意味ではありません。ただ「熊本だけ?じゃあ大分は?」という気持ちになっていたのです。
今年に入って地元大分で開業し、いつか大分の経済や雇用に貢献する企業に成長させたいと考えながら日々の業務に励んでいます。
僕は僕らしく、「大分が」「大分を」という排他的なスタンスではなく、「大分から(九州、日本、そして世界へ)」というスタンスを貫きたい。朝からそんなことを考えてしまいました。
夢の実現に向けて今日も一日全力で頑張ります!!!^^
「IE7の型崩れ」では、私自身が過去にやらかしたIE7で型崩れをしたパターンを不定期的に(笑)書いていく予定です。私自身の覚え書きでもありますが、Webデザイナーの卵さんの参考になれば幸いです。なお、スマホやモバイルでは正しく表示されない恐れがあります。
さて、今回のネタは、Webサイトを制作する人であれば誰でも作ったことがある横長の「グローバルナビゲーション」です。
IE7を使っている方でも綺麗に並んでいると思います。
サンプルソースはこちら
***************************
html
***************************
<ul id = "navi"> <li class = "navi_btn"><a href = "#">ホーム</a></li> <li class = "navi_btn"><a href = "#">ショップ</a></li> <li class = "navi_btn"><a href = "#">会社概要</a></li> <li class = "navi_btn"><a href = "#">リンク集</a></li> <li class = "navi_btn"><a href = "#">お問い合わせ</a></li> </ul>
***************************
css
***************************
ul#navi{
margin:0 auto;
padding:0;
border:#900 1px solid;
width:600px;
height:50px;
overflow:hidden;
list-style:none inside;
}
li.navi_btn{
border:0;
margin:0;
padding:0;
list-style-type:none;
float:left;
}
li.navi_btn a,
li.navi_btn a:link{
display:block;
width:120px;
line-height:50px;
background-color:#900;
color:#fff;
text-align:center;
text-decoration:none;
}
li.navi_btn a:hover,
li.navi_btn a:active{
background-color:#fff;
color:#900;
}
.attention{
color:#f00;
}
問題はこちらのグローバルナビゲーション。
IE8以降や、firefox,safari,chrome等を使っている方には先ほどと同じように見えてると思いますが、IE7では、
このように型崩れしていると思います。
サンプルソースはこちら
***************************
html
***************************
<ul id = "navi"> <li class = "navi_btn"><a href = "#">ホーム</a></li> <li class = "navi_btn"><a href = "#">ショップ</a></li> <li class = "navi_btn"><a href = "#">会社概要</a></li> <li class = "navi_btn"><a href = "#">リンク集</a></li> <li class = "navi_btn"><a href = "#">お問い合わせ</a></li> </ul>
***************************
css
***************************
ul#navi{
margin:0 auto;
padding:0;
border:#900 1px solid;
width:600px;
height:50px;
overflow:hidden;
list-style:none inside;
}
li.navi_btn{
border:0;
margin:0;
padding:0;
list-style-type:none;
}
li.navi_btn a,
li.navi_btn a:link{
display:block;
width:120px;
line-height:50px;
background-color:#900;
color:#fff;
text-align:center;
text-decoration:none;
float:left;
}
li.navi_btn a:hover,
li.navi_btn a:active{
background-color:#fff;
color:#900;
}
.attention{
color:#f00;
}
違いはcssで、float:left;が、<a>タグに指定されているか、<li>タグに指定されているかです。
考えてみると崩れて当たり前のことのように思えるとても初歩的なことなのですが、癖がついているのか今でもたまにやらかします。
自分自身の覚え書きとしてブログに残しておきます。
雲一つないさわやかな朝。
こんな日はバイクに限る。
何気なくバイクの写真を撮っていると、目に飛び込む小さな自然。
思わずシャッターを切る。
気づけば、7時15分。15分遅れで家を出る。
出発が遅れたせいで、渋滞に巻き込まれる。
開き直って、通勤路の写真撮影。
いつもより30分遅れて到着。
植物に水をあげ、コーヒーを相棒に満喫する朝のリラックスタイム。
今日も一日さわやかな気持ちで頑張れそうです。
一昨日(4月21日)くらいから業務の合間を縫って、自社サイトのデザインを始めました。
事業開始から今日まで、お客様のサイト制作と事務所の移転、プレゼンテーション準備などで忙しく、ホームページ制作会社なのに、自社サイトが工事中!!という何とも情けない状態が続いて来ました^^;
しかし、そんな状態も今月中には解消されます^^
今月中の自社サイトリニューアル(新規)オープンに向けて、明日も頑張ります! (今日はこれで帰ります^^;)
作業中の自社サイトの画像はこちら!
第2回宮崎IT飲み会に行っていました。大分から宮崎までは特急で3時間。
到着後は時間がなかったのでホテルのチェックインを済ませてそのまま会場に向け出発!
宮崎駅は南国らしい雰囲気でとてもオシャレです^^
宮崎駅の入り口にはこんな張り紙が。。。一瞬当たり前だとツッコミを入れたくなりますが、宮崎駅の付近に通り抜けを出来る通路がないらしく、通り抜けをする人がいるらしいです。大分駅も高架化されて改札口を通らなくても北口と南口が通過出来るようになったのでちょっと心配かも。。。
ただ、大分駅の場合は改札口の側を通らないといけないから大丈夫かな^^;
宮崎IT飲み会会場の宮崎インタークロスです。職業訓練や社員研修の企画等を行う企業さんなのですが、そこのホールを使わせてもらっています。
マイクを持って話しているのが、株式会社アラタナの高見さん。右にいらっしゃるのが株式会社アラタナの穂満専務です。
上の写真は宮崎日日新聞総合メディア局長の和田様による、経済・ビジネス分野に特化したウェブサイトみやビズの魅力についてのプレゼンテーション
株式会社カラクルの大久保社長が、先日リリースされたウェルカムボードアプリCOCOROや開発中のアプリの機能,用いている技術や仕組みについてプレゼンテーションしました。ウェルカムボードアプリCOCOROは結婚式中に友人のコメント等の映像を撮影し、その場で用意されたテンプレートを使って装飾、そのままオンライン上で共有出来るという魅力的かつお手軽なアプリです。結婚式を控えた新郎新婦や、新郎新婦へのプレゼントをお考えの方におすすめです^^
下の写真はECstudio代表取締役の山本敏行さんです。ここでは自社のサービスより、IT飲み会の目的や意義について語ってくださいました。
この後二次会でも山本代表とご一緒させていただいたのですが、タスク管理とグループチャット、ファイル管理が一つになったECstudioのサービスであるチャットワークについて直接ご説明いただき、ソーシャニティでもこれからはチャットワークをフルに活用して行きたいと思いました。チャットワークに興味がある方は是非ご連絡を!というか、興味がありそうな人にはこちらから声を掛けます!その前に何を聞かれても大丈夫なようにまずは自分で使い倒します!!!
最後の写真はアラタナのシステムエンジニアの永井さんです。アラタナのランディングページ制作ツールスケッチページの開発を担当されています。
去年の夏に初めてお会いしたのですが、永井さんから伝わってくるアラタナ愛とスケッチページ愛がとても素敵です!あの時、永井さんと話をしていなければ、私もここまでアラタナのことを好きになっていなかったかも。。。^^;
主に写真を中心にして、宮崎IT飲み会に関するご報告をさせていただきました。
大分でもIT飲み会を開催出来ればと思っています。大分のIT関係者の方で、IT飲み会に興味がある方がいらっしゃいましたら是非お声かけ下さい。
近々、本場大阪のIT飲み会と、福岡IT飲み会にも参戦予定です!そちらの同行者も募集していますのでお気軽にお声かけ下さい!
5月5日のほっとはーと大分(TOS)でiプラザが紹介されるそうです。
入居企業のインクレリの飯田さんとクオックスの本田さんが取材を受けましたo(*^▽^*)o~♪
基本僕には関係ありませんが、もしかすると会議のシーンで少しだけ登場させていただけるかも( ̄− ̄)フーン
なにはともあれ、ちょっと緊張されていたお美しいインクレリの飯田さんと、日付を勘違いして油断していたクオックスの本田さんが、どんな顔でテレビに出るのかが楽しみですワクワク ((o(⌒∇⌒ o)(o ⌒∇⌒)o))ワクワク