制作

作ったものを紹介。Photoshopでいじった画や、Flash、Movable Typeのカスタマイズ等。

透過PNG時代のWebデザイン

|
Web Designingをチェックしたら、透過PNG特集をやっていて、おもしろかったので購入。

要はシャドウとか半透明の画像を重ねて表現できますよということですね。

さっそくいじってみました。このサイトの上部に無駄に影をつけてみましたww
あ、IE6では表示されないようになってます。対策もとれるみたいですけどね。

確かにこれはいろいろ可能性が広がりますね。
WDに乗ってたサイトはここにクリップしておきました。ご参考まで。

関係ないけど Google Chrome 爆速でワロタ。

Tumblrのヘッダーをカスタマイズ

|
すっかりブログより高い頻度で利用しているTumblrですが、HTMLをカスタマイズすることができるので、このサイトのヘッダーをぶっ込んでみました。

http://maharada.tumblr.com/

うわー、あそこが崩れてますが、気にしない、見ない見ない。

コンテンツ内のパーツもちょびっといじってみました。
こうゆう時にCSSレイアウトのありがたみを感じます。
もうちょっといじっていきたいと思います。

頻繁に更新しているので(1日に5~8ポスト位)、よろしければご覧ください。
右下のキューブ状のブログパーツからも飛べますので。
しました。
したらうれしいことがありました。
ここ最近、記事を登録して再構築するたびに発生していた500エラーが出なくなった・・・?

500エラーの出る原因はサーバーへの過負荷が原因のようで、ロリポさんもっと頑張ってって感じだったのですが、これで快適にブログができそうです。

わーいわーい。と思ったら、新規投稿時にやっぱり出るわ・・・。

ちょっといじらないとだめだな。再構築を分割して行うプラグインがあるみたいですが、4.2に対応しているのだろうか・・・。調べてみよう。

maharada.netのロゴ

|
trim.jpg
手前味噌な話ですが、maharada.netに使っているこのロゴ。だんだん気にいってきました。

ロータリーエンジンとか三角形の持つパワーみたいなのが作りたかったんです。それに目玉をつけてみたら、「2001年宇宙の旅」のHALみたいでいいかなと。

ファビコンとかツイッターやミクシィのロゴに使ってみると、この赤目が程良く存在感を出してくれています。

ナイキのロゴに「スウッシュ」ていう名前があるように、このロゴにも名前をつけなくては・・・

よし、決めた。「TRIM(とりむ)」で。深い意味はありません。
コメントを非承認制にしてみました。
すぐにスパムの嵐になるような悪寒がしますが、とりあえず様子を見てみます。

ということで、みなさまどしどしコメントよろしく・・・!!

iPhone対応完了 maharada.net

|
ifav.jpgネタフルがiPhone対応になったのを見て、やってみたかったんです。

iPhone用ファビコン(Webクリップと言うらしい)も作りました。
これがよくできていて、60px四方のpng画像を作ってサーバーのルートに置くと、ジョブズが「あいよ」っとばかりに角丸&テカリエフェクトをかけてくれるんですね。

さすがです。

作る時の注意点はこちらにとてもわかりやすく載っていました。

新熱

|
aranetsu.jpg 制作のカテゴリがあまりにもさびしいので、追加します。

といっても過去のものを掘り起こすしかありません。(汗

これは大学生の頃、Flashでポートフォリオサイトを作った時に、作った屋号です。

料理番組を見ていて「粗熱(あらねつ)」って言葉が気になったんです確か。

小学校6年間習ってたお習字の経験が多少は生きたかなぁと思っております。

そのポートフォリオサイトも魔がさしたら載せるかもしれません。

maharada.netリニューアル

|
ようやく来ました。ここまで長かった。放置してた時間が(笑)。

デザインリニューアル
デザインはいろいろ考えたんですが、Movable Typeの仕様とCSSレイアウトのバグもろもろのハードルにぶつかり、というかぶつかる前に回避するデザインにハードルを下げ、モンハンのナルガクルガというモンスターかっこいいなぁと思ってるうちに、このようなあっさりしたものになりました。
ブラウザ対応、OS対応とかそんなものは死んでまえ!って感じなんで悪しからず。ほんとコーダーって仕事は大変だな~と。もうちょっと直したいと思ってますけども。

レイアウトを3段カラムに変更

ずっとやりたかった3段カラム化。これもMT4の素晴らしいデフォルトテンプレートをベースにこの形に。
ネタフルとか、最近のブログの潮流としてコンテンツを左端に置くパターンが多いのも承知していましたが、左側にナビゲーションがないと落ち着かない性分なのでこの形に。
カテゴリーとタグクラウドを中心に全体を把握できるのがいいなと思っております。

タグクラウド搭載

これもMT4の偉大な機能により実現。はてブとかlivedoor Clip とか使ってるとタグってやっぱ便利だなと思いまして。実際自分のブログで使ってみると結構楽しくて、
上野」タグに上野公園の桜のエントリーと、アメ横で買った財布のエントリーが出てきたり、カテゴリーではくくれない記事同士を結び付けてくれるということで、カテゴリーと併用して使うといい感じだなと思います。

他のサイトのRSSフィードを表示する

|
日々、livedoorクリップに制作関連のTipsをためているので、このRSSフィードをサイト上に表示できたらいいなぁと思って調べてみたら、MT4から標準機能で簡単に実装することができると知り、さっそく入れてみました。

WWW mania - RSS フィードを表示する Vol,2

ウィジェットになるので、ドラッグアンドドロップで付け外し簡単。
コードも一括で書き換えられて、とっても素敵です。

複数ブログを立ててその総合INDEXを作ってみる場合とか、いろいろ使えるかも知れません。

カテゴリーの並び替えプラグイン

|

Movable Typeシリーズおなじみの悩みとして「カテゴリー表示を任意の順番にできない」というものがあります。

これを解決するために、カテゴリー名に番号を振り、表記は「カテゴリー概要」を表示させるとか、頭に振った番号を消してくれるプラグインとかいろいろあるわけですが、いいプラグインを見つけました。

カテゴリーとフォルダを並べ替えるプラグイン(MT4以降用)

これなら管理画面上でCMS的に並び替えが自由にできます。とっても快適です。

月別アーカイブ

タグクラウド