MovableType4やJavascript、CSSについての備忘録。 http://www.grooblog.com/kkimura/ J-spportでBlog始めました。 HTML,css自身はありませんがAjax,javascript,まで試みております。 ja Copyright 2008 Wed, 17 Sep 2008 10:59:23 +0900 http://www.sixapart.com/movabletype/ http://www.rssboard.org/rss-specification 色の違いを見極める「カラーIQ」だそうです。 コリスさんのサイトで紹介しています。

FM 100 Hue Test

一番右の色と一番左の色を基準に並べ替えていきます。

4つ終わった時点で、「Score Test」をクリックすると採点されます。

採点方法が少し変わったみたいで、0に近い方がいいそうです。
私は、11でした。
皆さんは、どのくらいですか？ぜひ試してください。

]]> http://www.grooblog.com/kkimura/2008/09/iq.html http://www.grooblog.com/kkimura/2008/09/iq.html 今日の独り言。 IQ カラー テスト Wed, 17 Sep 2008 10:59:23 +0900 jQueryプラグイン‐ウィンドウサイズでＣＳＳを切り替える‐
dynamic-resolution-dependent-layouts

サンプルページ

ブラウザの幅を手動で調節してみてください☆。

解像度のばらつきで、ホームページ製作者は頭を悩ませています。

けどこのプラグインを使うと、横幅が800でも、1000でも、自由にカスタマイズできます。
すごく画期的なプラグインで、ぜひ自分でも機会があれば使いたいと思う一品です。
]]> http://www.grooblog.com/kkimura/2008/08/jquery.html http://www.grooblog.com/kkimura/2008/08/jquery.html Javascript jQuery　プラグイン css Javascript jQuery プラグイン Sat, 23 Aug 2008 11:54:31 +0900 WordPress ページ(page)・記事内にPHPを書くプラグイン。 ページ内や投稿記事の中にPHPを書ける優れものです。

runphp


－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
私事なのですが、
制作時にオリジナルテーマを作りながら制作していたため、
手順通り設置しても、
最初は、うまく動きませんでした。

ググッて気がついたのですが、デフォルトのheader.phpには大事な情報が
入っていたようで、それを知らずに全消去していまた。
無知って怖いですね((-ω-｡)(｡-ω-))

QUALLさんのブログに書いてあったのですが、
＜?php wp_head(); ?＞をheader.php内に記述することで解決致しました。

ぜひ皆さんも、オリジナルテーマを作る時は、headerにお気を付け下さい。












]]> http://www.grooblog.com/kkimura/2008/08/wordpress-page.html http://www.grooblog.com/kkimura/2008/08/wordpress-page.html WordPress WordPress プラグイン Tue, 05 Aug 2008 12:12:16 +0900 WordPressで勝手に入る「P」タグをオフにするプラグイン その自動追加の機能をオフにするプラグインの紹介です。


techgagaさんのページで紹介されていました。

Disable wpautop Plugin

disable-wpautop.zipをダウンロードして
プラグインフォルダに入れ管理者権限でログイン後、
プラグインを使用する。

簡単に使う事ができますので、ぜひおためしあれ。

]]> http://www.grooblog.com/kkimura/2008/07/wordpressp.html http://www.grooblog.com/kkimura/2008/07/wordpressp.html WordPress WordPress プラグイン Thu, 31 Jul 2008 20:05:55 +0900 WordPressをインストールしてみよう。 自分が忘れないために、インストール方法をメモメモ| 　 ´ω｀|φ

  1. WordPress 日本語ローカルサイトへ行ってWordPressをダウンロード。
  2. ダウンロードしたWordPressのzipファイルを解凍。
  3. サーバのデータベースを作成。
  4. データベース名・ユーザー名・パスワード・ホスト名をメモ| 　 ´ω｀|φ。
  5. 解凍したファイルをサーバにアップロード。
  6. ブラウザから、/wp-admin/install.phpにアクセスします。
  7. 先程メモした必要項目を記入してインストール開始。
  8. あとは、ブログ名・メールアドレスを記入して完了です。

これで、インストール完了です。

自分のメモなので簡単に書きました。
]]> http://www.grooblog.com/kkimura/2008/07/wordpress.html http://www.grooblog.com/kkimura/2008/07/wordpress.html WordPress /wp-admin/install.php WordPress インストール Wed, 30 Jul 2008 12:02:19 +0900 jQuery画像を動かすプラグイン‐jQuery Cycle Plugin‐
‐jQuery Cycle Plugin‐
cycle.jpg

