2013年3月 | ブログ | アットスタイル

最強のメモリ解放アプリケーション「Memory Magic」に変更

2013年3月26日

今日、Mac App Storeを開いたら「トップ無料」に「Memory Magic」がありました。

「有料だったよね」と思いながら開いてみたらMac OS X12周年とAppleの37周年をお祝して、今だけ無料になっていたようです。

早速、ダウンロード。

今までは「Free RAM Booster」を使っており、数字で表示されているのでメモリの空きが少なくなると気になってしょうがないことがありましたが、「Memory Magic」は円グラフだけなので、そんなことも無いかもしれません...

7月30日追記：DesktopMonitorに変更しました。

Posted: @Style; 23:10

郵便番号で住所を検索するJavaScript【ajaxzip3】

2013年3月25日

Facebookのタイムラインに気になる話題が流れてきたので見てみた。

郵便番号検索ajaxzip3は、既存のHTMLにわずか2行追加するだけで設置できます。プログラミングの知識やサーバ側の設定は必要ありません。

ajaxzip3

本当に簡単な記述で実装可能です！

うちのサイトの場合はこんな感じ。

httpsでajaxzip3.jsを読み込む

<script src="https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>

input要素にonkeyup="AjaxZip3.zip2addr(this,'','input_addr','input_addr');"を追加
＊input_addrはname属性

<input type="text" name="input_post" id="post" tabindex="5" accesskey="z" size="10" value="" placeholder="郵便番号をご記入ください"  onkeyup="AjaxZip3.zip2addr(this,'','input_addr','input_addr');">

「お問い合わせ」でどうぞ...

JavaScript

Posted: @Style; 14:33

グローバルナビゲーションを position: fixed で固定

2013年3月16日

CSSの position: fixed を使用してグローバルナビゲーションをページ上部に固定した。

Livefyre Comments 3 のコメントフォームが重なるので z-index を指定。
他の部分にも細かい修正はありますが、#Main_Navigationの設定を以下の様なCSSに変更。

#Main_Navigation {
    position: fixed;
    background-color: #000;
    color: #fff;
    font-size: 87.5%;
    width: 100%;
    max-width: 1286px;
    z-index: 10;
}

固定されたグローバルナビゲーション

IE6とIE7は固定表示されません。

Posted: @Style; 14:52

Livefyre Comments 3 のコメントフォームデザインをシンプルにする

2013年3月11日

Livefyre Comments 3 のコメントフォームがゴチャゴチャしてるので、スッキリさせてみた。

ボーダーの色をボタン部分の色に合わせる
背景色を白にする
シャドウを消す
ボタンの色を白にする

Livefyre Comments 3

以下の様なCSSで上書きする

.fyre-editor-editable {
    border-color: #A1A1A1 !important;
    background-color: #fff !important;
    box-shadow: none !important;
}
.fyre-editor-toolbar .goog-toolbar > div {
    background-color: #fff !important;
    background-image: none !important;
}