Blog

サイト作りのあれこれ / Will Build New Webpages More

Date : 2012.06.18
Category : 一般

こんばんは。2週間ぶりになってしまいました。
TOEFL試験と、札幌から地元ヘの引っ越しが終わり、一気に疲れが来たのか。
寝たきり起きたきりを繰り返すほたかです。いかんですなぁ・・・

とっくにお気づきの方もいらっしゃるかと思いますが、この Offiical Blog、デザインを
少々弄ってみました。

*ページトップの画像スライドショー廃止
*Webfont使用、メインサイトと合わせる
*記事の画像に影をつけてみる

・・・などなど。

Good evening. it has passed 2 weeks from the last post!
At last I finished TOEFL exam and moving from Sapporo to my hometown.
Waiting the result…

Anyway I had changed the design of this Official Blog a little bit;

* removed the slide show on the page top
* use web-font, to match to the main website
* apply box-shadow to images in each post

…etc.

本当は使いたいjQueryプラグインもあったのですが、外部からスクリプトを引っ張って
来るのがうまくいきません。此処への対処はまた今度・・・色々やってみたんだけどなぁ・・・

最近になって、初めてこのブログのソースコードを眺めたのですが。
PrototypeとjQueryが共存してますね(汗
調べたら、巧く共存できるように独自に改造がしてあるそうなのですが、それでもjQuery
本体を読み込んでいるなら、外部からのスクリプトも実行できて良いのでは・・・(泣
とは思うんですけどね。まだまだ勉強が足りないです。

そんなこんなで、さくっとサイト作りたいな~という事で。
溢れ返ってきたジェネレータ系リンクをリスト化してみようかと作成したのが上のページ。
Webサイト関連と、グラフィック関連のジェネレータをこちらでブックマークすることに
してみました。まぁ、いわゆる「まとめサイト」のつもりでなく、あくまで個人趣味で。
ニュースレター等で仕入れた情報を追加していくかも。

さて、今度は創作交流関連のページを手掛けようと思います。

————-8<————- 以下、メモと悩み。————-8<————-
画像にタグでリンクを張り、ツールチップのプラグインを実装。
更にLightboxプラグインも関連付けると競合。
関連付ける要素が被らない別のLightboxを探すか、それでも無理なら二者択一。

Lightbox:共通点(複数のプラグインで試したが解決できない
Lightboxで開いた画像の高さが、現在表示しているウィンドウの高さ超える場合、
画面下部に余白が出来てしまう。CSSでいくら「min-height: 100%」と指定しても無効。
きっとこの「100%」というのは、「今見えているページの大きさいっぱい」という意味?
で、イベントが起きてページサイズが変わるとなると、対処しきれない、と・・・
JSを改造すれば改善できるのか?

とりあえずの応急処置:lightbox側のCSSで、ページの高さを無理くり指定
————-8<————-8<————-8<————-8<————-

・・・半角ダッシュが、勝手に全角ダッシュに変換される仕様!?

// ENGLISH

Actually I had some jQuery plug-ins to apply here, and I tried to use the external scripts
but I have failed… still I don’t know why.

Recently I checked the source code of this blog for the first time, and I found that both
prototype library and jQuery library are used here. I searched about this coexistence, and
also found that this libraries has been fixed already. However I cannot adapt the external
scripts.. I’ll continue to deal with.

Well, but I have wanted to build another website, so I made one to gather my favorite
links. I had problem to manage these so many favorite links (mainly useful generators for
Web design or graphic processing). It’s just for me, just for personal utility 🙂
I have received some news letters about web design and graphic tool or inspiration, so I
will add more links after this if I find the good ones.

now I’ll deal with the webpage for creative-interchange.