1. TOP
  2. Web

【googlemap+jQuery Tab】 タブ内のグーグルマップがズレる時の対処法

カテゴリ:
HTML / CSS
Web
| トラックバック(0)
投稿者:yo yo

タブナビゲーションでグーグルマップを表示するとズレる時の対処法

タブナビゲーション(jQuery ui tabs)のコンテンツ部分にgooglemapを表示すると地図中心が真ん中にこなくて困ったときはありませんか?

自分で既に対処している人も多々いると思いますが、私はこんな風に解決しましたってことでメモ

【ナカノヒトナド】 webプロモーションで中の人を魅せるということ 【イナイ】

カテゴリ:
Web
その他
| トラックバック(0)
投稿者:yo yo

ウェブプロモーションにおいて中の人は見せていったほうがいいよね

と思いました。表向きに、透明感というか、風通しが良く見えるというか、安心感が増して身近に感じるようになると、そう思います。まぁ、作られた風通しなんですが、誰が運営しているか判らないウェブサービスよりは、作られていても見えたほうがいいよねってことで。

まだ良く広まっていないウェブサービスなどで、人を見せて安心感を与えることって結構重要だとおもいます。だからウェブからの集客に苦戦しているところは、サービス内でキャラでも人でもマスコットを作っていくのはどうですかね?

下手なSEOやリスティングに金かけるよりよっぽどいいんじゃないかと思います。まぁ、私は顔は出しませんけどね。

【javascript / jQuery】IE7以下で動かない関数とか

カテゴリ:
Web
その他
| トラックバック(0)
投稿者:yo yo

IE7でサポート対象外のjavascriptコード

javascript

typeof(Array) == "object"を使え。

for文でまわせ。

for文でまわせ。

Wordpressのアップロードした画像でハマる

カテゴリ:
Web
その他
| トラックバック(0)
投稿者:yo yo

というかこんなんプログラムのバグだろ。

条件

  • Wordpress 3.6
  • WordpressをLinuxにインストールしている
  • uploadsディレクトリに英数字のファイル名を利用している
  • 大文字小文字が異なる同名異字のファイル(例:TOP_image01.jpg、top_image01.jpg)をアップしている

症状

上記の状態で、uploadsディレクトリのバックアップをWindows系OSのローカルディレクトリへとると、同名異字のファイルが全て上書きされてしまう。

要するに、Windows系OSではTOP_image01.jpgとtop_image01.jpgが同じファイルとして扱われてしまう。

この状態で、何かの拍子に、バックアップをとっておいたuploadsディレクトリをサーバ側にアップロードすると、エントリ内の画像が正しく表示されないという事態に陥る。しかもFTPソフトなどでは通常、常に上書きにしているので判り難い。

たとえば、クライアントが、大文字小文字が異なる同盟の画像ファイルをアップロードしている場合は注意が必要になる。

原因

当たり前の話だけど、OSごとによって同名異字のファイル名が区別されるかどうかが違う。

Linuxなどでは、ファイル名の大文字小文字が区別される

Windowsなどでは、ファイル名の大文字小文字が区別されない

この所為で、アップされていた画像をローカルからFTPなどでアップしなおそうとすると不具合がおきることになる。

その他

というか、大文字小文字区別無く同名のファイルが存在するか確かめない実装をするなんて常識的に考えてありえないんじゃないかなぁ。

「画像を軽くするために、いったんローカルに落として編集し、FTPで上げなおそう」とか考えていた24時間前のオレを全力で止めたい。uploadsフォルダをローカルにバックアップしとけば安心でしょとか思っていたのがそもそもの間違いでした。

もう(色で)迷わない!素敵な配色が選べるウェブサイト HUE/360

カテゴリ:
Web
デザイン
| トラックバック(0)
投稿者:yo yo

130618hue360.jpg
Screen shot : [ HUE / 360 ] The Color Scheme Application

デザインの配色に困ったらHUE / 360

ベースとなる色を1色選ぶと、その選んだ色に合う色を選べるウェブサービス[ HUE / 360 ] The Color Scheme Application

配色のセオリーを知らない人でも、違和感のない配色が行えるので非常に便利です。

使い方

  1. 希望の明るさを選ぶ
  2. 希望の色を右側から一個選ぶ
  3. 1~2を繰り返して、欲しい分だけ色を選ぶ
  4. 選んだ色は画面下に出てくるので"Print User Color"で16進カラーコードをコピペ

"Try Painting"でウェブへの配色テストが行えます。キーボードの"p(せ)"ボタンを押してドロップダウンリストから配色をします。

以上です。

ページの先頭に戻る