Home

sprouthead blog

“opacity”と”rgba()”を使用した透明度の指定。

  • 2011-10-11 (Tue)
  • mizushima
  • CSS

CSS3:opacityとrgba()を使用した透明度の指定。
今回は画像やボックスを半透明にする方法を紹介します。
使うのはCSS3。

使えるブラウザはIE9・Firefox・Chrome・Safari・Operaです。
また、-webkit-や-moz-のようなベンダープレフィックスの必要もないようです。

続きを読む

画像が選択できるセレクトボックス

IMAGESELECT

画像を選択できる、セレクトボックス。
そんなセレクトボックスが使える、jQueryのプラグイン。

デモ:http://www.sprouthead.com/sample/blog_test/page_jquery/20111007_select.html

続きを読む

ちょっと立体に見えるテーブルの作り方。

  • 2011-10-06 (Thu)
  • mizushima
  • CSS

テーブルってあんまり使わないですかね。
でも、表など、テーブル作るを作るとき、
ちょっといつもと違う雰囲気、可愛く(?)する方法。
なんとなく、立体に見えます。。
ちょっと立体に見えるテーブルの作り方。

続きを読む

jQuery mobileでiphoneぽい日時セレクト画面。

iphoneのアラームなどで時間を設定する時に出るアレ。
セレクト画面をくるくるっと動かせて、時間や日にちを選択する仕様。

あれって、jQuery mobileとかでできないのかなあー・・・と。
普通のセレクト画面をiphoneで見てもくるくる仕様にはなるのですが、月日を一緒にしたり、日時を一緒に選択するってできないですよね。
しかも、じゃあiphone以外だとどうなるの?ってことに。(Androidを持っていなくて、、;)

そんなことがあり、何とかしてスマフォ(Androidも含む)での日時選択のくるくる仕様が実現できないか探したところ、あんまり無いんですね;
結局、100%納得いくようなものは無かったのですが、それっぽいことが実現可能なプラグインを二つほど見つけました。

続きを読む

「smoothRollOver.js」について

前回、CSS、jsを使用したロールオーバーについて紹介しましたが、
今回はロールオーバーをカッコ良くするライブラリを紹介します。

ロールオーバーすると滑らかに画像が切り替わるライブラリ

透過PNGに対応したクロスフェードボタン「smoothRollOver.js」

続きを読む

ロールオーバーについて

  • 2011-10-03 (Mon)
  • mizushima
  • CSS

画像をロールオーバーさせる際、いろんな方法がありますよね。
cssや、jsなどを使って実現させたり・・。
今回は、その中で私が主に使っている方法を紹介させていただきます。

続きを読む

Amazon Reloaded for WordPressのバージョンアップ

Amazonが仕様変更したことによりAmazon Reloaded for WordPressが使えない状態でしたがバージョンアップにより新しい仕様に対応したことを最近知りました。

プラグインをアップデートしてWordPressのメニューの設定からAmazon Reloadedの設定に行くとAmazon Secret KeyとAmazon API Key (Access Key ID)の項目が増えていました。

wordpress_amazon_reloaded_version_up_1

続きを読む

最近読んだ本

  • 2010-04-07 (Wed)
  • seto
  • Book

最近読んだ本を紹介。

WordPressレッスンブック 2.8対応―ステップバイステップ形式でマスターできる

多少のXHTMLとCSSの知識が必要ですが、テンプレートの作成方法が非常に丁寧に書かれていて大変わかりやすかったです。
何の機能もないシンプルなテンプレートから徐々に拡張していく形で進んでいきます。
この本だけでテンプレートの基本的なカスタマイズが出来るようになります。


PHPによるWordPressカスタマイズブック―2.8対応 テンプレートの改造からプラグインの作成まで

こちらは上の本よりは難易度が高め。PHPの知識もある程度必要になります。
WordPressのデータベースの構造が解説されていたり、プラグインの作成の方法やWordPressの管理画面にプラグインの設定画面を追加する方法なども詳しく書かれています。
知りたかった情報が載っていて大変よかった。いろいろできそう。


XHTML&CSS超高速コーディング術

CSSのパフォーマンスを上げる本ではなく、いかにはやく正確にコーディングするかの本。
XHTMLとCSSの知識がある程度必要。
受注から納品までのながれで無駄な作業を減らして効率をあげる方法も書かれていておもしろかった。

Google Readerを使いやすくするGreasemonkeyのスクリプト

RSSリーダーはずっとFirefoxのアドオンのNewsFoxを使っていました。
3ペインで見やすくて気に入っていたのですが、購読するRSSの数が100を超えてきたあたりからRSSの更新に時間がかかり、Firefox自体が固まることが多くなってきました。

そこでGoogleリーダーをGreasemonkeyを使ってNewsFoxの使用感に近づけてみることにしました。

firefox_google_reader_2

通常このようなgoogleリーダーを下記のように変更します。

firefox_google_reader_1

続きを読む

Firefoxを再起動するアドオンQuickRestart

普段からFirefoxでたくさんタブを開いてずっと立ち上げたままにして使用しているのですが、これだどんどんメモリ使用量が上がっていき、動作がだんだん重くなり、クラッシュすることもしばしばです。

about:configでconfig.trim_on_minimizeをtrueに設定して、メモリ使用量があがってきたらウインドウの最小化をしてみても、タスクマネージャのプロセスでメモリ使用量は下がるのですが、物理メモリを見ると利用可能メモリは増えておらず、動作も重いまま。

仕方なくFirefoxを再起動するのですが、普通に終了して起動するとgoogleなどへのログイン情報が消えてしまってログインしなおしになってしまいます。そこでアドオンをインストールしたときに表示される再起動ボタンの機能と同じようにログイン情報を保ったまま再起動できる方法はないかと探していたところ、ちょうどいいアドオンがありました。

QuickRestart

QuickRestartをFirefoxに追加するとメニューのファイルに”Firefoxを再始動する”が追加されます。また、Ctrl + Alt + Rでも再起動でき、ツールバーに追加すればワンクリックで再起動できます。

これでFirefoxを再起動することに対する抵抗が少し軽減されました。

Home

.

Return to page top