すべて英語で書かれているのですが、英語が苦手な私でも何とか
使う事ができました。

自分で演出効果が選べるのが一番のポイントだと思います。

ライセンス：MIT／GPL　デュアルライセンス　です。



]]> http://www.grooblog.com/kkimura/2008/07/jqueryjquery-cycle-plugin.html http://www.grooblog.com/kkimura/2008/07/jqueryjquery-cycle-plugin.html Javascript jQuery　プラグイン jQuery プラグイン 画像 Tue, 29 Jul 2008 09:55:38 +0900 jQuery スクロールについてくるプラグイン-jQuery Scroll Follow-

Webで使えるテクニック！Webで困ったときのﾒﾓ帳

様のブログで紹介されていました。

ライセンス：MITライセンス
紹介サイト：http://www.net-perspective.com/products/scroll-follow/
こちらで、紹介しています。

独り言：
縦長のサイトになるとどうしても必要かなと感じて、
つい使ってしまいたくなりませんか？

今度こっそり使おうとたくらんでいます。
メモメモ| 　 ´ω｀|φ


]]> http://www.grooblog.com/kkimura/2008/07/jquery-jquery-scroll-follow.html http://www.grooblog.com/kkimura/2008/07/jquery-jquery-scroll-follow.html jQuery　プラグイン jQuery スクロール プラグイン Sat, 26 Jul 2008 09:43:13 +0900 MTOSって！？ Movable Type Open Sourceって！？
発表は、今年の2月だったそうです。

一部機能制限がかかっているのですが、普通に使う分には問題ないみたいです。

ＧＰＬライセンスだそうなので、よく読んでからお使いください。

ps-
軽いショック状態におちいりました。
もっとネットサーフィンをするべきだと考えさせられる、一件でしたｱｧ?( ´Д`)σ)Д`)ｧｩｧｩ。
]]> http://www.grooblog.com/kkimura/2008/06/mtos.html http://www.grooblog.com/kkimura/2008/06/mtos.html Movable Type4 MovableType MTOS Wed, 25 Jun 2008 10:25:27 +0900 モブログ始めましょか２ テスト第二弾です(￣∀￣) 複数ユーザーが投稿しているblogなので、携帯専用ユーザーを作りました。 http://www.grooblog.com/kkimura/2008/06/post-6.html http://www.grooblog.com/kkimura/2008/06/post-6.html 携帯(K.Kimura) Fri, 20 Jun 2008 09:00:47 +0900 MovableType4で、モブログ始めましょ？
本ブログもとうとう、携帯対応になりました。
MT4iという機能を使って制作しています。

QRコードは後日配布します。

ブログライフを楽しみましょう☆
]]> http://www.grooblog.com/kkimura/2008/06/post-5.html http://www.grooblog.com/kkimura/2008/06/post-5.html 今年の木村 MovableType モブログ 携帯対応 Thu, 19 Jun 2008 19:55:30 +0900 Movable Type4をインストールしよう２！
大丈夫ですか？

では、次に進みます。
次は、自分のサーバーのMovableTypeにブラウザから接続します。
アドレスは、http://××××.com/mt/mt.cgi/(ホームページのアドレスが、××××.comの場合です。）
にアクセスします。
↓
後は、内容を読んでログイン。開始と進んでいきます。
↓
その後データベースに何を使うか、聞かれます。
私は、「MySQL」を使ってますので、
データベース名、ユーザー名、パスワードを使います。
レンタルサーバの場合、各レンタルサーバのコントロールパネルから確認できると思います。
↓
入力後、データベースの設定はここまでです。
↓
次にメールの設定です。
自分のサーバーのメール送信システムに合わせて（私はだいたいSendmailです）、
メールシステムのパスを入力。
次に、自分のメールアドレスを入力します。
↓
メールの送信テストをしてメールが届いたのを確認したら、
次は、ユーザー情報の設定です。

ここまできたら、ほぼ終了に近いです。
入力後サインインして、MovableTypeを始めれます。


]]> http://www.grooblog.com/kkimura/2008/06/movable-type4-1.html http://www.grooblog.com/kkimura/2008/06/movable-type4-1.html Movable Type4 MovableType インストール ダウンロード Sat, 07 Jun 2008 11:01:32 +0900 Windows XPでもメイリオを楽しもう☆ 個人的にブラウザの文字が見やすく、気に入っております。

