Ellinikonblue.net Devlosxom

　反省と言いつつ、今年はフレーバーの入れ替えもよくやったし、 まあまあがんばったと自画自賛 (_ _;>

　ただいまのフレーバーデザインが眠い理由も何となくわかったし、 Bootstrap や jQuery の使い方をもうちょっと勉強して、 来年はもう一段ステップアップしたい所存。

　今のフレーバーが眠い理由は色彩的にコントラストがないことが原因（だと思う）なので、 これを何とかすることと、 サイト全体のマネジメントをしている MODx が もうずいぶん長いことほったらかしなので、ここんとこを何とかしていくというのが ひとまず来年前半の目標としておきます。

　とりあえず今年一年お疲れ様でした m(_ _)m

コリス 「 [JS] スクロールに加速やバウンドなど30以上のエフェクトを与え、位置補正もできるスクリプト - AnimateScroll 」

　新しいフレーバーで適当に拾ってきたスクロール用の JavaScript を使っていたのですが、 せっかく jQuery を使うので、 この AnimateScroll を使うことにしました。

　そんな派手なエフェクト使う気はないんですが、ちょっとくらいあった方がいいやん。 やっぱ (^^;

• AnimateScroll - jQuery Plugin for Animating Scroll

　ここ でずっと煮詰めてきた 新しいフレーバー「 Blosxomstrap3 」ですが、 Photolog の 「 Photologstrap 」ほど満足感はなく、デザインもまだ何となく「眠い」ままなのですが、 このまま放置しても あっち に なんの利益もないので、そろそろ向こうに移すことにして、 こっち でさらに煮詰めるか、 新しいものを考えるかした方が、建設的と判断しました。

　いまだ Calendar プラグインの問題はめどが立っていないのですが、 細かい JavaScript 周りをもうちょっときれいにとかは、 むこうに移す作業の中で整理しようと思います。

　けじめをつけるいいきっかけでしょう。
　11 月中に何とかします。（と言いきってみる f^^;> ）

　ここ のフレーバーを Bootstrap を使用したものに変更して、 すでにプラグインもそれように変更を施し、機能的なものも動作していると思います。
　アフィリエイトも交えて現在、レイアウトを研究中です。

　また ここ での成果を踏まえて、 Photolog の方も フレーバーを変更しました。

　どちらも特にタブレットやスマートフォンで見たときの見やすさは、 これまでと比較にはならないほどで、 まだ Bootstrap のルールに則ってレイアウトして、 CSS をいじくっただけの代物ですが、Bootstrap の 威力を実感できています。

　現状、 あっち への導入を最終目標として、 以下のような問題点に対して対処中です。

グラフィック的要素の追加

　絵心がないので、ごてごてにする気はないですが、 それでも小手先の CSS で飾っただけというのはちょっとひどすぎるので、 ただいま GIMP と格闘中です (^^;

calender プラグインの問題

　昨今、あんまりブログにカレンダーをおいているところは少ないので、 いいかな？とも思いつつ、これを Bootstrap 対応できるよう 書き換えをやろうかやらまいか悩みながらソースを眺めています。
　以前から何気なく使っていたプラグインながらなかなかに複雑で…手こずりそうです。

　その他にも MODx で生成している トップページ も Bootstrap 込みで作り直したいなぁ…と考えています。

　まだまだ先は長そうですな (^^;;;>

Ellinikonblue.com Weblog 「 Photolog 新フレーバー『 Photologstrap 』」

　変えまして、何とか見るに耐えるところまではもってきましたが、 ブログの機能的なものはおそらくほとんど動作していません (_ _;A

　何とかこうにか Bootstrap 3 で レイアウトができた段階で、まだフレーバーと呼べる代物ではないですし、 特に blosxom の プラグインがはくコードを Bootstrap に合わせようとすると、 どうしたってそれ専用に書き換えないといけないわけで…

　おまけに Bootstrap を組み込んだだけの状態から、 どうやってデザイン的要素を組み込んでいくかについてもまだおっかなびっくりやっている状態。

　先は長そうです。
　常に安定した閲覧は保証できないと言い切っているページなんで、 当面ご容赦を m(_ _)m

　このサイト のフレーバーの HTML5 化完了しました。。。と思います (^^;

　見栄えは全く変わっていませんが、一応、 CSS も突貫で修正してあり、 ひとまずこれで問題なさそうなら、 これまで気になっていた部分も含めて CSS をもう一度見直して Ellinikonblue.com Weblog にも導入しようと思います。
# ここまでできたら GitHub の方 にも公開します

　それからになりますが、ページの構造は HTML5 化したので、 これをベースに Twitter Bootstrap を組み込んで、 今度は見栄えもギミックもがらっと変更したいと思います。

　しかし、ここで一つ問題が…

　これまで、うちでは JavaScript ライブラリとして、 Prototype と script.aculo.us を使用してきましたが、 Twitter Bootstrap は jQuery を必要とするので、 あれやこれやとライブラリを導入する副作用がありそうですし、何より美しくないので、 ここはいっそ jQuery に統一しようかと考えています。

　となると問題は、 bsnap_lt / bsnap_hs で 実現しているギミックをどうするかという問題。
　うちで数少ないヴィジュアル系のギミックなので、 jQuery を使うようになっても何とかしたいなと思って 調べてみると以下のような記事を発見。

かちびと.net 「 個人的に気に入ってる 10 の Lightbox 系 jQuery プラグイン及び、その特徴まとめ」

　王道で jQuery lightBox plugin か、 Fancybox か、どちらにしてもプラグインを作り直さないといけない… と思っていたら、 bsnap_lt で 使用している Lightbox 2 が v2.5 から jQuery ベースになっているので、 ドキュメントを読む限り、 bsnap_lt を そのまま使えそう。。。

　ひとまずこれで、新フレーバーはやってみるかと果てしない目標 (^^; を立てています w

　GitHub の方 で Ellinikonblue.com Weblog / Ellinikonblue.net Devlosxom で 使用しているフレーバー向けの SCSS ファイルを公開しました。

　これでプラグインは除いて、 フレーバーと CSS で現時点のこのサイトくらいの見栄えは再現できます。
　blosxom を使っているだけで 絶滅危惧種に属するのに、うちのサイトを参考にする人などいるかという話はおいといて、 ほとんど自学自習の成果に対する自己満足です (_ _;>

　よし！行くぞ！！ HTML5 化だ！！！

• ellinikonblue · GitHub

　GitHub の方 で、 現時点で Ellinikonblue.com Weblog / Ellinikonblue.net Devlosxom で 使用しているフレーバーを公開しました。

　さて次は CSS 。
　んで、 HTML5 を今年はやる！やる気になってきた！！。。。
続きはできてから言います (^^;A

• ellinikonblue · GitHub

　フレーバーテストのための無意味なエントリです。

　えぇ、例のごとく何もしてませんが… (_ _;>

　ちょっと GitHub for Mac を使えるようになってきたので、 フレーバーもこれで管理し、こちら で テストするための準備です。

　無意味なエントリです。あしからず m(_ _)m
# ここ にそもそも意味のある エントリがあるのかはひとまずおいといて…

　ただいま、フレーバーのテスト中。。。

　次は引用

　これはフレーバーのテストのためのエントリで、内容に全く意味はありません。あしからず。

　箇条書き

• レベル 1-1
• レベル 1-2
  • レベル 2-1
  • レベル 2-2
• レベル 1-3

　箇条書き その２

1. レベル -1
2. レベル 1-2
   • レベル 2-1
   • レベル 2-2
3. レベル 1-3

　ラスト！

テスト 1

　ただいま、フレーバーのテスト中

テスト 2

　引き続き、フレーバーのテスト中