FC2ブログ
topimage

2018-12

スポンサーサイト - --.--.-- --

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

サイトリニューアル奮闘記 - 2012.01.14 Sat

ご無沙汰してます。inacaです。

ここ二日ほどは漫画も描かずにhtmlいじくりにかまけてました^q^

なんだかんだで半年~1年ペースで大掛かりなリニューアルをやってる気がする『マイ』のTOPページ。
前回の大改築で超すっきりにしたんでこれで完成形かと思っていたんですが…

先日『シスターコンプレックス!?』のほうで実装した
折りたたみメニュー。
TOPページを圧迫すること無く、かつ漫画本編の好きなところに最速でアクセスすることが出来る。
こりゃいいやと『マイ』のほうにも実装しようと思い立ったわけですが
これがもー想像をはるかに超える大変な作業でした…

なんせ話数が多いので、リスト化しようにもとんでもない長さになってしまう。
そうなると必然的にページ全体のレイアウトも考えなおさなきゃならんわけで…

でも今のデザインがけっこう気に入ってるのでなるべくこの形の上でリストを表示したい。

もーひたすらググってはコピペググッてはコピペのツギハギ工法で試行錯誤しながらやっていきます
根本的な部分を理解するのはすっとばしてググッて出てきた応用技術をコピペしてるだけなので、
完成後に使用した技術は全部脳みそから抜け落ちて二度と同じものが作れない…^q^


まぁそんなこんなで丸一日以上かかってようやく改装が終わりました!

とにかく「アクセスしやすさ」を追求して、
よけいな中間ページはもうバッサリカット!!
このへんは部屋の掃除に似てますね。使わないものはとにかく思い切って捨てる潔さが大事。
(これがけっこう苦渋の決断だった…チャプターとかけっこう頑張って作ったんだけど(´;ω;`))
トップページからメニューを展開することでほとんどのページに直接ジャンプすることができるようになりました。
このメニューを透過させる方法がなかなかわからず最終的に透過PNGファイルを作ってリストの背景に指定するという力技に出ましたww

まぁ苦労しただけあってかなりスッキリ見やすくなったと思います。

これがプログラマのひとのブログだったらここでソースコード6なんか公開したりするんでしょうが、
まぁそういうブログじゃないし需要もないので割愛しますww

そんなわけでこちらが改装後のページになります。

http://maskedridermai.lolipop.jp/

パッと見は変わってないように見えますが、快適なメニューをぜひお試しくださいな。
これを機に好きなエピソードだけ読み返してみてはいかがでしょうか。
俺はサブタイトルをひとつひとつ打ちなおしながらああこんな回もあったなあなんて懐かしい気持ちになりましたww

いやしかし、htmlいじりは楽しいけどホント大変。
本職でこれ扱ってる人達はほんとすごいと思います…(;´Д`)
スポンサーサイト

● COMMENT ●


管理者にだけ表示を許可する

トラックバック

http://inaca.blog135.fc2.com/tb.php/120-d49a0463
この記事にトラックバックする(FC2ブログユーザー)

【更新】『仮面ライダーマイ』/ここ最近の展開の速さについて。 «  | BLOG TOP |  » 仮面ライダー響鬼 完走!

プロフィール

inaca

Author:inaca
→ツイッター@inaca0831
→inacaのpixiv

福島県南相馬市出身。
イラストやらWEB漫画やら描いてます。
お仕事募集中。
仮面ライダーとアイマスが大好物ななんでもイケるクチのヲタクさんです。

リンク・作品など

このブログをリンクに追加する

カテゴリ

未分類 (52)
新都社 (10)
仮面ライダー談義 (27)
オリジナル漫画について (68)
ホビー (18)
お仕事 (5)
ツイートまとめ (5)
肉体改造計画 (1)

最新記事

最新コメント

閲覧者数

カレンダー(月別)

11 ≪│2018/12│≫ 01
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -

検索フォーム

FC2ブログジャンキー

「アクセス数が全然伸びない…」そんな悩みをブログジャンキーが解決します!

参加中ランキング

人気ブログランキングへ にほんブログ村 イラストブログ CGイラストへ

RSSリンクの表示

ブロとも申請フォーム

この人とブロともになる

メールフォーム

名前:
メール:
件名:
本文:

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。