ダウンロードはこちらから、

Windows XP 向け ClearType 対応日本語フォント


きれいな文字で、ネットサーフィンを楽しもう☆

]]> http://www.grooblog.com/kkimura/2008/06/windows-xp.html http://www.grooblog.com/kkimura/2008/06/windows-xp.html 今日の独り言。 Fri, 06 Jun 2008 13:05:18 +0900 Movable Type4をインストールしよう！ 今ままで、何かとMovableTypeについて書いてきましたが、
インストールの方法を自分で忘れてしまうので、メモ残します。

まずは、
http://www.sixapart.jp/movabletype/
ここから、説明をよく読みダウンロードしてください。
個人ライセンスは無償ですので、お試しください。
（動作環境もこちらのページにあります。）

次にダウンロードしたファイルを解答します。
（当然なんですが・・・。）

その解答したフォルダの中身を、自分の（またはレンタルサーバー）にアップロードします。

※アップロードする際にmtというフォルダを作ってその中にアップロードしたほうが、便利だと思います。mtフォルダは、インデックスページと同じディレクトリがいいと思います。

次に、パーミッションを変更します。
私は、ffftpを使っているので、その説明をします。
（勝手ながら、mtフォルダを作った前提でお話しします。）
アップロードしたmtファイルの中にある、cgiファイルを設定するのですが
mtフォルダの中身を種類でソートします。
↓
cgiファイルを全部選択します。
↓
右クリックで属性変更を選びます。
↓
現在の属性の数字を755に変更してパーミッションの設定は終了です。

先は長いので、続きは次回UPします。

追記-----------------------------------
ファイルは解答しません。解凍の間違いです。
＜（；＿　＿）＞お騒がせしました。



]]> http://www.grooblog.com/kkimura/2008/06/movable-type4.html http://www.grooblog.com/kkimura/2008/06/movable-type4.html Movable Type4 Download MovableType インストール ダウンロード Fri, 06 Jun 2008 12:41:41 +0900 ユーザーが表示方法を変えられる！？JavaScript clam.jpg
ユーザーが表示方法を変えられるJavaScriptを紹介します。
ホームページを作る人のネタ帳さんで紹介されていたんですが、

これはすごい！！

3，2，1のカラムをユーザーが変えられたり、widthを800，1000，100％変えることができる。
さらに、fontサイズまで変えることができる、優れもの☆

無料でダウンロードできるのでお試しください。
動的なHTMLのショーケース


対応しているブラウザの幅も広いです。
Internet Explorer 6, 7
Firefox 1.5 +
Opera 9.1 +
Netscape 8.1 +
Safari 3

私の個人的な考えなんですが、
印刷用CSSを作らなくてもこの機能を使えばイケるのでは・・・。

参考サイトーーーーーーー
ホームページを作る人のネタ帳さん「ユーザーが2～3カラムや800pxか1000pxか等を動的に変更できるすごいJavaScript」
]]> http://www.grooblog.com/kkimura/2008/04/javascript-1.html http://www.grooblog.com/kkimura/2008/04/javascript-1.html CSS Javascript XHTML html Javascript Fri, 11 Apr 2008 12:18:45 +0900 Movable Type 関連エントリーを設置してみる。 ネタフルさんでご紹介されていた、個別エントリーに対する関連エントリーを表示するプラグインを導入してみました。

仕組みは、同じカテゴリーのエントリーがランダムで表示されるという仕組みです。

自分も調べものしている時は、関連エントリーまで見る派なので、
参考になりました。
自サイトは、MT4で制作していますので、動作は大丈夫だと思います。


omoi.jpg私の重い腰も上がるくらいスムーズに導入できました。
ぜひお試しください。



参考サイトーーーーーーー
ネタフルさん　「MTで関連記事を表示するプラグイン「Related Entries Plugin」」

]]> http://www.grooblog.com/kkimura/2008/04/movable-type.html http://www.grooblog.com/kkimura/2008/04/movable-type.html Movable Type4 Movable Type4 プラグイン 個別エントリー 関連エントリー Fri, 04 Apr 2008 13:16:33 +0900