MovableType4やJavascript、CSSについての備忘録。 tag:www.grooblog.com,2007-11-28:/kkimura//2 2008-09-17T02:04:46Z J-spportでBlog始めました。 HTML,css自身はありませんがAjax,javascript,まで試みております。 Movable Type 4.1 色の違いを見極める「カラーIQ」だそうです。 tag:www.grooblog.com,2008:/kkimura//2.183 2008-09-17T01:59:23Z 2008-09-17T02:04:46Z なかなか楽しいテストでした。コリスさんのサイトで紹介しています。FM 100 H... kkimura http://www.grooblog.com/kkimura/ コリスさんのサイトで紹介しています。

FM 100 Hue Test

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

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

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

]]> jQueryプラグイン‐ウィンドウサイズでＣＳＳを切り替える‐ tag:www.grooblog.com,2008:/kkimura//2.176 2008-08-23T02:54:31Z 2008-08-23T03:32:35Z 今回ご紹介するプラグインは、ユーザーの見ている環境に合わせて、cssを切り替える... kkimura http://www.grooblog.com/kkimura/
dynamic-resolution-dependent-layouts

サンプルページ

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

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

けどこのプラグインを使うと、横幅が800でも、1000でも、自由にカスタマイズできます。
すごく画期的なプラグインで、ぜひ自分でも機会があれば使いたいと思う一品です。
]]> WordPress ページ(page)・記事内にPHPを書くプラグイン。 tag:www.grooblog.com,2008:/kkimura//2.173 2008-08-05T03:12:16Z 2008-08-05T10:37:51Z 今回も制作時に使ったプラグインをご紹介いたします。ページ内や投稿記事の中にPHP... kkimura http://www.grooblog.com/kkimura/ ページ内や投稿記事の中にPHPを書ける優れものです。

runphp


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

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

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

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












]]> WordPressで勝手に入る「P」タグをオフにするプラグイン tag:www.grooblog.com,2008:/kkimura//2.171 2008-07-31T11:05:55Z 2008-07-31T11:13:26Z WordPressでページをHTMLで作っていたら、勝手にPタグが入ってしまうの... kkimura http://www.grooblog.com/kkimura/ その自動追加の機能をオフにするプラグインの紹介です。


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

Disable wpautop Plugin

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

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

]]> WordPressをインストールしてみよう。 tag:www.grooblog.com,2008:/kkimura//2.169 2008-07-30T03:02:19Z 2008-07-30T03:23:51Z これから、本格的にWordPressをいじろうと考えているので、自分が忘れないた... kkimura http://www.grooblog.com/kkimura/ 自分が忘れないために、インストール方法をメモメモ| 　 ´ω｀|φ

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

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

自分のメモなので簡単に書きました。
]]> jQuery画像を動かすプラグイン‐jQuery Cycle Plugin‐ tag:www.grooblog.com,2008:/kkimura//2.168 2008-07-29T00:55:38Z 2008-07-29T01:48:34Z jQueryを使って、画像をスライドショーにしたり楽しく演出できます。‐jQue... kkimura http://www.grooblog.com/kkimura/
‐jQuery Cycle Plugin‐
cycle.jpg

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

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

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



]]> jQuery スクロールについてくるプラグイン-jQuery Scroll Follow- tag:www.grooblog.com,2008:/kkimura//2.167 2008-07-26T00:43:13Z 2008-07-26T01:03:11Z Webで使えるテクニック！Webで困ったときのﾒﾓ帳様のブログで紹介されていまし... kkimura http://www.grooblog.com/kkimura/

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

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

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

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

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


]]> MTOSって！？ Movable Type Open Sourceって！？ tag:www.grooblog.com,2008:/kkimura//2.162 2008-06-25T01:25:27Z 2008-06-25T01:33:51Z MovableTypeのオープンソースがあるじゃないですか☆発表は、今年の2月だ... kkimura http://www.grooblog.com/kkimura/
発表は、今年の2月だったそうです。

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

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

ps-
軽いショック状態におちいりました。
もっとネットサーフィンをするべきだと考えさせられる、一件でしたｱｧ?( ´Д`)σ)Д`)ｧｩｧｩ。
]]> モブログ始めましょか２ tag:www.grooblog.com,2008:/kkimura//2.158 2008-06-20T00:00:47Z 2008-06-20T00:03:45Z テスト第二弾です(￣∀￣) 複数ユーザーが投稿しているblogなので、携帯専用ユ... 携帯投稿 テスト第二弾です(￣∀￣) 複数ユーザーが投稿しているblogなので、携帯専用ユーザーを作りました。 MovableType4で、モブログ始めましょ？ tag:www.grooblog.com,2008:/kkimura//2.156 2008-06-19T10:55:30Z 2008-06-19T11:02:01Z モブログのテスト投稿です。 コレで皆さんもblog熱アップかな?本ブログもとうと... kkimura http://www.grooblog.com/kkimura/
本ブログもとうとう、携帯対応になりました。
MT4iという機能を使って制作しています。

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

ブログライフを楽しみましょう☆
]]> Movable Type4をインストールしよう２！ tag:www.grooblog.com,2008:/kkimura//2.149 2008-06-07T02:01:32Z 2008-06-07T03:39:23Z 前回の記事では、パーミッションの設定まで終わりました。大丈夫ですか？では、次に進... kkimura http://www.grooblog.com/kkimura/
大丈夫ですか？

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

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


]]> Windows XPでもメイリオを楽しもう☆ tag:www.grooblog.com,2008:/kkimura//2.148 2008-06-06T04:05:18Z 2008-06-06T04:11:02Z くだらない個人的ブログ記事の時間がやってまいりました。個人的にブラウザの文字が見... kkimura http://www.grooblog.com/kkimura/ 個人的にブラウザの文字が見やすく、気に入っております。

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

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


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

]]> Movable Type4をインストールしよう！ tag:www.grooblog.com,2008:/kkimura//2.146 2008-06-06T03:41:41Z 2008-06-06T09:58:29Z お久ぶりです。今ままで、何かとMovableTypeについて書いてきましたが、イ... kkimura http://www.grooblog.com/kkimura/ 今ままで、何かとMovableTypeについて書いてきましたが、
インストールの方法を自分で忘れてしまうので、メモ残します。

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

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

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

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

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

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

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



]]> ユーザーが表示方法を変えられる！？JavaScript tag:www.grooblog.com,2008:/kkimura//2.118 2008-04-11T03:18:45Z 2008-04-11T03:35:08Z ユーザーが表示方法を変えられるJavaScriptを紹介します。ホームページを作... kkimura http://www.grooblog.com/kkimura/ 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」
]]> Movable Type 関連エントリーを設置してみる。 tag:www.grooblog.com,2008:/kkimura//2.112 2008-04-04T04:16:33Z 2008-04-04T05:51:13Z Movable Type 関連エントリーを設置してみる。ということで、ネタフルさ... kkimura http://www.grooblog.com/kkimura/ ネタフルさんでご紹介されていた、個別エントリーに対する関連エントリーを表示するプラグインを導入してみました。

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

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


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



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

]]>