SPOTのブログ

2011/11/29

#CSS3 を使って実現する、画像を使わない角丸タブメニューの作り方 #html5

お客様からのご依頼で、お問い合わせページに「ご意見箱」と「予約フォーム」を設置することになりました。 それぞれ別のCGIでフォームを作るのですが、その表示の切り替えナビゲーションとして、CSS3を利用した画像を使わない角丸タブメニューを作って見ました。 tabメニュー全体をdivで囲んで、border-bottom で5px のボーダーを引きます。 角丸部分はborder-radiusを...続きを見る
2011/11/29

【注意】jQueryMobileのThemeRollerで出力されるコードは未だにRC2な件 #jquery #mobile

初めて触ったjQuery Mobileでいろいろ躓きつつも、SPOTの自社サイトもなんとかスマホ対応化の目処が立ちそうです。 詳しい手順は後日追って記事にしようかと思いますが、今回は取り急ぎご報告を。 今回スマホ対応をjQuery Mobileで行うにあたって、 Theme Rollerで独自のカラーテーマを作成しました。 先日(11/18)に満を持して、ついに正式版になったjQuery Mobi...続きを見る
2011/11/25

『三方よし』

日々、お客様にホームページは更新が命です!とお話ししているのですが、 忙しさにかまけて自分がさぼってましたm(_ _)m 毎日はできないかも・・・ですがこれから頑張って更新したいと思います。 最近、お問合せをもらい訪問させていただいたお客様の方からよく 『そんな価格でやっていけるの?大丈夫?』と心配のお声をいただくのです。 先日もある金属加工を主にやっている企業さんに料金プランのご提案をさせて...続きを見る
2011/11/23

CSS3で透過させる時に使うopacityとRGBaの違い

これまで、「クロスブラウザへの対応」などと言い訳をして新しい技術を学ぶことから逃げていた部分が少なからずありました。でも、以前お世話になった福岡の方と先日お話する機会があり、その時に「プログレッシブエンハンスメント」という考え方を教えて頂き、確かにそのとおりだな、と思ったわけです。 「古い環境で情報が見えない」ということであれば確かに大問題ですが、「角丸が適用されない」とか、デザインのリッチさの部...続きを見る
2011/10/07

Google Chromeだけ色味が違って表示される理由

これまでずっと気づかなかったのですが、SPOT(スポット)のホームページを更新しているときに、GoogleChromeで見た場合だけ、コーポレートカラーのオレンジがくすんで見えていることに気が付きました。 今まで、Chromeをメインで使って、他のPCで確認した時とちょっと色見が違うなーとは思ってたんですが、モニターの問題だとずっと思ってました。 ただ、ちょっと不思議になって検索してみたら、こん...続きを見る
2011/09/26

フリーの顧客管理システムL03の項目数をふやしてみた

フリーの顧客管理システムといえばsugarCRMが有名ですが、便利ではあるのですが、ちょっと複雑すぎて使いづらいのです。そこで、今回目をつけたのが、こちら。http://customer.limitlink.jp/ で配布されているフリーの顧客管理システムL03を使って見ることにしました。 シンプルで使いやすいのでとてもいいのですが、不満だったのが、「追加できる項目数が10まで」という制約で...続きを見る
2011/09/25

jQueryのアコーディオン式開閉スクリプトを印刷時にはオープンさせる方法

大したことはしてませんが、後で探すときのためにメモしておきます。 紹介されていたスクリプトを元に、アコーディオン式に開閉する機能を追加してみました。 [crayon-674f4525310ae968629030/] たったこれだけで実現できます。簡単ですね。 div.clickが、「開閉させるためにクリックさせるエリア」で、div.accordionが実際に開閉するエリアです。このあたりは...続きを見る
2011/08/16

ウェスティンナゴヤキャッスルで開催のミッフィーワールドに行ってきました

皆様、暑い日が続いていますが、いかがお過ごしでしょうか? スタッフの のりプー です。 しばらく開業準備で忙しかったのですが、今回お盆休みにひさびさにゆっくりする時間が取れたので、ウェスティン名古屋キャッスルで開催された、ミッフィーワールドに行ってきました。 http://www.castle.co.jp/wnc/event/miffy/index.html いきなり巨大なミッフィーち...続きを見る