スポンサーサイト

一定期間更新がないため広告を表示しています

0
    • 2012.07.15 Sunday
    • -
    • -
    • -
    • -
    • -
    • by スポンサードリンク

    駐車場とオフィスの間にある公園。毎朝出勤時にここを通ります。

    今朝そこを歩きながら、春の訪れを感じました。

    花は詳しくないので、今日は写真だけです。

    P4291489.JPG

    P4291495.JPG

    P4291502.JPG

    P4291506.JPG

    P4291509.JPG

    1

    大分から

    オアシスタワー

    出勤途中に撮ったオアシスタワー。僕が福岡に住んでいる頃に完成したこの建物も今ではすっかり大分の顔になりました。

    県外での生活が10年を超え、地元愛について考えることが増えてる気がします。

    以前熊本に住んでいた時の話です。僕はある市民活動に参加していたのですが、そこで頻繁に使われる「熊本が」「熊本を」という言葉がいつも心に引っかかっていました。

    もちろん、それが悪いという意味ではありません。ただ「熊本だけ?じゃあ大分は?」という気持ちになっていたのです。

    今年に入って地元大分で開業し、いつか大分の経済や雇用に貢献する企業に成長させたいと考えながら日々の業務に励んでいます。

    僕は僕らしく、「大分が」「大分を」という排他的なスタンスではなく、「大分から(九州、日本、そして世界へ)」というスタンスを貫きたい。朝からそんなことを考えてしまいました。

    夢の実現に向けて今日も一日全力で頑張ります!!!^^

    2

    IE7の型崩れ vol.1 -ナビ-

    「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では、

    ie7_navi.gif

    このように型崩れしていると思います。

    サンプルソースはこちら

    ***************************
              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>タグに指定されているかです。

    考えてみると崩れて当たり前のことのように思えるとても初歩的なことなのですが、癖がついているのか今でもたまにやらかします。

    自分自身の覚え書きとしてブログに残しておきます。

    2

    気持ち良い朝


    P4241437.JPG

    雲一つないさわやかな朝。

    P4241432.JPG

    こんな日はバイクに限る。

    何気なくバイクの写真を撮っていると、目に飛び込む小さな自然。

    思わずシャッターを切る。

    P4241444.JPG

    P4241443.JPG

    気づけば、7時15分。15分遅れで家を出る。

    出発が遅れたせいで、渋滞に巻き込まれる。

    開き直って、通勤路の写真撮影。

    P4241449.JPG

    P4241451.JPG

    いつもより30分遅れて到着。

    P4241464.JPG

    植物に水をあげ、コーヒーを相棒に満喫する朝のリラックスタイム。

    今日も一日さわやかな気持ちで頑張れそうです。

    JUGEMテーマ:通勤
    3

    自社サイトのデザイン

    一昨日(4月21日)くらいから業務の合間を縫って、自社サイトのデザインを始めました。

    事業開始から今日まで、お客様のサイト制作と事務所の移転、プレゼンテーション準備などで忙しく、ホームページ制作会社なのに、自社サイトが工事中!!という何とも情けない状態が続いて来ました^^;

    しかし、そんな状態も今月中には解消されます^^

    今月中の自社サイトリニューアル(新規)オープンに向けて、明日も頑張ります! (今日はこれで帰ります^^;)

    作業中の自社サイトの画像はこちら!

    socianity_site.jpg

    1

    第2回宮崎IT飲み会

    第2回宮崎IT飲み会に行っていました。大分から宮崎までは特急で3時間。

    P4201298.JPG

    到着後は時間がなかったのでホテルのチェックインを済ませてそのまま会場に向け出発!

    P4201300.JPG

    宮崎駅は南国らしい雰囲気でとてもオシャレです^^

    P4201304.JPG

    P4201308.JPG

    宮崎駅の入り口にはこんな張り紙が。。。一瞬当たり前だとツッコミを入れたくなりますが、宮崎駅の付近に通り抜けを出来る通路がないらしく、通り抜けをする人がいるらしいです。大分駅も高架化されて改札口を通らなくても北口と南口が通過出来るようになったのでちょっと心配かも。。。
    ただ、大分駅の場合は改札口の側を通らないといけないから大丈夫かな^^;

    P4201309.JPG

    宮崎IT飲み会会場の宮崎インタークロスです。職業訓練や社員研修の企画等を行う企業さんなのですが、そこのホールを使わせてもらっています。

    P4201312.JPG

    マイクを持って話しているのが、株式会社アラタナの高見さん。右にいらっしゃるのが株式会社アラタナの穂満専務です。

    P4201323.JPG

    上の写真は宮崎日日新聞総合メディア局長の和田様による、経済・ビジネス分野に特化したウェブサイトみやビズの魅力についてのプレゼンテーション

    P4201332.JPG

    株式会社カラクルの大久保社長が、先日リリースされたウェルカムボードアプリCOCOROや開発中のアプリの機能,用いている技術や仕組みについてプレゼンテーションしました。ウェルカムボードアプリCOCOROは結婚式中に友人のコメント等の映像を撮影し、その場で用意されたテンプレートを使って装飾、そのままオンライン上で共有出来るという魅力的かつお手軽なアプリです。結婚式を控えた新郎新婦や、新郎新婦へのプレゼントをお考えの方におすすめです^^

    P4201338.JPG

    下の写真はECstudio代表取締役の山本敏行さんです。ここでは自社のサービスより、IT飲み会の目的や意義について語ってくださいました。

    この後二次会でも山本代表とご一緒させていただいたのですが、タスク管理とグループチャット、ファイル管理が一つになったECstudioのサービスであるチャットワークについて直接ご説明いただき、ソーシャニティでもこれからはチャットワークをフルに活用して行きたいと思いました。チャットワークに興味がある方は是非ご連絡を!というか、興味がありそうな人にはこちらから声を掛けます!その前に何を聞かれても大丈夫なようにまずは自分で使い倒します!!!

    P4201343.JPG

    最後の写真はアラタナのシステムエンジニアの永井さんです。アラタナのランディングページ制作ツールスケッチページの開発を担当されています。

    去年の夏に初めてお会いしたのですが、永井さんから伝わってくるアラタナ愛とスケッチページ愛がとても素敵です!あの時、永井さんと話をしていなければ、私もここまでアラタナのことを好きになっていなかったかも。。。^^;

    P4201361.JPG

    主に写真を中心にして、宮崎IT飲み会に関するご報告をさせていただきました。
    大分でもIT飲み会を開催出来ればと思っています。大分のIT関係者の方で、IT飲み会に興味がある方がいらっしゃいましたら是非お声かけ下さい。

    近々、本場大阪のIT飲み会と、福岡IT飲み会にも参戦予定です!そちらの同行者も募集していますのでお気軽にお声かけ下さい!

    socianity 江藤

    3

    ほっとはーと大分

    5月5日のほっとはーと大分(TOS)でiプラザが紹介されるそうです。

    入居企業のインクレリの飯田さんとクオックスの本田さんが取材を受けましたo(*^▽^*)o~♪

    基本僕には関係ありませんが、もしかすると会議のシーンで少しだけ登場させていただけるかも( ̄− ̄)フーン

    なにはともあれ、ちょっと緊張されていたお美しいインクレリの飯田さんと、日付を勘違いして油断していたクオックスの本田さんが、どんな顔でテレビに出るのかが楽しみですワクワク ((o(⌒∇⌒ o)(o ⌒∇⌒)o))ワクワク

    JUGEMテーマ:ウェブビジネス
    2

    大分県iプラザ入居(4月2日)


    やっとブログを書きました!
    開業から2ヶ月半。。。(゚-゚;)ヾ(-_-;) オイオイ...

    自社サイトは未だ工事中( ̄▽ ̄;)!!ガーン

    開業当初の事務所は自宅でした( ̄ー ̄ )ノ
    PA301128.JPG

    そして4月2日に入居したiプラザの新事務所はこんな感じ(⌒-⌒)ニコニコ...
    P4071283.JPG

    iプラザの入居企業さんはとても良い方ばかりです(≧∇≦)b

    そのうちご紹介させていただきます(^0^ゞ 

    さて、まずは今受け持っている仕事を、きちんと仕上げて、自社サイトのリニューアルに取りかかります!
    3

    1

    ECサイト制作事例

    ECサイト制作事例1

    企業組合 エコネットみなまた 様

    ECサイト制作事例

    ホームページ制作事例

    NPO法人 東アジア共生文化センター 様

    ホームページ制作事例

    ホームページ制作事例

    NPO法人 東アジア市民共生映画祭 様

    ブログカスタマイズ<2012年2月>

    ECサイト制作事例1

    NPO法人 東アジア共生文化センター 様

    PR

    ソーシャルメディア

    calendar

    S M T W T F S
    1234567
    891011121314
    15161718192021
    22232425262728
    2930     
    << April 2012 >>

    archives

    recent comment

    search this site.

    mobile

    qrcode

    powered

    無料ブログ作成サービス JUGEM